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
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Low Carb: 8:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Sparkling Animated Star


During the holiday season, we can use a sparkling star animation for many FlashR projects. This tutorial continues to discuss how the Christmas ecard (Pamela Gladding Ecards) was created. If you haven't read the first part of this tutorial, use the Back link at the bottom of the page.

To create the sparkling star animation, we double-click on our starAni movie clip. This will take us into the Edit mode. Our first problem is that the background color of the stage is white and the star will be white. In order to be able to see the white star as we work, let's temporarily change the background-color of the stage to black. From the Menubar, click Modify Document and change the Background color for the movie. We now have a nice black area to work on.

We already have one star on the stage. Our star animation will have two parts, one larger star on the bottom and a smaller star on top. We will add a Glow filter to the star on the stage. Rename Layer 1 to "star1" and convert the star on the stage to a symbol named "star1". Apply the Glow filter with the X and Y Blur set to 10px, Strength set to 100% and Color to white.

From the Menubar, click Edit Copy to make a copy of the star1 movie clip. Create a new layer named "star2" and paste the copy onto this layer. If necessary, align the second movie clip over the first so that the centers of both stars align. We want this movie clip to be a little smaller than the one below. Use the Free Transform tool to reduce the size of the star.

Still working on the second (top) movie clip, we will create a Classic Motion Tween animation that will rotate this small star clockwise over 20 frames. Add a Keyframe to Frame 5 and use the Free Transform tool to rotate the movie clip 1/4 circle. Add a Keyframe to Frame 10 and rotate the movie clip another 1/4 circle. Do the same for Frame 15 and 20. Right-click between Frames 1 and 5 and choose Create Classic Tween from the menu. Repeat this for the other frame spreads. That takes care of the aniamtion for the top star.

Now we will animate the Alpha opacity of the first (bottom) star. On Frame 1 of the star1 layer, right-click and choose Create Motion Tween. This will give you 24 frames by default. Drag the tween span to end on Frame 20, so that both animations will end at the same time. On Frame 1, set the Style - Alpha for this movie clip to 0. On Frame 10, add a Keyframe (Insert Keyframe All) and set the Alpha back to 100%. Add a Keyframe on Frame 20 and set the Alpha to 0. This will cause the larger (bottom) star to fade in and out as the smaller (top) star rotates.

Because we want this sparkle animation to repeat, we will not put a stop(); code on Frame 20. We can set the Document Background Color back to white and exit Edit mode to go back to Scene 1. Test your movie.

View Ecard at Pamela Gladding Ecards

← Back

Join us in the Flash forum.





Add Sparkling+Animated+Star to Twitter Add Sparkling+Animated+Star to Facebook Add Sparkling+Animated+Star to MySpace Add Sparkling+Animated+Star to Del.icio.us Digg Sparkling+Animated+Star Add Sparkling+Animated+Star to Yahoo My Web Add Sparkling+Animated+Star to Google Bookmarks Add Sparkling+Animated+Star to Stumbleupon Add Sparkling+Animated+Star 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 © 2014 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
Motion Workspace - Checkbox, Dials and More

Motion Workspace - Menu, Icons and Sliders

The Motion Toolbar Tools

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 © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor