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

Get Adobe Flash player


Summary:

Rotating Shadows in Flash

    ●  In this tutorial you will be making text whose shadow appears to move in a circle.

    ●  This tutorial is an introduction to Filters and Movie Clips.


Learn About:

Filters in FlashMovie Clips Text in Flash

• This tutorial is used as part of the Drag and Drop and the Aesop's Fables 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

Step #1: Open your Project in Flash ~

Click on some text you already have …

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

Get Adobe Flash player


… or get the Text Tool text tool small icon and type the text you need.

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

Get Adobe Flash player


Step #2: Embed the Font ~

When you have everything looking the way you want it, hit Embed …

… and select All:


Step #3: Convert to Movie Clip ~

With the text selected, hit F8 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: Double-Click the Movie Clip ~

Double-Click on the Movie Clip - now you are working INSIDE the Movie Clip.


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: Insert a Keyframe ~

Then, Right-Click on approximately Frame 100 & select Insert Keyframe:

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

Get Adobe Flash player


Step #6: Click on Frame 1 ~

Now go back to Frame 1 keyframe and click on it.

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

Get Adobe Flash player


Step #7: Filters ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

… and select the text with the Selection Tool selection tool.

Now 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


Step #8: Adjust the Drop Shadow Filter ~

Change the angle of the Drop Shadow filter to 0 …

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

Get Adobe Flash player

Change the distance of the Drop Shadow to approximately 9px …

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

Get Adobe Flash player

Lastly, change the quality to High.

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

Get Adobe Flash player


Step #9: 100th Frame ~

Now, go back out to the last frame keyframe - Frame 100 - and click on it.

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

Get Adobe Flash player

Click on the text again with the Selection Tool selection tool, add Drop Shadow again, and this time - change the angle to 360 degrees, with the same distance and everything. 

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

Get Adobe Flash player


Step #10: Classic Tween ~

Laslty, Right-Click somewhere in between the keyframes again & select Create Classic Tween.

If you see a blue line - you know it worked.

blue line


Step #11: Go Back to Scene 1 ~

In the upper left hand corner of the Flash interface, go back to scene 1 by clicking it …

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: http://www.freeflash.co.in/flashtext/8-shadowrotation.html