Fl Adobe Flash Creating a Mask
WHAT? What a mask is and how to create a mask • HOW? Using Adobe Flash CS5, Layers and Tweens • WHY? Allows you to create special effects on your final product ___________________________________________________ ALL will understand what a mask is and how it can be used MOST will create a simple mask SOME will incorporate a mask into their final product Learning Objectives
What does a Mask do? • A mask is a feature in Flash which hides parts of your product • These hidden areas can then be revealed in a way you want them What is a Mask?
Masked Writing • Animation with Masking • Masked Button • Searchlight Mask Examples of a Mask.
I am going to use the mask to reveal my home page. To create a mask, the first thing I did was to create a roll over button. Creating a Mask.
I then imported the button to the stage, selected my ending frame and inserted a Keyframe (F6)
The next step is to insert another layer above the layer you want to mask. Right click on the new layer and select ‘Mask’
If done correctly your timeline should now look Similar to mine. Notice I have renamed the layers. We now need to draw onto the Mask layer. Select a drawing tool and try to draw, you should get this message, click YES.
I have now drawn a rectangle on the first frame of my mask layer. IMPORTANT: Only the part of the button covered by the rectangle will be shown when playing.
Then use the free transform tool to stretch the rectangle completely over the button By the end of my timeline I want ALL of the button to be shown. I have gone to the final frame of the Mask layer and inserted a Keyframe (F6)
You now need to create a ‘Shape Tween’ to make the rectangle reveal slowly. If you don’t know how to do this, Right click in the Mask layer and click ‘Create Shape Tween’
Your Timeline should now look like this. Test the movie to see the Mask in action (CTRL+Return) The movie now slowly reveals the mask but loops itself at the end. We will use Action Script to stop the movie playing.
Create a new layer at the top and rename it ‘Actions’ Then right click on the final frame of this layer and select ‘Actions’.
This is the Action Script panel. To stop the movie this is the script that you need to write. The Action Script panel lets you have a very advanced level of control, this is just a very simple code.
When you close the Action panel Flash automatically puts the script in the first frame of the Actions layer. This will stop the Movie before it has started! You will have to move or cut/copy the frame with the action script and put it in the final frame.
You have now created a Mask in Adobe Flash. Experiment with different ways you could use the mask layer. How could you use it on Pictures? Text? Buttons? How could you apply a mask to your product?