Logo
programming4us
programming4us
programming4us
programming4us
Home
programming4us
XP
programming4us
Windows Vista
programming4us
Windows 7
programming4us
Windows Azure
programming4us
Windows Server
programming4us
Windows Phone
 
Windows Vista

Adobe After Effects CS5 : Building a 3D object (part 2)

- Free product key for windows 10
- Free Product Key for Microsoft office 365
- Malwarebytes Premium 3.7.1 Serial Keys (LifeTime) 2019
8/6/2012 6:35:48 PM

Positioning 3D elements

When you build a 3D object, you need to position the 3D layers in relationship to each other. You’ll position the spine of the book by moving its anchor point and then adjusting the front cover as necessary.

1.
Drag the AESpine.jpg item from the Project panel into the Timeline panel, placing it at the top of the layer stack.

2.
Select the 3D Layer switch () for the AESpine.jpg layer.

3.
Ctrl-click (Windows) or Command-click (Mac OS) the triangle in the Label column for the AESpine.jpg layer to display all of its Transform properties.

4.
Click the y-axis value (the middle value) for the Anchor Point property, and then add *2, so that its value is 617*2. Press Enter or Return to accept the calculation.

As with the front cover, moving the anchor point for the spine positions it to sit on the floor of the 3D space. However, the spine is facing the same direction as the front cover. You’ll need to rotate it.

5.
Change the Y Rotation property for the AESpine.jpg layer to +90.

Now the spine is facing the right direction, but it’s in the middle of the front cover. To move it into place, you’ll use the same simple math trick you used to position the book on the floor.

6.
Select the AEFront.jpg item in the Project panel, and note its width. It’s exactly 1000 pixels wide.

The AESpine.jpg layer currently intersects the middle of the AEFront.jpg layer. Therefore, moving the spine 500 pixels to the left will align it appropriately. To move an object to the left on the x axis, subtract pixels.

7.
In the Timeline panel, click the x-axis value (the first value) for the Position property, and then append -500 to the value, so the new value is 360.0-500. Press Enter or Return.

The spine moves to the end of the book. It’s close, but it protrudes from the front of the book. You’ll move the AEFront.jpg layer forward to fix that.

8.
In the Timeline panel, select the AEFront.jpg layer, and then press P to display its Position property.

9.
Click the z-axis value (the third value) for the Position property of the AEFront.jpg layer, and change the value to -56. A negative value on the z axis moves the layer toward the active camera view (forward).

10.
Close all properties for the AESpine.jpg and AEFront.jpg layers to keep the Timeline panel neat.

Replacing a 3D element with another

Instead of repeating all the steps to position the back cover, you’ll duplicate the front cover and replace it with the back cover.

1.
Select the AEFront.jpg layer in the Timeline panel, and press Ctrl+D (Windows) or Command+D (Mac OS) to duplicate the layer.

2.
With the duplicate layer selected, press P to display its Position property.

3.
Change the z-axis value to +56 to move the layer away from the active camera view. Because this will be the back cover, you want to position it at the back of the spine, which is 112 pixels wide.

4.
In the Composition panel, change the right view to Custom View 3 so you can see both ends of the book.

5.
With the duplicate layer selected in the Timeline panel, press R to display the layer’s Rotation properties, and change its Y Rotation value to 180 degrees. The rotation flips the layer.

6.
With the duplicate layer selected in the Timeline panel, press Alt (Windows) or Option (Mac OS) as you drag the AEBack.jpg item from the Project panel onto the duplicate layer. After Effects replaces the front cover with the back cover, and changes the layer name to AEBack.jpg.

Adjusting views with the camera tools

By definition, 3D objects can appear different from different angles. You can adjust the camera view to see the object from other directions so that you can identify gaps, make positioning adjustments, and otherwise evaluate and plan your project.

1.
Select the Track Z Camera tool (), hidden behind the Unified Camera tool () in the Tools panel. The Track Z Camera tool lets you zoom in and out of a composition view.

