Lesson 1
Lesson 1
Lesson overview
In this lesson, you’ll learn how to do the following:
Create a project and import footage.
Create compositions and arrange layers.
Navigate the Adobe After Effects interface.
Use the Project, Composition, and Timeline panels.
Transform layer properties.
Apply basic effects.
Create keyframes.
Preview your work.
Customize the workspace.
Adjust preferences related to the user interface.
Find additional resources for using After Effects.
This lesson will take about an hour to complete. Download the project files for this lesson,
following the instructions in the Getting Started section under “Accessing the lesson files and
Web Edition,” if you haven’t already done so. As you work on this lesson, you’ll preserve the
start files. If you need to restore the start files, download them from your Account page.
PROJECT: TITLE SEQUENCE
Whether you use After Effects to animate a simple DVD title sequence or to create complex special effects, you generally follow
the same basic workflow. The After Effects interface facilitates your work and adapts to each stage of production.
You customize a workspace by dragging the panels into the configuration that best suits
your working style. You can drag panels to new locations, change the order of stacked
panels, move panels into or out of a group, place panels alongside each other, stack panels,
and undock a panel so that it floats in a new window above the application window. As you
rearrange panels, the other panels resize automatically to fit the window.
When you drag a panel by its tab to relocate it, the area where you can drop it—called a
drop zone—becomes highlighted. The drop zone determines where and how the panel is
inserted into the workspace. Dragging a panel to a drop zone either docks it, groups it, or
stacks it.
If you drop a panel along the edge of another panel, group, or window, it will dock next to
the existing group, resizing all groups to accommodate the new panel.
If you drop a panel in the middle of another panel or group, or along the tab area of a panel,
it will be added to the existing group and be placed at the top of the stack. Grouping a panel
does not resize other groups.
You can also open a panel in a floating window. To do so, select the panel, and then choose
Undock Panel or Undock Frame from the panel menu. Or, drag the panel or group outside
the application window.
Getting started
A basic After Effects workflow follows six steps: importing and organizing footage, creating
compositions and arranging layers, adding effects, animating elements, previewing your work,
and rendering and outputting the final composition so that it can be viewed by others. In this
lesson, you will create a simple animated video using this workflow, and along the way, you’ll
learn your way around the After Effects interface.
First, you’ll preview the final movie to see what you’ll create in this lesson.
1. Make sure the following files are in the Lessons/Lesson01 folder on your hard disk, or
download them from your Account page at www.peachpit.com now:
In the Assets folder: movement.mp3, swimming_dog.mp4, title.psd
In the Sample_Movies folder: Lesson01.avi, Lesson01.mov
2. Open and play the Lesson01.avi sample movie in Windows Movies & TV or the
Lesson01.mov sample movie in QuickTime Player to see what you will create in this lesson.
When you are done, close Windows Movies & TV or QuickTime Player. You may delete
the sample movies from your hard disk if you have limited storage space.
Tip
Restoring default preferences can be tricky in Windows, especially if you’re
working on a fast system. Press the keys after you double-click the application icon
but before After Effects begins to list the files it’s activating. Alternatively, you can
choose Edit > [your Creative Cloud account username] > Clear Settings, and then
restart the application.
1. Start After Effects, and then immediately hold down Ctrl+Alt+Shift (Windows) or
Command+Option+Shift (macOS) to restore default preferences settings. When prompted,
click OK to delete your preferences.
The Home window opens. It provides easy access to your recent After Effects projects, as well as
to tutorials and more information about After Effects.
2. Click New Project in the Home window.
After Effects displays an empty, untitled project.
An After Effects project is a single file that stores references to all the footage you use in that
project. It also contains compositions, which are the individual containers used to combine
footage, apply effects, and, ultimately, drive the output.
Tip
To quickly maximize a panel, double-click the panel tab. To return it to its original
size, double-click the tab again.
When you begin a project, often the first thing you’ll do is add footage to it.
3. Choose File > Import > File.
4. Navigate to the Assets folder in your Lessons/Lesson01 folder. Shift-click to select the
movement.mp3 and swimming_dog.mp4 files. Then click Import or Open.
A footage item is the basic unit in an After Effects project. You can import many types of
footage items, including moving-image files, still-image files, still-image sequences, audio files,
layered files from Adobe Photoshop and Adobe Illustrator, other After Effects projects, and
projects created in Adobe Premiere® Pro. You can import footage items at any time.
Tip
You can also choose File > Import > Multiple Files to select files located in different
folders or drag and drop files from Explorer or the Finder. You can use Adobe
Bridge to search for, manage, preview, and import footage.
As you import assets, After Effects reports its progress in the Info panel.
Because one of the footage items for this project is a multilayer Photoshop file, you’ll import it
separately as a composition.
5. Double-click in the lower area of the Project panel to open the Import File dialog box.
6. Navigate to the Lesson01/Assets folder again, and select the title.psd file. Choose
Composition from the Import As menu. (In macOS, you may need to click Options to see
the Import As menu.) Then click Import or Open.
After Effects opens an additional dialog box that displays options for the file you are importing.
7. In the title.psd dialog box, choose Composition from the Import Kind menu to import the
layered Photoshop file as a composition. Select Editable Layer Styles in the Layer Options
area, and then click OK.
When you import files, After Effects doesn’t copy the video and audio data itself into your
project. Instead, each footage item in the Project panel contains a reference link to the source
files. When After Effects needs to retrieve image or audio data, it reads it from the source file.
This keeps the project file small and allows you to update source files in another application
without modifying the project.
Tip
You can locate missing fonts or effects the same way. Choose File > Dependencies,
and then choose Find Missing Fonts or Find Missing Effects. Or just type Missing
Fonts or Missing Effects into the Search box in the Project panel.
If you move a file or if After Effects can’t access its location, it will report that the file is
missing. To identify missing files, choose File > Dependencies > Find Missing Footage. You can
also type Missing Footage into the Search box in the Project panel to look for the missing assets.
To save time and minimize the size and complexity of a project, you’ll usually import a footage
item once even if you’re using it multiple times in a composition. However, you may sometimes
need to import a source file more than once, such as if you want to use it at two different frame
rates.
After you’ve imported footage, it’s a good time to save the project.
9. Choose File > Save. In the Save As dialog box, navigate to the
Lessons/Lesson01/Finished_Project folder. Name the project Lesson01_Finished.aep, and
then click Save.
Tip
To create a composition from footage as you import it, select Create Composition in
the Import File dialog box.
1. In the Project panel, Shift-click to select the movement.mp3, swimming_dog.mp4, and title
assets. Don’t select the title Layers folder.
2. Drag the selected footage items into the Timeline panel. The New Composition From
Selection dialog box appears.
After Effects bases the dimensions of the new composition on the selected footage. In this
example, all of the footage is sized identically, so you’ll accept the default settings for the
composition.
3. Select swimming_dog.mp4 in the Use Dimensions From menu, and then click OK to create
the new composition.
The footage items appear as layers in the Timeline panel, and After Effects displays the
composition, named swimming_dog, in the Composition panel.
When you add a footage item to a composition, that footage becomes the source for a new layer.
A composition can have any number of layers, and you can also include a composition as a layer
in another composition, which is called nesting.
Some of the assets are longer than others, but you want them all to continue only as long as the
swimming dog is on the screen. You’ll change the length of the entire composition to 7:00 to
match the dog clip.
4. Choose Composition > Composition Settings.
5. In the Composition Settings dialog box, rename the composition movement, type 7:00 for
the Duration, and then click OK.
The Timeline panel displays the same duration for each of the layers.
In this composition, there are three footage items, and therefore three layers in the Timeline
panel. Depending on the order in which the elements were selected when you imported them,
your layer stack may differ from the one shown on the previous page. The layers need to be in a
specific order as you add effects and animations, however, so you’ll rearrange them now.
About layers
Layers are the components you use to build a composition. Any item that you add to a
composition—such as a still image, moving-image file, audio file, light layer, camera layer,
or even another composition—becomes a new layer. Without layers, a composition consists
only of an empty frame.
Using layers, you can work with specific footage items in a composition without affecting
any other footage. For example, you can move, rotate, and draw masks for one layer
without disturbing any other layers in the composition, or you can use the same footage in
more than one layer and use it differently in each instance. In general, the layer order in the
Timeline panel corresponds to the stacking order in the Composition panel.
Tip
To deselect all layers, click a blank area of the Timeline panel or press F2.
6. Click an empty area of the Timeline panel to deselect the layers, and then drag the title layer
to the top of the layer stack, if it is not already there. Drag the movement.mp3 layer to the
bottom of the layer stack.
Note
This exercise is just the tip of the iceberg. You will learn more about effects and
animation presets in Lesson 2, “Creating a Basic Animation Using Effects and
Presets,” and throughout the rest of this book.
2. Click the triangle to the left of the layer number to expand the layer, and then expand the
layer’s Transform properties: Anchor Point, Position, Scale, Rotation, and Opacity.
3. If you can’t see the properties, scroll down the Timeline panel using the scroll bar at the
right side of the panel. Better yet, select the title layer name again, and press P.
This keyboard shortcut displays only the Position property, which is the only property you want
to change for this exercise. You’ll move this layer to the lower left corner.
4. Change the coordinates for the Position property to 265, 635. Or use the Selection tool to
drag the title to the lower left corner of the screen.
5. Press P to hide the Position property, or click the triangle to the left of the layer number to
hide all properties.
Note
If you double-click a layer in the Timeline panel, After Effects opens the layer in the
Layer panel. To return to the Composition panel, click the Composition tab.
After Effects applies the effect and automatically opens the Effect Controls panel in the upper
left area of the workspace.
The contrast intensifies colors a little more than we need. You’ll customize the settings to reduce
the effect.
4. In the Effect Controls panel, click the number next to Blend With Original, type 20%, and
press Enter or Return to accept the new value.
Adding a stylistic effect
After Effects also includes many stylistic effects. You’ll add a beam of light to the clip to add an
artistic touch. You’ll change the settings of this effect to modify the angle and intensity of the
light.
1. Click the x in the search box in the Effects & Presets panel to clear it, and then locate the
CC Light Sweep effect by doing one of the following:
Type CC Light in the search box.
Click the triangle next to Generate to expand the category in alphabetical order.
2. Drag the CC Light Sweep effect in the Generate category onto the swimming_dog layer
name in the Timeline panel. After Effects adds the CC Light Sweep settings to the Effect
Controls panel under the Auto Contrast effect.
3. In the Effect Controls panel, click the triangle next to the Auto Contrast effect to hide those
settings so that you can see the CC Light Sweep settings more easily.
First, you’ll change the angle of the light.
4. For Direction, type 37°.
5. From the Shape menu, choose Smooth to widen and soften the light beam.
6. For Width, type 68 to widen the beam a bit more.
7. Change the Sweep Intensity value to 20 to make the beam a little more subtle.
Note
If the Project tab isn’t visible, choose Window > Project to open the Project panel.
1. Select the Project tab to display the Project panel, and then double-click the title
composition to open it as a composition in its own Timeline panel.
This composition is the layered Photoshop file you imported. Two layers—Title Here and Ellipse
1—appear in the Timeline panel. The Title Here layer contains placeholder text that was created
in Photoshop.
At the top of the Composition panel is the Composition Navigator bar, which displays the
relationship between the main composition (movement) and the current composition (title),
which is nested within the main composition.
You can nest multiple compositions within each other; the Composition Navigator bar displays
the entire composition path. Arrows between the composition names indicate the direction in
which information flows.
Before you can replace the text, you need to make the layer editable.
Note
If you see a warning about missing fonts or layer dependencies, click OK. If Adobe
Fonts opens, activate the missing font.
2. Select the Title Here layer (layer 1) in the Timeline panel, and then choose Layer > Create >
Convert To Editable Text.
A T icon appears next to the layer name in the Timeline panel, indicating that it is now an
editable text layer. The layer is also selected in the Composition panel, ready for you to edit.
The blue lines at the top, bottom, and sides of the Composition panel indicate title-safe and
action-safe zones. Television sets enlarge a video image and allow some portion of its outer
edges to be cut off by the edge of the screen. This is known as overscan. The amount of overscan
is not consistent between television sets, so you should keep important parts of a video image,
such as action or titles, within margins called safe zones. Keep your text inside the inner blue
guides to ensure that it is in the title-safe zone, and keep important scene elements inside the
outer blue guides to ensure that they are in the action-safe zone.
Editing text
You’ll start by replacing the placeholder text with real text. Then you’ll format it to fit the space
better.
Note
After Effects offers robust character and paragraph formatting controls, but the
default settings—whatever typeface appears when you type—should be fine for this
project. You’ll learn more about type in Lesson 3, “Animating Text.”
1. Select the Horizontal Type tool ( ) in the Tools panel, and drag over the placeholder text in
the Composition panel to select it. Then type on the move.
About the Tools panel
As soon as you create a composition, the tools in the Tools panel in the upper left corner of
the After Effects application window become available. After Effects includes tools that
enable you to modify elements of your composition. Some of these tools—the Selection
tool and the Hand tool, for example—will be familiar to you if you use other Adobe
applications, such as Photoshop. Others will be new.
A. Home B. Selection C. Hand D. Zoom E. Rotation F. Camera tools G. Pan Behind H. Mask and Shape tools I. Pen tools
J. Type tools K. Brush L. Clone Stamp M. Eraser N. Roto Brush and Refine Edge tools O. Puppet tools
When you hover the pointer over any button in the Tools panel, a tool tip identifies the tool
and its keyboard shortcut. A small triangle in the lower right corner of the button indicates
that one or more additional tools are hidden behind it. Click and hold the button to display
the hidden tools, and then select the tool you want to use.
2. Select the text again. Then, in the Character panel (docked on the right side of the screen),
change the text size to 100 px and the tracking to –50.
2. Select the Effects & Presets tab to display the Effects & Presets panel. Then type fade up
words in the search box.
3. Select the Fade Up Words effect in the Animate In category, and drag it onto the on the
move text in the Composition panel.
After Effects adds the effect. Because it’s a simple effect, there are no settings in the Effect
Controls panel.
4. Manually preview the effect by dragging the current-time indicator from 0:00 to 1:00. The
words fade in, so that they are all onscreen by 1:00.
A. Current time B. Composition name C. Timeline panel menu D. Audio/Video Switches column E. Source Name/Layer
Name column F. Layer switches G. Time graph/Graph Editor area
Before delving too deeply into animation, it will help to understand at least some of these
controls. The duration of a composition, a layer, or a footage item is represented visually in
the time graph. On the time ruler, the current-time indicator marks the frame you are
viewing or editing, and the frame appears in the Composition panel.
The work area start and end brackets indicate the part of the composition that will be
rendered for previews or final output. When you work on a composition, you may want to
render only a portion of it by specifying a segment of the composition time ruler as a work
area.
A composition’s current time appears in the upper left corner of the Timeline panel. To
move to a different time, drag the current-time indicator in the time ruler—or click the
current-time field in the Timeline panel or Composition panel, type a new time, and press
Enter or Return, or click OK.
For more information about the Timeline panel, see After Effects Help.
9. Manually preview the effect by moving the current-time indicator from 0 to 1:00.
Tip
To remember the keyboard shortcut for the Opacity property, think of it as
transparency.
Tip
Verify that the work area brackets include all the frames you want to preview.
9. To start the preview, click the Play/Stop button ( ) in the Preview panel, or press the
spacebar.
A green progress bar indicates which frames are cached to RAM. When all of the frames in the
work area are cached, the preview plays back in real time. Until all the frames are cached, the
playback may be slower and the audio may drag.
The more detail and precision you want to preview, the more RAM is required. You can control
the amount of detail shown by changing the resolution, magnification, and preview quality of
your composition. You can also limit the number of layers previewed by turning off the Video
switch for certain layers, or limit the number of frames previewed by adjusting the composition’s
work area.
10. Press the spacebar to stop the preview.
11. Choose File > Save to save your project.
Tip
See the status of GPU acceleration quickly. The rocket icon at the bottom of the
Project panel is dimmed when GPU acceleration is disabled.
Customizing workspaces
In the course of this project, you may have resized or repositioned some panels or opened new
ones. As you modify a workspace, After Effects saves those modifications, so the next time you
open the project, the most recent version of a workspace is used. However, you can choose to
restore the original workspace at any time by choosing Window > Workspace > Reset “Default”
To Saved Layout.
Alternatively, if you find yourself frequently using panels that aren’t part of the Default
workspace, or if you like to resize or group panels for different types of projects, you can save
time by customizing the workspace to suit your needs. You can save any workspace
configuration, or use any of the preset workspaces that come with After Effects. These
predefined workspaces are suitable for different types of workflows, such as animation or effects
work.
After Effects opens the following panels at the right side of the application window: Info,
Preview, Effects & Presets, Motion Sketch, Wiggler, Smoother, and Audio.
You can also change workspaces using the Workspace menu.
3. Choose Window > Workspace > Motion Tracking.
Different panels open. The Info, Preview, and Tracker panels give you easy access to the tools
and controls you need to focus on tracking objects in your compositions.
Note
By default, the After Effects user interface is dark. We’ve used a lighter interface for
the images in this book, so that text in the interface is visible in print. If you use the
default UI brightness, your panels and dialog boxes will appear darker than ours.
3. Click OK to save the new brightness setting or Cancel to leave your preferences unchanged.
You can click Default to restore the default brightness setting.
4. Choose File > Close Project to close the file without saving any changes.