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

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Exporting Layers From Adobe Illustrator As A Flash SWF Animation


Project Information-- • Skill level-Basic • AdobeR IllustratorR CS2

Did you know that you can make a FlashR animation without the Flash program. Yes, you can. All you need is Adobe Illustrator CS2 and your own creativity. When you export an image from Illustrator as a SWF animation the program converts the layers from your image into frames for the animation much as it does to create an animated gif. However in this case, Illustrator also automatically creates the corresponding HTML webpage that will display the Flash animation. Let's create a simple animation from an image with three layers.

Step 1. Start a new document. Let's make the animation two inches wide and high. On the Menu bar, click File > New to open the New Document dialog box and set the following values.

Name: Star Animation
Artboard Setup--
Units: Inches
Width: 2 in
Height: 2 in
Orientation: Portrait
Color Mode: RGB Color

Star Tool Icon (underneath Rectangle Tool Icon)
Step 2. Layer one. We will use the Star tool to draw the first star. First we need to set the Stroke color to black and the Fill color to yellow. Double click on the Fill button (solid colored square) in the Toolbox to open the Color Picker and then choose a yellow color for the star. If the Stroke is not already set to black, double click on the Stroke button in the Toolbox and choose black for the outline of the star. Using the Star tool, click and drag to draw a small star in the upper left corner of the Artboard. On the Menu bar, click Select > Deselect.

Layer One

Step 3. Layer two. We will duplicate Layer 1 and use the star on this duplicate layer as a starting point for the second star. Go to the Layers palette and choose Duplicate Layer 1 from the pop-up menu. You will see a new layer called Layer 1 copy in the Layers palette. Using the Selection tool (black arrow in Toolbox), click and drag the star toward the center of the Artboard. Now, click and drag the lower right Anchor Point on the star to resize the star to a medium size (see example for reference). Deselect.

Layer Two

Next →

Adobe Illustrator CS2 Workspace


AdobeR product screen shot(s) reprinted with permission from Adobe Systems Incorporated. AdobeR, PhotoshopR and PhotoshopR AlbumTM are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.
Add Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation to Twitter Add Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation to Facebook Add Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation to MySpace Add Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation to Del.icio.us Digg Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation Add Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation to Yahoo My Web Add Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation to Google Bookmarks Add Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation to Stumbleupon Add Exporting+Layers+From+Adobe+Illustrator+As+A+Flash+SWF+Animation to Reddit



 



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


For FREE email updates, subscribe to the Digital Art and Design 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
Sketch with Your Silhouette SSDE

Simple Drawing Tools in Silhouette Studio Designer

Silhouette Studio Designer Edition Software

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