RAINBOW Mask in Flash
● Masking is an Important Concept and can be difficult to understand.
● However, it is important because most graphic applications use them in some form or another. Learn about masking in Flash by doing this interesting and fun tutorial.
✓ Masking ✓ Keyframes ✓ Classic Tweens
• This tutorial is normally used in the Aesop's Fables Project.
Other People's Work:
Here are examples of work inspired by this tutorial.
Step #1: Open a your Work in Flash ~
✗ Open your project in Flash …
✗ … and go to your last scene where you'll have your moral (or just make a new scene for it now).
✗ Or just make a new scene for your Moral now:
Step #2: Type your Moral ~
✗ Select the Text Tool or hit the keyboard shortcut letter (t) …
✗ … draw a text box and type your moral (if you don't remember the moral, find it here)
Step #3: Select a Good Font ~
✗ Open Properties by hitting the keyboard shortcut: Cmd(⌘)+F3 click on the font and scroll down until you find what you want …
Step #4: Embed the Font ~
✗ When you've selected your text, hit Embed …
✗ … and select All:
Step #5: Convert to Movie Clip ~
✗ With the text selected, hit F8 (or Right-Click and select: ) and make a Movie Clip.
Step #6: 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.
✗ Remember: A Movie Clip is a movie WITHIN a movie.
Step #7: Lock the Text Layer ~
✗ Now that you're inside the Movie Clip, lock and label the text layer and make a New Layer above it.
Step #8: Oval Tool ~
✗ Get the Oval Tool which is behind the Rectangle Tool or hit the keyboard shortcut letter (o):
Step #9: Set your Colors ~
✗ Open the Color Palette by hitting Shift+F9 and set the Stroke color None …
✗ … and set the Fill Color to Rainbow.
Step #10: Draw an Oval ~
✗ Draw a small Rainbow circle in the middle of your text.
Step #11: Create Motion Tween ~
✗ Click on Frame 40 and hit to insert a Keyframe (or Right-Click and select: ) on both layers.
Step #12: Insert a Motion Tween ~
✗ Right-Click between the keyframes in the middle of the top layer somewhere and select Create Classic Tween.
Step #13: Stretch the Oval ~
✗ Then select the Free Transform Tool or hit the keyboard shortcut letter (Q) …
✗ … click the last frame of the top layer …
✗ … click and stretch the oval out to cover the entire stage area.
Step #14: Add More Time
✗ Go out a few more frames and add some time to your animation by hitting F6 to put keyframes on each layer.
Step #15: Drag the Text Layer~
✗ Drag the text layer layer ABOVE the Rainbow layer!
Text should be on top - Rainbow below.
Step #16: Mask
✗ Right-Click on the "Text" layer and select Mask.
Step #17: Back to Scene ~
✗ In the upper left hand corner of the Flash interface, go back to main scene by clicking it.
Step #18: Filters ~
✗ Now find Filters by going to: Window > Properties …
✗ … and apply Drop Shadow to the movie clip.
Step #19: Bevel ~
✗ Also add Bevel to the box and adjust the strength to your liking.
Step #20: View your Work ~
✗ View your work by hitting the keyboard shortcut: Cmd(⌘)+Enter
Last Step: Save and View your work ~
✗ Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]
• ALWAYS save your projects using the following naming convention:
• 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.