Objective
To learn After Effects production techniques by recreating the above video.
Discussion
After Effects is Photoshop in motion. Like Photoshop, After Effects can handle vector art, but it is really designed for video production which is pixel-based. Video files by definition are huge (because they are made of many frames and lots of pixels). Therefore, working in After Effects requires more RAM, more resources and more time.
Previewing video requires rendering, which can be a time consuming process. To save time, most production work-flows render lo-res draft quality video for previewing before rendering hi-res production quality video for broadcasting/publishing. Therefore, it is recommended that layers be set to draft mode and motion blur be turned off until the video is ready for final rendering.
Short sequences can be efficiently previewed in RAM using these "shift-RAM" preview options:
- resolution=half
- skip frames=5
Also read this tutorial on AE keyboard shortcuts and/or download this cheat sheet.
Procedure
preparing for the exercise
- download starter files
- examine downloaded files
- open "keyframes.ai", examine layers/artboards
- export keyframes (GIF)
- place keyframes in a new AI document
- export a presentation storyboard image
- open "typeface.ai", examine layers/artboards
- window > links: note embedded pixel element
- file > new: profile=video, size=HDV720, align to pixel grid=on
- window > artboards: artboard options: display=(all off) (flyout)
- view > hide transparent grid
- view > rulers > hide video rulers
- save as "HDV720.ai" (for future reference)
setting up the "typeface" composition
- launch After Effects
- file > save as "typeface.aep"
- file > import "typeface.ai" (composition - retain layer sizes)
- open "typeface" composition
- delete "black" layer
- composition > composition settings: duration=60;00
- view > resolution > half (previews faster at lo-res)
- file > import "sound.mp3"
- drag "sound.mp3" into timeline (expand layer, note length)
- play movie using RAM preview (from current time)
- press SPACE to pause: add markers to key transition points (7, 11, 15, 22, 28, 36, 45, 52)
- save
creating the "typeface" composition
- go to "art" layer, trim at 55 sec (opt+] )
- tween position: 1 and 55 sec; lock (P)
- repeat with "title" layer
- go to "logos" layer, trim at 55 sec (opt+] )
- tween position (1 sec transitions @ 15, 22, 28, 36, 45 sec) (P)
- layer > new > solid: color=black (cmd+Y)
- tween opacity (fade in from 52 to 55 sec) (T)
- trim "black' layer at 52 sec (opt+[ )
- file > import "dirt.mov"
- drag "dirt.mov" into timeline (top)
- layer name: RMB > columns > modes
- blending mode=screen
- start "dirt.mov" at 38 sec (hotkey=[ )
- tween opacity (fade in from 38 to 42 sec) (T)
- continuous rasterize all vector layers
- save
creating the final composition
- composition > new > composition: "~final", HDV 720 (1280x720), duration=60;00 (cmd+N)
- drag "typeface" composition into timeline; rename layer "large" (RMB)
- scale 250% (S), reposition
- tween opacity (fade out from 7 to 8 sec) (T)
- trim layer at 8 sec (opt+] )
- drag "typeface" composition into timeline again (below previous layer)
- rename layer "small"
- tween scale and position (1 sec transition @ 11 sec); scale larger (S) (P)
- layer > new > solid: color=black (cmd+Y)
- tween opacity (fade in from 0 to 1 sec) (T)
- trim "black' layer at 2 sec (opt+] )
- drag "sound.mp3" into timeline
- turn off audio in other layers
- turn on motion blur for all layers
- save
rendering a SD movie for YouTube
- "~final": compositon > add to Adobe Media Encoder queue (cmd+opt+M)
- choose preset "YouTube 480p SD wide"
- output to: "typeface_SD.mp4"
- start queue
rendering a HD movie for your archives (optional)
- "~final": compositon > add to Adobe Media Encoder queue (cmd+opt+M)
- choose preset "YouTube 720p HD"
- output to: "typeface_HD.mp4"
- start queue
grading
- upload "typeface_SD.mp4" to your personal YouTube account (privacy=unlisted)
- publish unlisted web address as a link from your process page