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

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Importing Photoshop Layers Into Flash


You have already created the Flash project file for your app. Open this fla file into Flash CS5.5. Right now, we only have one layer with one frame on the Timeline. To have room to work on our animations, we can add a few frames (100) to this layer. Right-click on the Frame 100 and choose Insert Frame.

Let's import the Photoshop image with all the design elements for the Welcome scene into the Flash Main Timeline.

  1. Click File - Import - Import to Stage. Browse to the psd file you wish to import.

  2. In the Import dialog box, you will see the individual element layers listed on the left. Click on the top layer to view the Import Options panel on the right.

  3. Under Import this image layer as, click the Bitmap image with editable layer styles. This will automatically check the box next to Create movie clip from this layer.

  4. Below this, you will see a text box where you can give this movie clip an Instance Name. I usually set the instance name to the name of the layer. In the example, the instance name for the purpleOrn layer will be purpleOrn.

  5. Repeat this for each layer on the left. Then click OK.

You will now see that all the design elements are imported onto the stage and there is a corresponding layer in the Timeline. You can delete Layer 1. We won't be using this layer.

A little about Flash movie clips: Flash movie clips are the building blocks for any Flash animation. Making each design element that we import into the project a movie clip will "identify" the elements to Flash. As you would expect, each movie clip must have a unique name.

A littel about image resolution: Although some iOS SDK frameworks ask for the graphics to be at 300 dpi, Flash requests that we optimize our graphics as much as possible. So I reduced the resolution of the graphics to 72 dpi. All graphics were converted to movie clips when importing.

|
Join us in the Digital Art and Design forum. | Join us in the Flash forum.


Add Importing+Photoshop+Layers+Into+Flash to Twitter Add Importing+Photoshop+Layers+Into+Flash to Facebook Add Importing+Photoshop+Layers+Into+Flash to MySpace Add Importing+Photoshop+Layers+Into+Flash to Del.icio.us Digg Importing+Photoshop+Layers+Into+Flash Add Importing+Photoshop+Layers+Into+Flash to Yahoo My Web Add Importing+Photoshop+Layers+Into+Flash to Google Bookmarks Add Importing+Photoshop+Layers+Into+Flash to Stumbleupon Add Importing+Photoshop+Layers+Into+Flash 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
The Motion Toolbar Tools

Apple Motion 5 - The Toolbar

Apple Motion - HUD

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