Graphic Design Exercises
After Effects: Video (Student Show)
(Archived from 2019)
VIDEO
Objective
To learn After Effects production techniques by recreating the above video. This video is intended to be burned onto a SD DVD disc.
Discussion
After Effects has extensive tools for making art look 3D. But technically, AE is not really a 3D program. In order to be a full 3D application like Maya or 3DS Max, one must be able to rotate an object to see all sides of the art (including the sides, top and bottom). Although objects in AE can move in 3D space, they are paper-thin and therefore have no dimension. In fact, some people like to call this approach 2.5D.
Procedure
preparing for the exercise
download starter files
examine downloaded files
launch After Effects
file > import > multiple files (as footage)
file > save as "gds.aep"
creating pre-compositions
composition > new > composition: name=~small , NTSC D1 Square Pixels (720x534), duration=30;00
view > resolution > half (previews faster at lo-res)
drag "words.ai" into timeline; scale=75% (S)
tween position (P):
• 00;00 = low
• 01;10 = high
• 02;25 = low
• 29;29 = high
select middle 2 keyframes
animation > keyframe assistant > easy ease
add effect: directional blur; direction=0; tween blur length:
• 00;00 = 10
• 01;10 = 0
• 02;00 = 10
• 02;25 = 0
composition > new > composition: name=~large , NTSC D1 Square Pixels (720x534), duration=6;01
drag "words.ai" into timeline; scale=150%
tween position (P):
• 00;00 = low
• 06;00 = high
add effect: directional blur; direction=0; blur length=5
duplicate "large" composition, rename=~largeReversed
(cmd+D)
select "words.ai" layer: layer > time > time-reverse layer (cmd+opt+R)
animating the ending
composition > new > composition: name=~final , NTSC D1 Square Pixels (720x534), duration=30;00
layer > new > solid (name=color=magenta) (cmd+Y)
drag into timeline (above "magenta" layer)
• composition "small" (11;00-29;29): layer > 3D layer
• logo.ai (22;00-29;29)
• tagline.ai (25;00-29;29)
frame 29;29: arrange all elements for final frame
"logo " layer: tween scale (S):
• 22;00 = 1500%
• 23;15 = 1500%
• 24;00 = final size
tween position (P):
• 22;00 = offstage right
• 23;15 = almost offstage left
• 24;00 = final position
add effect: directional blur; direction=90; tween blur length:
• 22;00 = 50
• 23;15 = 50
• 24;00 = 0
"tagline .ai" layer: layer > mask > new (cmd+shift+N)
25;00 - 26;00 = reveal word 1
26;01 - 27;00 = reveal word 2
27;01 = reveal word 3
"small " layer: tween scale (S):
• 11;00 = 260%
• 20;00 = final size; easy ease (F9)
tween orientation:
• 11;00 = twisted (make paper thin)
• 15;00 = final orientation; easy ease (F9)
tween positioning (P):
• 11;00 = ???
• 20;00 = final position; easy ease (F9)
duplicate "magenta" layer, move to top (cmd+D)
tween opacity (T):
• 28;15 = 0
• 30;00 = 100
animating the beginning
drag "large .ai" into timeline (0;00-6:00); layer > 3D layer
scale=200%
orientation: x=344, y=316; tween z:
• 00;00 = 21
• 06;00 = 292
tween position (P): ??
tween opacity (T):
• 0;00 = 0
• 0;15 = 100
• 5;15 = 100
• 6;00 = 0
drag "large.ai" into timeline again (2;00-8;00); layer > 3D layer
rename "large2 "
scale=200%; orientation: x=180, y=72, z=155
tween position:
• 02;00 = offstage left
• 08;00 = ??
drag "largeReversed .ai" into timeline (6;00-12;00); layer > 3D layer
scale=250%
orientation: y=4, z=70, tween x:
• 06;00 = 317
• 12;00 = 49
tween opacity (T):
• 06;00 = 0
• 06;15 = 100
• 11;15 = 100
• 12;00 = 0
position (P): 80
drag "largeReversed .ai" into timeline again (8;00-14;00); layer > 3D layer
rename "largeReversed2 "
scale=200%; orientation: x=11, y=56, z=2
tween position:
• 08;00 = almost offstage left
• 14;00 = almost offstage right
tween opacity (T):
• 08;00 = 0
• 08;15 = 100
• 13;15 = 100
• 14;00 = 0
save
rendering a SD movie for YouTube
continuous rasterize all vector layers
turn on motion blur for all layers
"~final": compositon > add to Adobe Media Encoder queue (cmd+opt+M)
choose preset "YouTube 480p SD"
output to: "gds_SD.mp4"
start queue
grading
upload "gds_SD.mp4" to your personal YouTube account (privacy=unlisted)
publish unlisted web address as a link from your process page
BACK TO TOP
Last updated:
5/7/21