Photoshop to Flash via GIF
Mr. Skocko Room 246 • 593-5446 • Mac LabValhalla Home

 

This tutorial deals with isolating a portion of an image to animate in Flash

We will be saving as a GIF to import the object with a transparent background so it can do something like:

(This is quick and dirty, you'll do a better job)

 

Here's the original image

 

First we've got to select the ball

 

Command-J to "Jump" the selection to its own layer

 

To see the results, click the visibility icon next to the background layer

  

 

Make sure your new layer is visible against a transparent background like this one

(The checkerboard indicates transparency)

 

Navigate to Image > Trim...

 

In the Trim dialog box, select the following options

 

Photoshop trims the canvas to fit the visible pixels

This is a great feature for trimming Web graphics as well!

 

Shift-Option-Command-S to Save for Web

 

For Settings, select GIF 128 Dithered

 

For higher quality, push Colors to 256 and Dither to 100%

 

JPG on left, GIF on right (but the JPG would save with a white background)

   

Just a comparison of image quality—ordinarily we would save such an image as a JPG

 

And like I said, your animations will be much better than this one

 

 

Mac Lab | Photoshop | Flash | Digital Arts