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

Get Adobe Flash player


Summary:

Shape Tween your Text in Flash

    ●  Shape Tweens are one of the most interesting effects you can accomplish with Flash.

    ●  Shape Tweens can be very effective in communicating a story or concept, especially if used to convey transformation or motion.

    ●  They work with text, images and vector drawings.


Learn About:

Classic Tweens Shape Tweens Filters Movie Clips

• Some understanding of tweening is helpful. ~

• This tutorial is normally part of the Aesop's Fables and Drag and Drop projects.

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

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

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 a Your Project in Flash ~

Insert a New Layer, select the Text Tool.

star

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: Create a Movie Clip out of your Text ~

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 #3: 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 #4: Insert Keyframes ~

Right-Click on Frame 15 approximately …

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

Get Adobe Flash player

Select Insert Keyframe or hit (F6)


Step #5: Break Apart - #1 ~

Go back to Frame 1 and click.

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

Get Adobe Flash player

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 when it's covered with dots …

the


Step #6: Change the Text ~

Then click on the Last Frame, in this case Frame 15.

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

Get Adobe Flash player

Select the Text Tool or hit the keyboard shortcut letter (t) …

text tool

Retype your text …

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

Get Adobe Flash player


Step #7: Break Apart AGAIN ~

Right-click on the NEW text and hit Break Apart or Cmd(⌘)+B.

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

Get Adobe Flash player

DO THIS TWICE! That's right, hit Break Apart twice.


Step #8: Shape Tween ~

Click somewhere in between the keyframes

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

Get Adobe Flash player

Right-Click and select Create Shape Tween

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

Get Adobe Flash player

Notice the little green arrow appears between the two frames - that's called a Shape Tween.

shape tween


Step #9: Copy Frame 1 and paste it ~

Now go back to Frame 1, right-click it and Copy Frames

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

Get Adobe Flash player

Then paste it twice the distance out, in this case Frame 30.  

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

Get Adobe Flash player

Lastly, make another Shape Tween

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

Get Adobe Flash player


Step #10: Filters ~

Go back to Scene 1

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

Get Adobe Flash player

Go to: Window > Properties > Filters & add Drop Shadow - Bevel and any thing else that looks good to you …

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

Get Adobe Flash player

Add Bevel too …

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

Get Adobe Flash player


Hit the keyboard shortcut: Cmd(⌘)+Enter to view your work!


Last Step: Save and View your work ~

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]

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

Get Adobe Flash player

 

•   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME


  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.


  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.