TEXT ANIMATION TUTORIAL
This is a tutorial on how to make something like this:
I used
After Effects CS6
Photoshop CC
First, open a new composition. (Command+N on Mac and ctrl+N on Windows)
Now, something like this would appear. You can rename your new composition and chose the size of your composition. For this tutorial, I used 500px against 300px. You may chose your duration, but don’t make it last for a very long time otherwise the file will be really big when you import it to photoshop later. As for your background color, I recommend you use black or white if it is an unedited new picture so you could use the darken or lighten effect on photoshop later. This are my settings for this tutorial.
Now, you’d get a black new composition. Go to layer>new>text or command+T on Mac. Type whatever you want after that and change the settings at the side. You can download that font here.
Then, click on the layer at the bottom (x). After that, go to layer > create mask from text and something like this would appear. (x) The bottom layer would automatically change itself and be not visible. if you don’t want to see the yellow lines click on this
at the bottom. Your screen should look like the above picture. Now, this is where the fun part begins!
Go to effect> generate > stroke (x). Something like this should appear at the left side of your screen, (x). change your settings to this. [click on all mask, change end to 0.0% and paint style to on transparent.]
Open your layers (x). Click on the time icon at the “start” frame. You’ll see a yellow diamond now. [Similar to Photoshop’s “create video timeline”]. These should appear on your screen. [The bottom circle(zoom) is optional]
Now, go all the way to where you want your animation to end. I chose 4 seconds. Change your start from 0% to 100% and click on the stopwatch icon again. The animation option frame would look like this.
Andnow you’re done with the animation! Time to save. [Drag this to where your animation ends to avoid getting rid of empty frames later (x)] Go to file>export>add to render queue (x). At the bottom there will be 1: your composition. 2: render queue. Click on Render
(PLEASE BE SURE TO SAVE IT AS QUICKTIME SO THAT YOU’LL BE ABLE TO IMPORT IT IN PHOTOSHOP)
Follow this tutorial on how to import videos and save them.
Use the lighten effect if you chose a black background! [THESE SETTINGS]
You can delete frames to make the animation faster or change the time settings.













