Now: Tutorial for Web and Software Design > Flash > Basic > Flash Content
> Handwriting Flash Movie [Bookmark it]
Handwriting Flash Movie

Step 1

Save the next picture (initial-hand.gif) on your computer. You need it to complete this tutorial.

image 1

Step 2

Open a new flash document having the size 300x150 pixels.

Step 3

In Timeline Tab double click and rename layer1 to hand.

Step 4

Import in the main stage the picture initial-hand.gif, by using File > Import.

Step 5

Use Timeline Tab to create a new layer and rename it to text.

Step 6

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.

Step 7

Reorder layers: hand layer before the text layer. The layers order should look like this:

image 2

Step 8

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.

image 3

Step 9

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:

image 4

Step 10

Place a new frame at frame 36 of the text layer and a new key frame at frame 2 of the mask layer:

image 5

Step 11

With the Artbrush selected continue text contour with another point:

image 6

Step 12

Repeat the steps 10 and 11. You should get something like this:

image 7

Step 13

Ok. Now the hand animation.

Select the first frame of the hand layer. Place the crayon on first point of the mask:

Click to enlarge
Click to enlarge

image 9

Step 14

Then a new key frame on the frame 2 of the hand layer and move the crayon on the next mask point.

Step 15

Repeat step 14 with a new key frame. Move the crayon key frame, by key frame to the final point of hand mask:

Click to enlarge
Click to enlarge

image 11

And we're done. You can even see how the hand is raised from the paper:


[Bookmark][Print] [Close][To Top]
  • Prev Article-Flash:

  • Next Article-Flash:
  • Related Materias
    Motion Animations
    Shape Transformations
    Effects on Animations
    Generating and Publishing 
    E-card Announcement
    Butterfly Wings Animation
    Working with Sounds
    Flash 8 Tutorial - Shape T
    Controlling File Size in F
    My First Flash Animation
    Topics
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Graphic Design Tutorial
     

    Coreldraw Tutorial

      Illustrator Tutorial
      3D Graphics Articles
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial&Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial&Articles
     

    XML Style Tutorial

      AJAX Tutorial
      XML Mobile
    Flash Tutorial&Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial&Articles
     

    Linux Tutorial

      Symbian Tutorial
      MacOS Tutorial