Creating an Animated Typeface in After Effects
Pluralsight
Course Summary
In this series of tutorials, we will learn the steps for creating an animated typeface. Software required: After Effects CC 12.2.0.52, Illustrator 17.0.0, Adobe Media Encoder 7.2.0.43, Photoshop 14.0.
-
+
Course Description
In this series of tutorials, we will learn the steps for creating an animated typeface. We learn a lot at the beginning of the course on how to take the freshly designed typeface in Illustrator, and prepare it for animation in After Effects. This is one of the most valuable parts of the course, because knowing how to properly prepare your files will save lots of time in the end. Once we move into After Effects, we use several effects that are unique to shape layers, as well as a few standard transform style animations. We learn how to animate small details of the typeface ahead of time, so that they can be quickly swapped out for the still layers to make for even faster production. While we don't animate every single letter of the alphabet together, we learn all the techniques for creating beautifully animated letters which we then place in a composition. To top it all off, we end the training by learning how to render for, then create, an animated GIF of our type. By the end of this tutorial, you will know lots of tricks for saving time as you work through animating a typeface and you'll be ready to implement these techniques the next time you need some type in motion. Software required: After Effects CC 12.2.0.52, Illustrator 17.0.0, Adobe Media Encoder 7.2.0.43, Photoshop 14.0.
-
+
Course Syllabus
Introduction and Project Overview- 1m 16s
—Introduction and Project Overview 1m 16sCreating an Animated Typeface in After Effects- 2h 4m
—Preparing the Artboards 9m 16s
—Using a Script to Separate the Paths 6m 44s
—Saving and Renaming Each Individual Artboard File 6m 33s
—Importing and Organizing in After Effects 8m 40s
—Reducing the Project 2m 26s
—Animating the Half Hoop 6m 3s
—Animating the Circle 3m 10s
—Animating the Sideline 2m 28s
—Animating the Down Line and the Letter X 7m 38s
—Using Trim Paths for the Letter Y 3m 52s
—Replacing the Repetitive Shapes to Save Time 2m 55s
—Using Scale and Rotation for the Letter X 7m 38s
—Using Wiggle Paths for the Letter K 7m 6s
—Using Pucker and Bloat 4m 58s
—Moving and Keying the Path 10m 7s
—Placing Multiple Letters in a Composition 4m 48s
—Using the Align Panel with the Letter Compositions 8m 27s
—Animating the Position Property for the Letters 7m 49s
—Adding Color and a Slow Scale 4m 10s
—Rendering for a Gif 4m 12s
—Making a Gif in Photoshop 5m 12s