| You are here : : Home > Free Resources > Flash Tutorials & Resources > Masking |
Basics
Animation & Effects
- 3D Animation in Flash CS5
- Animated Car Banner
- Bouncing Effect
- Blur Effect
- Burning Image Effect
- Checkboard Effect
- Circular Ripple Effect
- Fade In Effect
- Lighting Effects
- Outline Animation Effect
- Page Roll Effect
- Peeling Sticker Effect
- Photo Slideshow
- Rotating 3D Planet
- Sparkling Effect
- Simple Animation in Flash CS5
- Straight Ripple Effect
- Rippling Water Animation
- Striped Transition Effect
- Static Image Animation
- Zoom In Effect
Actionscript
- Analog Clock
- Custom Cursor
- Digital Clock
- Drag & Drop
- External Links
- Flash & XML Photo Gallery
- Loading External Images
- Particles in Flash
- Preloader Using Actionscript
- Random Movement
- Scrolling Content
- Simple Preloader
- Sound On/Off Button
- Timeline Preloader
- Creating a web template using Photoshop
- Importing a Photoshop file in Flash CS5
- Adding sounds and animation to buttons
- Adding Animation and Button interactivity
- Adding a Preloader
- Publishing the Flash content
Miscellaneous
- Bitmap to Vector
- Change Image Color
- Drop Shadow
- Glow Effect
- Gradients
- Gradients to Text
- Transparent Background
- Video in Flash
Flash Articles
Free Flash Resources
- Video Tutorials
- Flash Templates
- Dynamic Photo Galleries
- FLV Video Player
- Dynamic Text Scroller
- Flash Games for Kids
Other Flash Resources
Masking in Flash
Masking is revealing portion of your picture or graphic in the layer below.
While surfing through net you might have come across lots of beautiful Flash effects such as ripple effect , some wording with sky background or glitter bordering an object, and wondered "How? What is the logic behind this". The answer for all this is masking.
This tutorial will teach you the basics of masking in Flash MX 2004. The download .fla file is also included at the end of the tutorial.
Please note:
1. You need to have Flash
Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 must be installed in your system to download and view the
.fla file.
Okay! if you are ready, just follow the steps given below.
STEPS TO FOLLOW
Inserting Layers and Naming them
- By default you will have a layer in your timeline window. Insert one more layer, totally you need two layers to mask an object.
- Rename the top layer to "Mask" and the layer below that to "background".
Creating Shape Tween
- Import your picture to the "background" layer.
- Using Oval tool from your tool box, draw a circle in your "Mask" layer and delete it's border.
- Drag the circle to one end of your picture.
- Now go to"frame 40" of your "Mask" layer and press "F6" to insert a new keyframe.
- Now go to "frame 40" of your "background" layer and press "F5" to insert frames, so that your background image is available all through your mask.
- Select "frame 40" of your "Mask" layer, that is your new keyframe, Keeping the playhead on "frame 40" of "Mask" layer, drag the circle to other end of your picture.
- Now go back to "frame 1" of your "Mask" layer, keeping the playhead on "frame 1" of your "Mask" layer, select Shape tween in your properties window.
Masking
- Right click on the "Mask" layer (the area where you named the layer not where the frames exist) and select Mask.
Your Mask is all ready. Press Ctrl+Enter to view your Mask.
Below is an example to give you more ideas on Masking.
|
Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!
No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.
