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 - Working with 3D text

- Free product key for windows 10
- Free Product Key for Microsoft office 365
- Malwarebytes Premium 3.7.1 Serial Keys (LifeTime) 2019
11/15/2012 5:55:38 PM
Just as you can create other 3D objects in After Effects, you can create 3D text. Flat text isn’t as interesting, so you’ll give the text more depth.

Creating the composition

You’ll create a new composition for the text, and just as you did before, you’ll create a 3D grid to serve as the floor of the space to help you maintain perspective.

1.
Click the Create A New Composition button () at the bottom of the Project panel.

2.
In the Composition Settings dialog box, name the composition 3D Text, and choose NTSC DV from the Preset menu. Then click OK to create the composition.

3.
Press Ctrl+Y (Windows) or Command+Y (Mac OS) to create a new solid layer.

4.
In the Solid Settings dialog box, name the layer 3D Grid, set the Width and Height both to 800 pixels, and click OK.

5.
With the 3D Grid layer selected in the Timeline panel, choose Effect > Generate > Grid.

6.
Select the 3D Layer switch () for the 3D Grid layer.

7.
With the 3D Grid layer selected in the Timeline panel, press R to reveal its Rotation properties. Then change the X Rotation value to 90 degrees. Press R again to hide the Rotation properties.

8.
With the 3D Grid layer selected in the Timeline panel, choose Layer > Guide Layer.

Tip

If you plan to work with 3D objects in the future, save the composition to use as a basis for later projects so that you’ll already have a 3D grid in place.


The grid you’ve created will guide you as you work with 3D text, but won’t render with your project.

Creating 3D text

With the grid in place, you’re ready to create the text. You’ll type the words first, and then convert the layer to a 3D layer.

1.
Select the Horizontal Type tool () in the Tools panel. After Effects opens the Character and Paragraph panels.

2.
In the Character panel, do the following:

  • Choose Myriad Pro for the font family.

  • Choose Bold for the font style.

  • Select white for the text color.

  • Set the stroke color to none.

  • Change the font size to 120 pixels.

3.
In the Paragraph panel, select the Center Text alignment option.

4.
Click anywhere in the Composition panel, in either view, and type AECS5. Then click an empty area of the Timeline panel to deactivate the Horizontal Type tool.

5.
Select the 3D Layer switch () for the AECS5 layer.

6.
With the AECS5 layer selected in the Timeline panel, press P to reveal its Position property.

7.
Right-click (Windows) or Control-click (Mac OS) the Position property name, and choose Reset from the context menu. The text moves to the center of the grid.

Note

This technique gives you the effect of extrusion in some views, but may not provide good results when you rotate the text at some angles. For true extruded text, use Adobe Photoshop Extended.


Adding depth to the text with expressions

The text is three-dimensional, but one of those dimensions—the z axis—is only 1 pixel wide. You’ll duplicate the layer and offset it by 1 pixel to add depth to the text.

1.
Select the AECS5 layer in the Timeline panel, and choose Edit > Duplicate.

A new layer, named AECS6, is added to the Timeline panel. The duplicate layer is named AECS6 because After Effects continues the layer numbering from AECS5, but the content of the layer has not been changed.

2.
Double-click the original AECS5 layer in the Timeline panel to select its contents.

3.
In the Character panel, change the text color to blue (R=19, G=125, B=245), and click an empty area of the Timeline panel to deactivate the Horizontal Type tool.

Text in the Composition window appears white because it’s in front of the blue layer.

4.
Press Alt (Windows) or Option (Mac OS) as you click the stopwatch icon next to the Position property for the original AECS5 layer.


Note

While you are editing an expression, all previews are suspended; a red bar appears at the bottom of panels until you exit text-editing mode.


After Effects displays the words transform.position in the expression field in the time ruler. With expressions, you can create relationships between layer properties and use one property’s keyframes to dynamically animate another layer. 

5.
Type thisComp.layer(index-1).transform.position+[0,0,1] to replace transform.position in the expression field.

6.
Click an empty area of the Timeline panel to accept the expression.


The expression you typed instructs After Effects to use the layer immediately above it, changing the Position property by 1 pixel on the z axis. Here’s how it breaks down: thisComp.layer refers to this composition, index-1 refers to the layer immediately above the current layer, transform.position means to change the Position property, and +[0,0,1] means add 1 pixel to the z axis.

You don’t have to memorize this expression or learn JavaScript, the language used in expressions. You can adapt simple expressions and modify them to meet your needs. 

7.
Select the Orbit Camera tool (), and drag across the left view in the Composition window to see the back of the text. The back is blue and the front is white. But it’s still only 2 pixels deep.

8.
Select the original AECS5 layer in the Timeline panel, and press Ctrl+D (Windows) or Command+D (Mac OS) 19 times to create 19 additional layers.

9.
Use the Orbit Camera tool to move around the object. The text object is much deeper now, as you copied the expression along with each of those 19 layers. The front layer is white, but all the other layers are blue. To see the effect more clearly, change the right view to Custom View 3.

10.
Choose File > Save to save your work so far.
Other -----------------
- Adobe After Effects CS5 : Building a 3D object - Working with a null object
- Adobe Flash Catalyst CS5 : Round-trip editing with Adobe Illustrator and Adobe Photoshop
- Adobe Flash Catalyst CS5 : Applying and removing filters
- Adobe Flash Professional CS5 : Importing Fireworks PNG Files
- Adobe Flash Professional CS5 : Importing Bitmaps
- CorelDRAW X5 : Typography Rules and Conventions - Finding the Font You Need
- CorelDRAW X5 : Typography Rules and Conventions - Font Families and Font Styles
- Configure and Manage Shared Folders : Access Shared Folders from a Windows Vista–Based PC, Access Shared Folders from a Windows XP–Based PC
- Configure and Manage Shared Folders : Understand Security Permissions
- Adobe InDesign CS5 : Working with Page Spreads, Rotating Page Spreads
 
 
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