Converting Flash to images

As web developers, we sometimes receive FLA, or Flash files, to include in our websites. Unfortunately, those Flash developers sometimes forget to include the original files used in creating the Flash Movie: files that would be really helpful in creating images used throughout the rest of the web site.

If you have the original FLA file, it is possible to export library items to create .png, .jpg and other useful files. While most tutorials here teach how to include images in your Flash file, in this tutorial we do the reverse: In this tutorial I’ll show you a simple method of exporting buttons, movie clips and graphics.

Steps to Exporting Images from Flash Files

Step 1: Open the FLA file that your Flash developer sent you.

Step 2: Open the Library of elements used in the FLA file. To open the Library press CTRL-L on Windows, or Apple+L on the Mac. Your library should look something similar to the Listing 1:

Flash Library

Listing 1: What a Flash library looks like when opened.

Step 3: Open a new Flash file by pressing CTRL-N, Apple-N or File > New then selecting Flash File from the options provided.

Step 4: You’ll note that when you open a new Flash file, the Library panel switches from the formerly active Flash file’s library to the Library for your new file, which is empty and untitled. However, you have access to the libraries of all the open Flash files. In the Library panel’s library name drop down menu, select the Flash file library that contains the library symbol you want to export.

Select the correct library from the drop down menu

Listing 2: Select the Flash file name of the Flash file opened in step from the "Library Name" drop down menu.

Step 5: Drag and drop the library symbol you would like to export by dragging and dropping the symbol from the library into your newly opened, currently untitled new Flash file.

Step 6: Export your movie into your selected file type. To export, select File > Export > Export Image.

Export your file

Listing 3: When you export a flash file as an image, you get the Export Image dialog window above.

Step 7: Enter a file name and select the location where you want the file saved. Also select the format for your exported file from the drop down menu in Listing 3.

Export Image Dialog Boxes

Listing 4: Sample dialog boxes that differ based on export file type selected.

Step 8: Depending on the file type you select, you will get a dialog box with options based on the file type. Select the options you want and select "OK"

What next?

That’s all there is to it! You now have a gif, jpeg, png, or even Illustrator, PCT, EPS, and, depending on your Flash version, possibly other file types.

This little trick has been useful to me when I don’t have the original files used in developing the Flash file, and for my own FLA files, when I don’t remember the file names of my compenents: this method is often quicker than searching my harddrive.

Published by

Estelle Weyl

My name is Estelle Weyl. I an open web evangelist and community engineer. I'm a consulting web developer, writing technical books with O'Reilly, running frontend workshops, and speaking about web development, performance, and other fun stuff all over the world. If you have any recommendations on topics for me to hit, please let me know via @estellevw.