Logo
HOW TO
Windows XP
Windows Vista
Windows 7
Windows Azure
Windows Server
Windows Phone
 
 
Windows Vista

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

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
 
 
REVIEW
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- 3 Tips for Maintaining Your Cell Phone Battery (part 1)

- 3 Tips for Maintaining Your Cell Phone Battery (part 2)
 
VIDEO TUTORIAL
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
Popular tags
Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
Popular keywords
HOW TO Swimlane in Visio Visio sort key Pen and Touch Creating groups in Windows Server Raid in Windows Server Exchange 2010 maintenance Exchange server mail enabled groups Debugging Tools Collaborating
Top 10
- Microsoft Excel : How to Use the VLookUp Function
- Fix and Tweak Graphics and Video (part 3) : How to Fix : My Screen Is Sluggish - Adjust Hardware Acceleration
- Fix and Tweak Graphics and Video (part 2) : How to Fix : Text on My Screen Is Too Small
- Fix and Tweak Graphics and Video (part 1) : How to Fix : Adjust the Resolution
- Windows Phone 8 Apps : Camera (part 4) - Adjusting Video Settings, Using the Video Light
- Windows Phone 8 Apps : Camera (part 3) - Using the Front Camera, Activating Video Mode
- Windows Phone 8 Apps : Camera (part 2) - Controlling the Camera’s Flash, Changing the Camera’s Behavior with Lenses
- Windows Phone 8 Apps : Camera (part 1) - Adjusting Photo Settings
- MDT's Client Wizard : Package Properties
- MDT's Client Wizard : Driver Properties
 
Windows XP
Windows Vista
Windows 7
Windows Azure
Windows Server
Windows Phone
2015 Camaro