Services
Website Design Tutorials Flash Animation
Flash Symbols
Animation Basics
Flash Graphic Tips
Advanced Buttons
Sound in Flash Buttons
Cool Flash Effects
Flash Text Basics
Flash Actionscript
Flash Custom Cursor
Start/Stop Movieclips
HTML Text in Flash
Showing Time in Flash
Sound On/Off Buttons
Text Scrollbars in Flash
Simple Flash Preloader
Flash Imports Data
Flash & ASP Guide
Introduction
Basics of Flash & ASP
Preparing the Stage
Flash to Database
Database to Flash
ASP data to Flash
Flash Displays data
Flash preloader
Validation of fields
Flash Photo Masking Effects Flash Animation Tutorials >> Cool Flash Effects >> Photo Masking Effects
Flash Tutorial to create simple photo masking effects
Please carry out the following steps in Macromedia Flash to create the photo masking effects.
Simple Photo Masking
- Import (Ctrl + R) any color photo to be masked and its black & white version onto the stage.
- Now add a new Layer and move the Color picture into it. Make sure both pictures are perfectly on top of each other.
- Add a new Layer above the color picture layer and name it as 'Image Mask'.
- Draw any vector, say a rectangle with a height more than the picture height and width say 100. Convert the vector to a graphic symbol (select and press F8).
- Right-click the Layer named 'Image Mask' and select Mask from the pop-up menu. This command will make the current 'Image Mask' layer to mask the layer below it (containing the color photo), resulting in the color photo being shown only the area specified by the mask layer.
- Save your work and test the Movie (Ctrl + Enter). The movie will look similar to our example above. That's it you have learnt simple photo masking.
Advanced Photo Masking
- Advanced effects can be created by using Motion Tweened animation as a mask on an object in Flash.
- In the above example Create Motion Tween for the rectangle graphic and make the mask slide up and down, the Timeline is shown below:
- Save your work and test the Movie (Ctrl + Enter). That's it, your cool photo masking advanced effect is ready!
Fig: Timeline of Advanced Mask
Cool Flash Effects
Effect 1: Fade-in Fade-out Effect
Effect 2: Zooming Effect
Effect 3: Advanced Alpha Tweening - Ripple effect
Effect 4: Simple Photo Masking
Effect 5: Advanced Photo Masking
Absolutely FREE Web Templates
Check out these quality free web templates and download them without any registration or sign-up!
FREE Web Design Guide
From web design tips & ideas to HTML, CSS Styles, Fireworks & Dreamweaver you'll find all you need to know about effective web site design right here!
Quality Dreamweaver Templates
Professional quality dreamweaver templates in over 20 categories, starting at just $9.95! Instant download & easy customization
