logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Painting
Heart Disease
Horror Literature
Dating
Hiking & Backpacking
SF/Fantasy Books
Healthy Foods


dailyclick
All times in EST

Autism Spectrum Disorders: 4:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Christmas Ecard Masking Effect


One very common effect created in FlashR is the masking technique that makes it appear that an object grows on to the stage. In itself, this is a very nice effect but have you ever considered adding a little more "sparkle" to the effect. In this tutorial, I will show you how I added a sparkling star animation on a curved path that follows along with the mask reveal animation. The example for this tutorial is a new Christmas ecard for Pamela Gladding. In this ecard we have Pamela's beautiful poinsettia on a classic background pattern. The masking technique reveals a red scroll with holly leaves and berries. Along with this masking reveal, we have a star animation that follows along as the red scroll is revealed.

As you would expect, we begin by building the masking animation. Place the scroll image that you wish to reveal with the masking technique on the Stage and on its own layer in the Timeline. Convert the image to a symbol. Double-click on the symbol to enter Edit mode. There we have only one layer called Layer 1. Rename this layer to "scroll". Next, create a new layer above the image layer and label it "mask". Right-click on this layer and choose Mask from the menu. We now have a mask layer above the image layer. This is where we will build the reveal animation.

On this mask layer, we have only one frame with the default keyframe. The amount of the scroll image that will appear on the stage is control by how much of the image we paint over with the Brush tool. The image has two matching scrolls. It will be nice if we can control the animation to reveal these two scrolls at the same pace. Therefore, we will paint over the same area for each scroll. We don't want too much of the image to appear on the stage on the first frame. To begin building our mask animation, we will use the Brush tool to paint a very small circle over just the tip of the scrolls.

Move on to the next frame and add a Keyframe. Then, paint over a little more of the scrolls. Repeat this until you have painted over the entire image. Add a new layer at the top of the Timeline and name it "actions". We want the mask animtion to play only once. To stop it from repeating, we need to put a stop(); code on the last frame (Frame 100). Add a Keyframe on the last frame of the actions layer. Open the Actions panel and add "stop();". Close the Actions panel and click Control Test Movie In Flash Professional to view the masking reveal. If you are happy with the effect, we are ready to add the sparkle.

View Ecard at Pamela Gladding Ecards

Next →

Join us in the Flash forum.





Add Christmas+Ecard+Masking+Effect+ to Twitter Add Christmas+Ecard+Masking+Effect+ to Facebook Add Christmas+Ecard+Masking+Effect+ to MySpace Add Christmas+Ecard+Masking+Effect+ to Del.icio.us Digg Christmas+Ecard+Masking+Effect+ Add Christmas+Ecard+Masking+Effect+ to Yahoo My Web Add Christmas+Ecard+Masking+Effect+ to Google Bookmarks Add Christmas+Ecard+Masking+Effect+ to Stumbleupon Add Christmas+Ecard+Masking+Effect+ to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Flash and Animation Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2013 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Ken Burns Effect In Motion - Record Keyframes

Ken Burns Effect In Motion 5 - Set Up

Animated Title in Motion

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2013 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor