For our main project today, we will be creating a 30-second movie trailer. This trailer will be created with several animations which we will sequence to create the full animation. We will also add some music at the end of the project.
This project will consist of several compositions consisting of animated text, most of which will be 5 seconds long, and a final animation with the title of the movie and release date, which will be 10 seconds long.
For time's sake, we have a partially completed project that we can work with. Let's open this project now.
Step 1. To open the file, from the Menu bar,
Click File, Click Open Project...
Step 2. To open the file,
Double-Click Trailer Comps.aep
Creating a Blank Composition
Before we create a blank composition, we want to ensure that it will match the rest of our project. If the composition is too large, it will be clipped, and if it is too small, it will have a border around the outside edge. Neither one is acceptable. So let's examine one of the currently listed compositions to see how large it is.
Step 1. To see how the current title card is set up, in the Project panel,
Click the first composition listed
Step 2. To create a new composition, in the Project panel,
Step 3. To name the composition, in the Composition Name field, type:
On a Distant Planet
Step 4. To select the preset, in the Preset drop-down,
Click, Click HDV/HDTV 720 29.97
Step 5. To set the timecode, in the Duration field, if necessary, type:
Step 6. To complete the composition,
Creating and Formatting Text
The composition we just created will be the first composition seen in our animation, so let's put some text in. This text will be on two lines, and will move in from the left and right sides, meeting in the middle before fading out.
Let's do this now.
Step 1. To activate the Type tool, in the tool bar,
Step 2. To place the text,
Click anywhere inside the composition panel, type: On a Distant
Step 3. To close the text box, type:
Note for MacOS Users - To close the text box, on the keyboard press: Control key+Enter.
Step 4. Close the Paragraph Panel to make more room for the Layers panel.
Step 5. To create the second line,
Click below the first line of text, type: Planet
Step 6. To close the text box and switch to the Selection tool, in the Tools panel,
Step 7. To select both text blocks,
Click the first text box, hold Shift key and Click the second text box
Step 8. To change the font, in the Character Panel Font field,
Click, type: Eras Demi ITC Enter
Step 9. To set the text color, in the Character panel,
Step 10. To set the color, in the hexadecimal color (#) field,
Press & Drag the current value, type: FFA302 Enter
Step 11. To move the text,
Press & Drag the text boxes until they match the following arrangement:
Step 12. To select the second line of text,
Click a blank area of the canvas, Click the line reading "Planet"
Step 13. To set the font size, in the size field,
Click the current size, type: 130 Enter
Previously, we animated the opacity property so that our text would fade in and out. Now we will animate the position of our text. In our final animation, the two lines of text will move slowly from the edges of the frame to their final position.
We have set up our animation to view the final frame. We are starting from the end because we know what the final frame will look like. The text will not be visible at the beginning of the animation, so it will be easier for us to start at the end of the animation, where the text will be visible.
Let's do this now. Remember our animation process.
Step 1. To set the playhead in the correct location on the timeline, on the keyboard, press:
NOTE: We could also Press & Drag the playhead to the end of the timeline.
Step 2. To select both text boxes,
Click the first line of text, hold Shift key, Click the second line of text
TRAPS is an acronym in After Effects that helps us to remember the five properties we can animate and gives us a list of keyboard shortcuts to use to quickly animate these properties.
TRAPS stands for the following:
Notice that Opacity is the only property that does not use its first letter as a keyboard shortcut, but since this is the only exception, it shouldn't be a problem.
Let's try out our keyboard shortcut now. We can see that to animate the position, we should press the P key on the keyboard.
Step 1. To show the Position property, on the keyboard, type:
Step 2. To place the first keyframe, in the layers panel next to the Position property,
NOTE: Because both of these layers are selected, we can click either of the Position stopwatches in order to begin animating.
Step 3. To move the playhead to the beginning of the timeline, press:
Step 4. To select a single text box,
Click a blank area of the frame, Click the text box reading "On a Distant"
Step 5. To move the "On a Distant" text to the right, in the layers panel,
Point to the X value, then Press & Drag the X value to the right until the text just leaves the canvas
Step 6. To select the text,
Click the text reading "Planet"
Step 7. To move the "Planet" text to the left, in the layers panel,
Press and Drag the X value to the left until the text just leaves the frame
NOTE: You might need to release the mouse button and Press & Drag again to get the text to move.
Step 8. To test the animation, on the keyboard, press:
Step 9. To stop the animation, on the keyboard, press:
Step 10. Save the file.