2.
Click in the left view (Custom View 1) in the Composition panel to ensure it’s active. Then click and drag to the left or down to zoom out from the scene and see the entire book. You may need to click and drag multiple times.

3.
Select the Orbit Camera tool (), hidden behind the Track Z Camera tool in the Tools panel. The Orbit Camera tool rotates the current 3D view by moving the camera around the point of interest.

4.
Drag the Orbit Camera tool to the left or right in the left view of the Composition window so that you can see the back of the book. Remember, when you’re using the Orbit Camera tool, you’re rotating the view, not the object itself.

5.
Drag the Orbit Camera tool again so that you are viewing the front of the book.

6.
Select the Selection tool () in the Tools panel, and choose File > Save to save your work so far.

Adding solid layers to a 3D object

You’ve assembled the front cover, back cover, and spine of the book. But it’s still lacking a top and right side (opposite the spine). Because these sides don’t require specific content, you can create them using solid layers.

1.
Click in the Timeline panel. Then press Ctrl+Y (Windows) or Command+Y (Mac OS) to create a new solid layer.

2.
In the Solid Settings dialog box, name the layer Top Pages, change the width to 1000 pixels (to match the cover width), and the height to 112 pixels (to match the width of the spine).

3.
Click the eyedropper, and click a white area of the book cover to sample it. Click OK to create the layer.

4.
Select the 3D Layer switch () for the Top Pages layer.

5.
Press R to display the Rotation properties, and change the X Rotation property to 90 degrees.

6.
Press P to display the Position property. Click the y-axis value, and type 240-1234. Press Enter or Return to accept the calculation.

Why those numbers? The current position is 240, and you want to move it up the height of the book, which is 1234 pixels.

7.
Press Ctrl+Y (Windows) or Command+Y (Mac OS) to create another solid layer for the right side of the book, representing the edges of the pages that are bound by the spine on the left side.

8.
In the Solid Settings dialog box, name the layer Pages, change the Width to 112 pixels (the width of the spine) and the Height to 1234 pixels (the height of the covers). Make sure the layer is white, and then click OK.

9.
Select the 3D Layer switch () for the Pages layer.

The Pages layer needs to be on the right side of the book. You’ll change its Anchor Point, Rotation, and Position properties to get it there.

10.
Ctrl-click (Windows) or Command-click (Mac OS) the triangle next to the Label column for the Pages layer to display all its Transform properties.

Note

For this project, it’s unlikely that anyone will see the bottom of the book. But if you want to add a bottom layer, duplicate the top layer and move it into position.

11.
Change the y-axis value for the Anchor Point property to 1234 (placing the layer on the virtual floor); change the Y Rotation amount to 90° to make it face the right direction; and change the x-axis value for the Position property to 360+500 to move the layer to the right side of the book.

Tip

Pressing the U key multiple times cycles through the reveal/hide options.

12.
With the Timeline panel active, press Ctrl+A (Windows) or Command+A (Mac OS) to select all the layers. Then press the U key to close all the properties for the layers.
Other -----------------
- Creating Basic Windows Images : Deploying Custom Images
- Creating Basic Windows Images : Capturing Custom Images
- Adobe Flash Professional CS5 : Importing Graphics - Importing Photoshop and Illustrator Files
- Adobe Flash Professional CS5 : Importing Graphics - Setting Photoshop Import Preferences
- Adobe InDesign CS5 : Creating and Running Scripts
- Adobe InDesign CS5 : Using Scripts - Exploring VBA
- Dreamweaver CS5 : Standard Server Behaviors (part 6) - Stored procedure/command/callable
- Dreamweaver CS5 : Standard Server Behaviors (part 5) - Dynamic elements
- Dreamweaver CS5 : Standard Server Behaviors (part 4) - Update Record, Delete Record & User authentication
- Dreamweaver CS5 : Standard Server Behaviors (part 3) - Go To Detail Page, Related Page & Insert Record
 
 
Top 10
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
 
programming4us
Windows Vista
programming4us
Windows 7
programming4us
Windows Azure
programming4us
Windows Server