That's a pretty good tutorial. I would like to add a couple of Illustrator workflow techniques that you should follow to assure the maximum quality in your After Effects comp. These may be a bit obsessive/compulsive, but the suggestions will avoid a lot of common problems I see on the forums.
First, make sure any artboard you create in Illustrator has an even number of pixels for horizontal and vertical dimensions. Next, check the View menu and make sure that Snap To Pixel is turned on. This is critical if you are going to use any thin horizontal and vertical lines in your design. If they do not line up perfectly with the pixel grid in After Effects, they will have soft edges because of the anti-aliasing. Black 1point stroked lines easily turn 50% gray if they do not align perfectly to the pixel grid. Even numbers are always best for any shape and any stroke width. A point equals a pixel. I always set my document settings to Pixels or Points, so the displayed data makes sense for video production.
Make sure all of your artwork fits inside the boundaries of the artboard. If you are not using a video format template, make sure there is only one Artboard in your AI file.
Set the view magnification (bottom left corner of Illustrator) to at least 200% and turn on Pixel Preview in the View menu as a final check of your artwork. If you do not turn on Pixel Preview and check a magnified view, you can have problems. Carefully check for issues with Aliased lines.
I also position and size all layers in their Hero positions. This sometimes makes for a strange-looking AI file, but when you import the AI file as a composition retaining layer size, all layers will be in their proper at rest position, perfectly lined up with the pixel grid, and ready to animate. All you have to do is move down the timeline and set transform keyframes where the layers are supposed to end up, then work backward or forward from there to animate them into the proper position. This can be a huge time saver.
4
Replies
AdChoices