Using Fireworks with Flash

Search
Adobe Fireworks CS6 User Guide

On this page

Applies to: Adobe Fireworks CS5 Adobe Fireworks CS6

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

  • You can easily import, copy and paste, or export Fireworks vectors, bitmaps, animations, and multi-state button graphics for use in Adobe Flash®.

  • TLF text from Flash is copied as a blank bitmap image into Fireworks running on Windows. Convert TLF text to ASCII text and import it into Fireworks.

  • Launch-and-edit functionality makes it easy to edit Fireworks graphics from within Flash. When you work in Flash, the launch-and-edit preferences you set in Fireworks are always applied.

  • The Flash HTML style does not support pop-up menu code. Fireworks button behaviors and other types of interactivity are not imported into Flash.

Place Fireworks graphics in Flash

Importing or copying a Fireworks PNG file offers the most control over how graphics and animations are added to Flash. You can also import JPEG, GIF, PNG, and SWF files that have been exported from Fireworks.

Note:

When Fireworks graphics are imported or copied and pasted into Flash, some attributes are lost, such as Live Filters and textures. You can't import or copy and paste a contour gradient effect from Fireworks into a Flash document. In addition, Flash supports only solid fills, gradient fills, and basic strokes.

Import Fireworks PNG files into Flash

You can import Fireworks PNG source files directly into Flash, without having to export to any other graphics format. All Fireworks vectors, bitmaps, animations, and multi-state button graphics can be imported into Flash.

Note:

Fireworks button behaviors and other types of interactivity are not imported into Flash because Fireworks behaviors are enabled by JavaScript that is external to the file format. Flash uses internal ActionScript code.

  1. Save the document in Fireworks.

  2. Switch to an open document in Flash.

  3. (Optional) Click the key state and layer onto which you want to import the Fireworks content.

  4. Select File > Import.

  5. Navigate to and select the PNG file.

  6. In the Import Fireworks Document dialog box, do one of the following:

    • Select the Import As A Single, Flattened Bitmap option.

    • Select an import option from the two pop-up menus.

  7. Select how to import text.

  8. Click OK.

    Note:

    Your selections in the Import Fireworks Document dialog box are saved and used as default settings.

Options for importing Fireworks graphics, vector objects, and text

Options for importing graphics

Import As A Single Flattened Bitmap

Imports a single, uneditable image.

Import All Pages Into New States As Movie Clips

Imports all of the pages in the PNG file into a new Flash layer that takes the name of the PNG file. A key state is created in the new layer at the current state’s location, the first page of the PNG file is placed as a movie clip in this state, and all the other pages are placed in states following it as movie clips. The layer hierarchy and states within the PNG file are preserved.

Import Page 1 Into Current State As Movie Clip

The contents of the selected page are imported as a movie clip, which is placed in the active state and layer in the Flash file. The layer hierarchy and states within the PNG file are preserved.

Import All Pages Into New Scenes As Movie Clips

Imports all of the pages from the PNG file and maps each one to a new scene as movie clips. Any layers and states within the pages are preserved. If scenes already exist in the Flash file, the import process adds the new scenes after the existing ones.

Import Page 1 Into New Layer

The selected page is imported as a new layer. States are imported into the timeline as separate states.

Options for importing vector objects

Import As Bitmaps To Maintain Appearance

Preserves the editability of vector objects, unless they have special fills, strokes, or effects that Flash does not support. To preserve the appearance of such objects, Flash converts them to non-editable bitmap images.

Import As Editable Paths

Preserves the editability of all vector objects. If objects have special fills, strokes, or effects that Flash does not support, those properties might look different after they are imported.

Options for importing text

Import As Bitmaps To Maintain Appearance

Preserves the editability of text, unless it has special fills, strokes, or effects that Flash does not support. To preserve the appearance of such text, Flash converts it to a non-editable bitmap image.

Note:

TLF text from Flash is copied as a blank bitmap image in Fireworks.

Keep All Text Editable

Preserves the editability of all text. If text objects contain special fills, strokes, or effects that Flash does not support, those objects might look different after they are imported.

Copy or drag Fireworks graphics into Flash

To copy graphics into versions of Flash earlier than Flash 8, choose Edit > Copy Path Outlines.

Note:

You might have to ungroup the objects (Modify > Ungroup) to make them editable as separate vector objects in Flash.

  1. In Fireworks, select the object or objects to copy.

  2. Select Edit > Copy and choose Copy from the Flash pop-up menu.

  3. In Flash, create a new document and choose Edit > Paste, or drag the file directly from Fireworks to Flash.

  4. In the Import Fireworks Document dialog box, select an Into option:

    Current States As Movie Clip

    The contents being pasted are imported as a movie clip, which is placed in the active state and layer in the Flash file. The layer hierarchy and states within the PNG file are preserved.

    New Layer

    The pasted content is imported as a new layer. States are imported into the timeline as separate states.

  5. Select how to import vector objects.

  6. Select how to import text.

  7. Click OK.

    Note:

    Selections in the Import Fireworks Document dialog box are saved and used as default settings.

About the Flash library structure

Fireworks objects are imported into a Fireworks Objects Folder in the Flash library. The structure within this folder is as follows:

File 1 folder // Named with the Fireworks file name

  • Page 1 folder // Named with the page name (if more than one page)

    — Page 1 // Named with the page name

    — — State 1 folder // Named with the state name (if more than one state)

    — — State 1 // Named with the state name

    — — — Symbol 1 in State 1 // Named based on the symbol name

    — — — Symbol 2 in State 1

    ...

    — Shared Layers folder // Shared layers across states in Page 1

    — — Shared Layer folder // Named with the name of the shared layer

    — — Shared Layer symbol

  • Page 2 folder

    — Page 2

    — Symbol 1 in Page 2 (For a page with no states)

    ...

  • MasterPage folder

    — MasterPage

    — Symbol 1 in MasterPage

    ...

    — Shared Layers folder // Shared layers across pages

    — — Shared Layer folder // Named with the name of the shared layer

    — — Shared Layer symbol

