IT tutorials
 
Graphics
 

Adobe After Effects CS5 : Animating Text - Animating a nontext layer along a motion path

5/23/2013 9:43:24 PM
- How To Install Windows Server 2012 On VirtualBox
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire

To cap off this project, you’ll use a mask from a text layer to animate a nontext layer. Specifically, you’ll use the mask shape for the directed by path to create a motion path for a car graphic so that it appears to be pulling the text. First, you’ll import the car graphic and add it to your composition.

1.
Double-click an empty area in the Project panel to open the Import File dialog box.

2.
choose Composition – Retain Layer Sizes from the Import As menu, and then click Open.

3.
Drag the car composition from the Project panel to the top of the layer stack in the Road_Trip_Title_Sequence Timeline panel.

Copying the mask shape

Now you’re ready to copy the mask shape from the path of the directed by layer to the car layer.

1.
Go to 5:00.

2.
Select the directed by layer in the Timeline panel, and press M to display its Mask Path property.

3.
Click the Mask Path property name to select it, and then choose Edit > Copy.

4.
Select the car layer, and then press P to display its Position property.

5.
Click the Position property name to select it, and then choose Edit > Paste.

After Effects copies the Position keyframes from the directed by layer to the car layer.

Orienting the object

Unfortunately, the car is flying backward, but that’s easy to fix.

1.
With the car layer selected in the Timeline panel, choose Layer > Transform > Auto-Orient.

2.
In the Auto-Orientation dialog box, select Orient Along Path, and then click OK.

Now the car is facing forward as it flies.

3.
Select the car layer in the Timeline panel, and press P to hide its Position property.

Coordinating the text and object timing

Next, you need to coordinate the timing of the car’s motion with the words directed by so that the words correctly trail behind the car.

1.
Select the directed by layer, and press U to display its Path Options in the Timeline panel.

2.
Go to 5:18, and change the First Margin value to 373. After Effects adds a keyframe, and the text moves behind the car.

3.
Go to 5:25, and change the First Margin value to 559.

4.
Go to 4:24, and drag the first First Margin keyframe (the left-pointing arrow) to that position.

5.
Manually preview the corrected path animation by dragging the current-time indicator across the time ruler from about 4:20 to 7:10. The words follow the car and come to rest above your name, while the car continues to fly along the path and off the screen.

6.
Hide the properties for the directed by layer, and then press the Home key or move the current-time indicator to the beginning of the time ruler.
 
Others
 
- Adobe After Effects CS5 : Animating Text - Cleaning up the path animation
- Adobe Fireworks CS5 : Working with Vector Graphics - Drawing the shape
- Adobe Fireworks CS5 : Working with Vector Graphics - Editing paths
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Docking and Undocking Panels, Grouping and Ungrouping Panels
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Working with Panels
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Using the Tools Panel
- QuarkXPress 8 : Pictures - Working with Photoshop files
- QuarkXPress 8 : Pictures - Cropping, positioning, and scaling
- Adobe InDesign CS5 : Working with Objects and Layers - Aligning Objects
- Adobe InDesign CS5 : Working with Objects and Layers - Grouping and Combining Objects
 
25 Inspiring Game of Thrones Quotes
 
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 programming4us
 
Popular tags
 
Video Tutorail 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