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

Get Adobe Flash player


Summary:

Exploding Text in Flash

    ●   Introduction to Movie Clips and Motion Tweening.


Learn About:

Movie Clips Classic Motion Tweens

• This tutorial is 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

Step #1: Open your project in Flash ~

Open the PROJECT in Flash

 

 

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

… select some text you already have or type something you can use, like the title of your project:

enter


If you haven't already, make sure you Embed the font …

… and select All:


Step #2: Turn the Text into a Movie Clip Symbol ~

Select the text with the 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


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 #3: Break Apart ~

Once you're inside the Movie Clip, hit the keyboard shortcut: Cmd(⌘)+B to break apart the letters.

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

Get Adobe Flash player


Step #4: Distribute to Layers ~

Then, right-click on the letters and select Distribute to Layers or go to: Modify > Timeline > Distribute to Layers.

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

Get Adobe Flash player


Notice how each letter has it's own layer.

distribute


Step #5: MORE Movie Clips ~

Now, turn your letters into more Movie Clips - click on a letter and hit f8 again to turn each letter into ANOTHER Movie Clip.

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

Get Adobe Flash player


Turn all your letters into individual movie clips.

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

Get Adobe Flash player


Step #6: Key Frames ~

Go out about 15 frames and select all the blank frames …

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

Get Adobe Flash player


… with the frames selected, hit F6 and fill the column with keyframes.

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

Get Adobe Flash player


Step #7: Go Back to Frame 1 ~

Now go back and click on Frame 1

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

Get Adobe Flash player

… then select the letter itself.

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

Get Adobe Flash player


Step #8: Lower the Alpha ~

Then, open the Properties panel (if necessary) by hitting Cmd (⌘) + F3, or go to: Window » Properties and click on Color Effect.

Where it says "Color: None" go to: Alpha.

Lower the Alpha to zero using the slider.

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

Get Adobe Flash player


Lower the Alpha to zero on all the letters of Frame 1.

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

Get Adobe Flash player


Step #9: Classic Tween ~

Select all the frames down the middle …

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

Get Adobe Flash player

… and then Right-Click and select Create Classic Tween.

The motion tween is working when it looks like this:


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

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

Get Adobe Flash player


Step #10: New Keyframes ~

Go out to approximately 25 frame and select them all …

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

Get Adobe Flash player

…and hit F6 to insert keyframes.

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

Get Adobe Flash player


Step #11: Do it Again ~

Then go out another 10 frames approximately and do it again!

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

Get Adobe Flash player


Step #12: Free Transform Tool ~

With all the letters on the last frame selected, get the Free Transform Tool or hit the keyboard shortcut letter (Q) …

free transform

…then, holding Alt (⌥) + Shift stretch the letters out really big.

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

Get Adobe Flash player


Step #13: Lower the Alpha AGAIN ~

On the last frame of each layer, lower the alpha AGAIN to zero.


Step #14: Classic Tween AGAIN~

Also, add a Classic Tween between the last frames too.


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

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

Get Adobe Flash player

 


Step #15: Drag the frames out~

Select the Frames in the last tween and drag them over a few spaces.

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

Get Adobe Flash player

Repeat for all the layers, increasing the distance you drag the frames each time, until you have all the layers spaced out like stairs:

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

Get Adobe Flash player


Step #16: Go back to the main Scene ~

Go back to your main Scene by clicking it in the menu bar.

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

Get Adobe Flash player


Step #17: Filters ~

Get the Selection Tool selection tool or hit the keyboard shortcut letter (v) and select the Movie Clip (it may be invisible but you know it's there) …

 

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

Get Adobe Flash player

… find Filters by going to: Window > Properties

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

Get Adobe Flash player

… and apply Drop Shadow to the text.

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

Get Adobe Flash player


Last Step: Save and View your work ~

View your work by hitting the keyboard shortcut: Cmd(⌘)+Enter cmd enter

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.


Other Resources: https://www.youtube.com/watch?v=OV7p9uT0euo