g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


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 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

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2018 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 features
Subtle Animation Website Trends

Wix Editor - Background Video

Video on Wix Websites

Archives | Site Map


Past Issues

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.

Summertime Foods
Corn on the Cob
Burgers on the Grill
Apple Pie


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

BellaOnline Editor