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

Autism Spectrum Disorders: 4:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Working with Individual Instances and Color Styles in Flash CS3


In the last tutorial, you learned how to create several instances of a symbol by dragging them from the FlashR Library panel onto the Stage. Our example symbol was an oval and we planned to animate the instances as snowflakes. Because these snowflakes were created as instances of the same symbol, they were identical. In certain cases, you might want all the instances to be identical. However most of the time, you will want each instance to be slightly different from the others. To give our snowflake scene more realism, we will need each snowflake to be slightly different. Once an instance is selected, there are several properties that we can control including position, size, scale, rotation, style, blend and filters. All of these can make each instance appear different from the rest. In this tutorial, we will change some of the Color Styles properties for each of our snowflakes. The Color Styles properties that we will be changing are Brightness, Tint, Alpha and Advanced (Tint-Alpha).

  1. Open the Flake.fla project file that you created in the last tutorial. You will need at least four snowflakes on the stage. Drag more instances of the Flake symbol from the Library panel if necessary.

  2. Single-click on one instance of the snowflakes. The properties for the selected instance will be displayed in the Properties Inspector. Set the Color Styles drop-down menu to Brightness and then use the Slider that appears next to the menu to set the Brightness Amount to 70%.

  3. Select a different snowflake. In the Properties Inspector, you will notice that the settings have changed to display the information for this selected instance. This time set the Color Styles drop-down menu to Alpha and set the Alpha Amount to 50%.

  4. Select a third snowflake. Set the Color Styles drop-down menu to Tint, set the Tint Amount back to 100% and pick a lavender color swatch from the Color Picker.

  5. Select the last snowflake. We will use the Advanced setting from the Color Styles drop-down menu. This is a two-step process. First we will set a Tint color as we did in the previous step. Set the Color Styles drop-down menu to Tint and you will notice that the settings we used previously are still there. Let's change the color swatch to a bright yellow. Now, change the Color Styles drop-down menu to Advanced and click on the Settings button that appears next to the menu. The yellow color is already set in the Advanced Effect dialog box. Set the Alpha to 30% and click OK.

  6. Save your project file as Flake2.fla.

Noteľ As in most software programs, you can select more than one instance at a time by holding down the Shift key on your keyboard. When you have several instances selected, any change in settings will be reflected in all of the selected instances on the Stage.




Add Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 to Twitter Add Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 to Facebook Add Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 to MySpace Add Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 to Del.icio.us Digg Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 Add Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 to Yahoo My Web Add Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 to Google Bookmarks Add Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 to Stumbleupon Add Working+with+Individual+Instances+and+Color+Styles+in+Flash+CS3 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
Adding Glow Filter in Motion Project

Animation Behaviors in Motion Project

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


BellaOnline Editor