Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Summary:

Handwriting in Flash

    ●     The Illusion of the Handwriting Effect can be easily achieved by using Frame by Frame Animation.


Learn About:

Frame by Frame Animation Movie Clips Break Apart

• This tutorial is part of the Aesop's Fables Project.

Other People's Work:

Here are examples of work inspired by this tutorial.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

<

Step #1: Open your Project in Flash ~

Open YOUR PROJECT in Flash

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

… add a New Layer and name it.


Lock all the layers you're not using.


Step #2: Movie Clips and Filters ~

Draw a box and type something you can use in your project.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #2: Choose your Font

Scrolling through the fonts is easy with the Down Arrow key

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… set the color and size here too.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #3: Movie Clip ~

Click on the text with the Selection Tool selection tool

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… hit f8(or Right-Click and select: ) and make a Movie Clip.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #4: Open the Movie Clip ~

Double-Click on the text with the Selection Tool.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 


Now you are working INSIDE the Movie Clip.
movie within a movie

Remember: A Movie Clip is a movie WITHIN a movie.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 


Step #5: Break Apart ~

Hit the keyboard shortcut Cmd (⌘) +B 3 times!

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

It's broken apart fully when it's covered with dots …

dots


Step #6: Insert a New Keyframe ~

Hit f6 (or Right-Click and select: ) to make a new keyframe.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Notice you now have two keyframes …

2 frames


Step #7: Start Erasing ~

Select the Eraser Tool

eraser tool

Erase the end of the last letter.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Now hit f6 (or Right-Click and select: ) to make another keyframe - and erase a little bit more …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Hit f6 again and again, erasing more each time.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Hit F6 twice between the letters to add an extra space.


Step #8: Reverse the Frames ~

Click the layer to selects all the frames …

click the layer

Then, go to: Modify > Timeline > Reverse Frames or right-click the frames and hit Reverse Frames.


Step #9: Add some more time ~

Go out about 15 frames PAST your last frame and hit f6 again to insert a keyframe.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #10: Go back to the main Scene ~

Go back to Scene 1:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Last Step: Save and Export your work ~

Then go to: File > Export > Export Movie

Export it as an .swf file

Attach both your .fla and .swf files …