2014
Digital Tutors
Laura Smith
02:05:00
English
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.
01. Introduction and project overview
02. Preparing the artboards
03. Using a script to separate the paths
04. Saving and renaming each individual artboard file
05. Importing and organizing in After Effects
06. Reducing the project
07. Animating the half hoop
08. Animating the circle
09. Animating the sideline
10. Animating the down line and the letter X
11. Using Trim Paths for the letter Y
12. Replacing the repetitive shapes to save time
13. Using Scale and Rotation for the letter X
14. Using Wiggle Paths for the letter K
15. Using Pucker and Bloat
16. Moving and keying the path
17. Placing multiple letters in a composition
18. Using the Align Panel with the letter compositions
19. Animating the Position Property for the letters
20. Adding color and a slow scale
21. Rendering for a GIF
22. Making a GIF in Photoshop
http://www.digitaltutors.com/11/training.php?pid=1568
Download File Size:212.82 MB