Logo Animation Techniques

2h 57mIntermediate2018-08-20

Authors

Eran Stern

Teacher and Motion Designer, 20+ years of post-production experience

Course details

Bring a logo to life with After Effects. Logo animation is the bread and butter of many designers. After Effects gives you the creative and technical options to achieve about any effect your client desires. This course takes six real-world vector designs and uses After Effects to build short openers for each logo. Each method produces a different and unique result that communicates the story of the brand. All the techniques rely on the built-in tools inside After Effects, so there's no need from third-party software or plugins. Instructor Eran Stern introduces many popular effects, such as animated type, animated scribbles, and a series of reveals, including a particle reveal.

Learning objectives
Animating strokes
Animating scribbles and sketches
Repeating and revealing shapes
Using paint to reveal a logo
Using time displacement
Creating a particles reveal

Skills covered

Logo DesignMotion GraphicsAfter EffectsMotion Graphics and VFXGraphic DesignAdobeOne-Off

Concepts

0. Introduction

01 - Techniques for logo animation
02 - What you should know
03 - Applications used in this course

1. Animate Strokes

04 - Project overview
05 - Copy paths from Illustrator
06 - Animate masks with the Stroke effect
07 - Animate closed paths with masks
08 - Animate live type from Illustrator
09 - Beam radio waves

2. Sketchy Animation

10 - Client brief
11 - Prepare artwork for animation
12 - Create a flickering reveal
13 - Basic scribble animation
14 - Scribble stroke options
15 - Add secondary animation

3. Revealing Shapes

16 - Plan the animation
17 - Trim paths simultaneously for outline
18 - Trim paths individually for fills
19 - Repeat shapes with Radio Waves
20 - Create a negative reveal effect

4. Paint It On

21 - Choose an animation style
22 - Overshoot staggering animation
23 - Use paint to reveal a logo
24 - Exposure based on texture
25 - Separate foreground and background

5. Time Displacement

26 - Logo review
27 - Auto-animating with Wiggle Transform
28 - Create time displacement animation
29 - Reveal with Venetian Blinds
30 - Cascade text using Offset

6. Expose Using Particles

31 - What is this logo about
32 - Distribute cards in 3D space
33 - Animate 3D layers and the camera
34 - Create a particles reveal
35 - Add a secondary particles stream

Conclusion

36 - Next steps