Now: Tutorial for Web and Software Design > Flash > Special Effect > Flash Content
> Flash 8 Tutorial - Shape Tween [Bookmark it]
Flash 8 Tutorial - Shape Tween

In this tutorial you will learn how to morph shapes(tween) in Flash. This is a simple animation that changes one shape into another.

Step 1: Create a shape

Open a new document (file->new->flash document) or from the flash main page click new document.

Now click Modify->Document and change the dimensions like the screen shot below for better viewing.

image 1

Click the Text Tool and type in the word "Shape" anywhere on the screen. Use Arial font and 25 font size. You can change this through the properties menu at the bottom of your flash file.

image 2

Step 2: Breaking apart text

Now click the Black Pointer (Selection Tool) and make a box around "Shape".

Hold the Ctrl Button and click B on your keyboard. This will break apart the word into letters. You can also go to Modify->Break Apart. Repeat this process one more time. (Break Apart the "Shape" twice total, see image below)

image 3 image 4 image 5
Original
Break Apart
End Results

Note: The end results will have little white dots around the shape.

Step 3: Frames & Shape Tween

Click frame 1 in the timeline.

Select the Shape tween in the properties menu

image 6

Now click frame 25 and hit F6 on your keyboard or right click and insert key frame. Your time line should look like this.

image 7

Use the black pointer like before and draw a box around the entire word "Shape". Then click delete on your keyboard. Make sure you still have frame 25 selected.

Type in the word "Tween" anywhere on the page, in any font or size. Still on frame 25.

Break Apart the word "Tween" twice like you did with the word "Shape" back in frame 1.

Now test your movie by holding the Ctrl button and hitting enter on your keyboard.

image 8 image 9 image 10 image 11
This is the final results of the shape tween when you play the movie.

Final Results


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

  • Next Article-Flash:
  • Related Materias
    Handwriting Flash Movie
    Butterfly Wings Animation
    Layers in Flash
    Buttons in Flash
    Symbols in Flash
    Graphics in Flash
    Controlling File Size in F
    Introduction to Flash 8
    My First Flash Animation
    Flash 8 Environment
    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