About importing Fireworks symbols in Flash

When importing Fireworks symbols in Flash, consider the following issues:

  • If a symbol uses 9-slice scaling, the four slice guides are imported and preserved in Flash. The 9-slice scaling is not preserved for animations, however. The imported symbols are saved as symbols in the Flash library.

  • Soft edits that have been applied to rich symbols are lost. The master copy of the symbol is imported.

  • Rich graphic symbols are stored as a PNG file and a JSF file. Only the PNG file is imported. If the symbol is made up of a number of paths, the paths are combined into one symbol.

  • To achieve the full functionality of rich symbols in Flash, replace it with the Flash version of the symbol.

About preserving visibility and locking

Objects and layers that are hidden in the PNG file are imported and remain hidden in Flash. However non-visible parts of a rich graphic symbol are not imported (for example, button Over or Down states).

If a layer is locked or hidden, all objects and sub-layers within the layer inherit the locked or hidden setting and retain it when they are imported into Flash.

If you import a single page into a new layer in Flash, one layer is created for the entire page and all objects are displayed. Visibility and locking attributes are not preserved.

Supported Photoshop layer effects

Photoshop Live effect - DropShadow

Mapping is as follows:

  • size maps to blurX, blurY

  • distance maps to distance

  • color maps to color

  • angle maps to 180 - (Photoshop Effect angle)

Photoshop Live effect - InnerShadow

Mapping is as follows:

  • size maps to blurX, blurY

  • distance maps to distance

  • color maps to color

  • angle maps to 180 - (Photoshop Effect angle)

Photoshop Live effect - Outer Glow

Mapping is as follows:

  • Opacity maps to strength

  • color maps to color

  • size maps to blurX, blurY

Photoshop Live effect - Inner Glow

Mapping is as follows:

  • Opacity maps to strength

  • color maps to color

  • size maps to blurX, blurY

  • Objects with any other Photoshop layer effects are rasterized.

Exporting Fireworks graphics to other formats for use in Flash

You can export Fireworks graphics as JPEG, GIF, PNG, and Adobe Illustrator 8 (AI) files, and then import them into Flash.

Although PNG is the native file format for Fireworks, PNG graphic files exported from Fireworks are different from source PNG files you save in Fireworks. Like GIFs or JPEGs, exported PNG files contain only image data, with no additional information about slices, layers, interactivity, Live Filters, or other editable content.

Export Fireworks graphics and animations as SWF files

Fireworks graphics and animations can be exported as Flash SWF files. To retain stroke size and stroke color formatting, choose Maintain Appearance in the Flash SWF Export Options dialog box.

The following formatting is lost during export to SWF format: blend mode, layers, masks (applied before export), slice objects, image maps, behaviors, pattern fills, and contour gradients.

  1. Select File > Save As.

  2. Enter a filename and choose a destination folder.

  3. For the format, select Adobe Flash SWF.

  4. Click Options. Then select an Objects option:

    Maintain Paths

    Allows you to maintain path editability. Effects and formatting are lost.

    Maintain Appearance

    Converts vector objects to bitmap objects as needed and preserves the appearance of applied strokes and fills. Editability is lost.

  5. Select a Text option:

    Maintain Editability

    Allows you to maintain text editability. Effects and formatting are lost.

    Convert to Paths

    Converts text to paths, preserving any custom kerning or spacing you entered in Fireworks. Editability as text is lost.

  6. Set the quality of JPEG images, using the JPEG Quality pop-up slider.

  7. Select the states to be exported and the state rate in seconds.

  8. Click OK, and then click Save in the Export dialog box.

Export 8-bit PNG files with transparency

To export 32-bit PNG files with transparency, simply import Fireworks PNG source files directly into Flash. To export 8-bit PNG files with transparency, complete the following procedure:

  1. In Fireworks, choose Window > Optimize to open the Optimize panel.

  2. Select PNG 8 as the Export file format and Alpha Transparency from the Transparency pop-up menu.

  3. Select File > Export.

  4. Select Images Only from the Save A Type pop-up menu.

  5. Name and save the file.

Import exported Fireworks graphics and animations into Flash

  1. Create a new document in Flash.

    Note:

    If you are importing a Fireworks graphic into an existing Flash file, create a new layer in Flash.

  2. Select File > Import, and locate the graphic or animation file.

  3. Click Open to import the file.

Use Fireworks to edit graphics in Flash

With launch-and-edit integration, you can use Fireworks to change a graphic that you previously imported into Flash, even if the graphic wasn't exported from Fireworks.

Note:

Fireworks-native PNG files imported into Flash are an exception; the PNG file must have been imported as a flattened bitmap image.

If the graphic was exported from Fireworks, and you saved the original PNG file, you can edit the PNG file in Fireworks from inside Flash. When you return to Flash, both the PNG file and the graphic in Flash are updated.

  1. In Flash, right-click (Windows) or Control-click (Mac OS) the graphic file in the Document Library panel.

  2. Select Edit With Fireworks from the pop-up menu.

    Note:

    If Edit with Fireworks does not appear in the pop-up menu, choose Edit With and locate your Fireworks application.

  3. Click Yes in the Find Source box to locate the original PNG file for your Fireworks graphic, and click Open.

  4. Edit the image, and click Done when finished.

    Fireworks exports a new graphic file to Flash and saves the original PNG file.