Save the next picture (initial-hand.gif) on your computer. You need it to complete this tutorial.
Open a new flash document having the size 300x150 pixels.
In Timeline Tab double click and rename layer1 to hand.
Import in the main stage the picture initial-hand.gif, by using File > Import.
Use Timeline Tab to create a new layer and rename it to text.
In the first frame of the text layer, in stage, type text “asd” using a font close to handwriting. I chose “AdineKirnberg-Script” for this example.
Reorder layers: hand layer before the text layer. The layers order should look like this:
Before the text layer create a new layer and name it mask. Right click on the new layer and select the Mask option in the contextual menu.
Using the Paint Brush Tool in the first frame of the mask layer, try to follow the text contour: just one point here, next key frame next point …). This will take a little time. Just follow the letters, like this:
Place a new frame at frame 36 of the text layer and a new key frame at frame 2 of the mask layer:
With the Artbrush selected continue text contour with another point:
Repeat the steps 10 and 11. You should get something like this:
Ok. Now the hand animation.
Select the first frame of the hand layer. Place the crayon on first point of the mask:
Then a new key frame on the frame 2 of the hand layer and move the crayon on the next mask point.
Repeat step 14 with a new key frame. Move the crayon key frame, by key frame to the final point of hand mask:
And we’re done. You can even see how the hand is raised from the paper :
Filed under Flash Tutorials