Adobe After Effects
Tutorial I
CONTENTS 01 Get Started with AE 03 Create Animation
-Solid layer
-System requirement
-Scale
-Workspaces -Position
-Opacity
-Rotate
02 Work with Composition
-Setup composition 04 Render & Export
01
Get Started
with AE
Minimum System Requirements For After Effects
For Windows
Minimum System Requirements For After Effects
For macOS
Workspace Composition Panel
place for building your graphics
This is an opened project file example
Preview Panel
Project Panel preview video, use
import and organize
shortcuts spacebar
all assets to preview.
Timeline
displays layers of the
currently loaded
composition
02
Work with
Composition
Create A Composition
Go Composition > New Composition
to create an empty composition. Use
the preset drop-down menu to choose
a preset resolution.
For most cases, you only work with Preset.
But you can customize a preset by typing
in your own values, like width, height,
frame rate & duration.
Timecode from left to right:
0 hour, 00 mins, 7 seconds, 00 frames
03
Create
Animation
Kinetic Typography
Kinetic typography, which is the
technical name for moving text, a
technique of animating and
expressing ideas and emotions
using just animated text.
Kinetic typography is often paired
with music and a voiceover.
• Lyric videos
• Informational videos
• Advertisements
Animate with Transform Options
1. Create A New Composition:
Go Composition > New Composition,
in the pop-up window, choose the
Preset as shown here.
Set Duration: 5 second.
Animate with Transform Options
2. Create A Solid Layer (Ctrl/Cmd+Y):
Go Layer > New > Solid, name the solid
layer: BG, and pick a color for it.
Solid layer is used to set a background color
for the composition.
Animate with Transform Options
3. Typesetting:
Select the Type tool, then
click and drag to create a
text input area.
Enter the text "Hello," "My
Name is," and "XX"
separately, creating a new
layer for each word.
Then use Character panel
(Window > Character) to
set up the font, weight,
size and etc.
Animate with Transform Options
3. Typesetting: Turn on the guide, use shortcuts ‘ (single quotation mark) to show the safety area.
Then refer to the following layout to set the text.
Animate with Transform Options
4. Reposition the Anchor Point:
By default, when you create any
graphics or text, the anchor point is
initially located at the center of the
composition. In many cases, you'll
want to adjust the anchor point's
position before applying animations.
To do this, we use the Pan Behind Tool.
Select the Pan Behind Tool (Y), then
move the anchor point from the
composition's center to the center of
the word or graphic.
Once you're done, switch back to the
Selection tool to exit the anchor point
editing mode.
Animate with Transform Options
4. Reposition the Anchor Point:
To avoid replacing the anchor point,
go to Preference > General > Check
“Center Anchor Point in New Shape
Layers.”
Then when creating a shape, the
anchor point automatically jumps
into the center of the shape instead
of the center of the composition.
Animate with Transform Options
5. Import Audio File:
Go to File> Import > File.
In the pop-up window, select
your pre-recorded audio file.
Once imported, the audio file
will be visible in the Project
panel.
Drag the audio file from the
project panel into the timeline
at the bottom.
Double press L key to reveal the
sound waveforms, allowing you
to identify the audio's start and
end points.
Animate with Transform Options
6. Scaling Animation:
Refer to the sound wave, position the
playhead at the end of the word "HELLO.”
At the audio's
Open the Transform options or use the ending part of the
word "HELLO," set
shortcut key "S.” Click the stopwatch icon in the first keyframe
front of "Scale" to set a keyframe. for Scale
Then move the playhead to the beginning
of the audio for the word "HELLO.” Adjust
the Scale percentage from 100 to 0 or
directly input 0 to set another keyframe.
Move the other text layers to start after the
At the audio's beginning
end of HELLO scale animation. part of the word "HELLO,"
set another keyframe for
Scale with a value of 0
Animate with Transform Options
6. Scaling Animation:
To smooth the movement,
use the Selection tool (black
arrow), drag and draw a
selection of the two
keyframes, then right click,
choose Keyframe Assistant
> Easy Ease.
Animate with Transform Options
6. Scaling Animation:
Add “Motion Blur”by check
the motion blur box.
Animate with
Transform Options
7. Dynamic Movement with
Graph Editor:
To add some excitement to
animation, access the "Graph
Editor" located at the top right
of the timeline.
Hover over the graph, right-click,
and select "Edit Value Graph."
Click the anchor point to gain
access to adjust the handle.
Drag the handle of the graph to
achieve a similar look to the one click to get the access to
depicted here. Once done, click adjust the handle
the graph editor icon again to
switch back.
Animate with
Transform Options
8. Preview:
To check the animation, press
Spacebar or click the play
button on the Preview panel.
Animate with Transform Options
9. Position Animation:
Animate the word "MY" as it enters the
scene.
Select the "MY" layer and adjust its length
to start near the end of the "HELLO" layer.
Refer to the sound wave, position the
playhead at the end of the word "MY."
Press the shortcut key "P" to access the
Position parameter. Click the stopwatch
icon to set first Position keyframe. Position: X,Y
Then, move the playhead to the
beginning of the "MY" word. Adjust the Y
value of the Position parameter to move
the word outside the scene.
Select the two position keyframes and
apply Easy Ease for smoother animation.
Animate with
Transform Options
10. Opacity Animation:
Choose the "NAME" layer and adjust its
length to start near the last keyframe of
“HELLO” layer.
Refer to the sound wave, place the playhead
at the sound ending part of the "NAME" layer,
press T key to access Opacity, and click the
stopwatch icon to set the first keyframe.
Move the playhead to the start of the "NAME"
layer, change Opacity from 100% to 0%.
Select both Opacity keyframes and apply Easy
Ease for a smoother opacity change.
Animate with 0+0.0: means times + rotate degree
Transform Options
11. Rotation Animation:
Choose the “IS” layer and adjust its length to
start near the last keyframe of “MY” layer.
Refer to the sound wave, go to the sound
ending part of the “IS” layer, press R key to
open Rotation, and input 1x+0.0. Click the
stopwatch icon to set the initial keyframe.
Move palyhead to the start of the ”IS" layer,
set Rotation to 0x+0.0.
Select both Rotation keyframes and apply
Easy Ease for a smooth rotation effect.
Animate with
Transform Options
12. Mix Transform Options:
Choose the ”ECHO" layer and adjust its length
to start near the last keyframe of “IS” layer.
Refer to the sound wave, go to the sound
ending part of the ”ECHO" layer's animation,
press R key to open Rotation, and input 1x+0.0.
Click the stopwatch icon to set the initial
keyframe. Also, press P key to set Position
keyframe.
Move the playhead to the start of the ”ECHO"
layer, set Rotation to 0x+0.0 and Position to a
point outside the scene.
Press U key to reveal all keyframes. Select both
Rotation keyframes and Position keyframes
and apply Easy Ease.
Animate with
Transform Options
13. Preview Whole Animation:
Set the duration to the working
time. Adjust the blue tab on the
timeline, set it to the end of the
animation. Right click on the
timeline, then choose Trim
Comp to Work Area.
Press Spacebar to preview the
final aniamtion.
04
Render and
Export
Export to Render Queue
Two Ways to Export
• Render Queue is best for exporting a • Adobe Media Encoder takes a snapshot
high-quality version of your composition of your timeline, so you can continue
for final delivery or as an intermediate working in After Effects while your
file before encoding to a compressed composition renders in the background.
delivery format. Adobe Media Encoder can also encode to a
wide variety of media types and offers
dozens of presets for specific purposes.
Export via Render Queue
1. File > Export > Add to
Render Queue, or
Composition > Add to
Render Queue
Export via Render Queue
2. Click on "Output Module" to configure the format settings for
your video. Then click "Output to" to select the export destination
and provide a name for your video file.
Export via Render Queue
3. Click Render button to start the exporting process.
Export to Adobe Media Encoder
1. Make sure you have Adobe
Media Encoder installed on
your computer before
sending your project to
render. Also, make sure your
After Effects is the same
version as your Adobe
Media Encoder.
2. Composition > Add to Adobe
Media Encoder Queue.
Export to Adobe Media Encoder
3. It will automatically
open the Adobe Media
Encoder.
In the poped window,
choose H.264, and set
Output destination
and format.
Then click the Render
icon to render.
