Export graphics and videos with Animate

You can switch between expert and novice preferences.  You can also export your own app settings including tool bar setting, key board shortcuts and other application settings as a single file.  Taking your app preferences across devices as simple as export and importing a file.

Exporting images and graphics

PNG sequence

You can export a series of image files from an individual movie clip, button, or graphic symbol in the Library or on the Stage. During export, Animate (formerly Flash Professional) creates a separate image file for each frame in the symbol. If you export from the Stage, any transformations (for example, scaling) you have applied to the symbol instance are preserved in the image output.

To export a PNG sequence:

Export animated GIF

You can export animated GIF files in Animate by performing the following steps: 

Export images and graphics to CC library

To export your images or graphics to CC library, select Window > CC library

CC libraries window appears. 

Click the + icon at the lower-left corner of the CC Libraries window, select the images or graphic files, and click Add.

FXG graphic interchange format (deprecated with Animate)

About FXG files

The FXG format is a graphic interchange file format for the Animate/Flash Platform. FXG is based on a subset of MXML, the XML-based programming language used by the Flex framework. The FXG format helps designers and developers collaborate more efficiently by enabling them to exchange graphic content with high fidelity. Designers can create graphics using Adobe design tools and export them into the FXG format. You can then use the FXG file in tools such as Adobe Flash Builder and Adobe Flash Catalyst to develop rich Internet experiences and applications.

When creating an FXG file, vector graphics are stored directly within the file. Elements for which there is no corresponding tag in FXG are exported as bitmap graphics which are then referenced in the FXG file. These include bitmaps, some filters, some blend modes, gradients, masks, and 3D. Some of these effects can be exported as FXG, but cannot be imported by the application that opens the FXG file.

When you export a file containing vector and bitmap images using FXG export, a separate folder is created along with the FXG file. This folder has the name <filename.assets> and contains the bitmap images associated with the FXG file.

For more information about the FXG file format, see the FXG 2.0 Specification.

FXG export constraints

Animate allows single or multiple selection of any objects on the stage for export to FXG. Object and layer names are preserved when exporting to FXG format.

The following items are constrained when saving to an FXG file:

• Scale-9 grids: exported, but readable only by Adobe Illustrator.

• Sound and video: not exported.

• Components: not exported.

• Tweens and animation with multiple frames: not exported, but a selected frame is exported as a static object.

• Embedded fonts: not exported.

• Button symbols: Animate exports only the Up state of buttons.

• 3D properties: not exported.

• Inverse Kinematics (IK) properties: not exported.

• Text attributes: some attributes may not be exported.

Export Animate content in FXG format

In Animate, you can export content in FXG format in two ways:

• To export objects on the Stage as FXG, select the objects and choose Export > Export Selection. Then select FXG format from the File Type menu.

• To save the entire Stage as FXG, choose Export > Export Image and select Adobe FXG from the File Type menu.

JPEG Sequence and JPEG Image

These options match the JPEG Publish Settings options. However, the Match Screen matches the exported image to the size of the Animate content as it appears on your screen. Match Movie matches the JPEG image to the Animate content and maintains the aspect ratio of the original image.

PNG Sequence and PNG Image

The PNG export settings options are similar to the PNG Publish Settings options (which you can apply as well), with the following exceptions:

Sets the size of the exported bitmap image to the number of pixels you enter in the Width and Height fields.

Enter a resolution in dpi. To use the screen resolution and maintain the aspect ratio of your original image, select Match Screen.

The same as the Bit Depth option in the PNG Publish Settings tab. Sets the number of bits per pixel to use in creating the image. For a 256‑color image, select 8‑bit; for thousands of colors, select 24‑bpc; for thousands of colors with transparency (32 bpc) select 24‑bpc with Alpha. The higher the bit depth, the larger the file.

Select to export the minimum image area or specify the full document size.

(Deprecated with Animate)Bitmap (BMP) image

Create bitmap images for use in other applications. The Export Bitmap dialog box has the following options:

Sets the size of the exported bitmap image in pixels. The size you specify always has the same aspect ratio as your original image.

Sets the resolution of the exported bitmap image in dots per inch (dpi) and automatically calculates width and height based on the size of your drawing. To set the resolution to match your monitor, select Match Screen.

Specifies the bit depth of the image. Some Windows applications do not support the newer 32‑bit per channel (bpc) depth for bitmap images. If you have problems using a 32‑bpc format, use the 24‑bpc format.

Applies anti-aliasing to the exported bitmap. Anti-aliasing produces a higher-quality bitmap image, but it can create a halo of gray pixels around an image placed on a colored background. Deselect if a halo appears.

Animate document (SWF)

To place the Animate content in another application, such as Dreamweaver, export the entire document as a SWF file. Animate exports the SWF file using the current settings in the Publish Settings for the FLA file.

Exporting HD videos with Adobe Media Encoder

Animate allows you to export tweens, symbols, and graphics to High Definition videos of various formats. Video Export feature has been enhanced to have a seamless integration with Adobe Media Encoder.

In Animate, you can choose any video format and its presets supported by AME and, if you select the appropriate option, Animate ensures that the video is queued and even processed automatically in AME. You will be notified once the processing is successfully completed.

In addition, you can export all scenes or a desired scene to loop, and for a specific scene you can export all frames or a range of frames.

The HD videos exported with Animate can be used with Communications-enabled applications, for video conferencing, streaming, and sharing.

By default, Animate can export to QuickTime Movie (.MOV) files, only. The export function requires you to install the latest version of QuickTime Player, since Animate leverages QuickTime libraries when exporting MOV files.

The HD video export workflow has been remodeled, as Animate is now integrated with Adobe Media Encoder. It allows you to convert MOV files to various other formats. To its end, Adobe Media Encoder has been optimized to only present export formats relevant for Animate content. For more information on Encoding and Exporting videos using Adobe Media Encoder, see Encode and export video and audio.

Difference between previous and latest export video workflows

The new workflow is different from the export video workflow of CS6 and earlier versions.

The major points of difference are:

• Integration with Adobe Media Encoder: Animate has been integrated with Adobe Media Encoder 7.0, and the earlier versions were not dependent on AME.
• Export formats: Animate can export QuickTime movies, only.
• HD videos: Animate allows you to export HD videos.

Also, the CS6 workflow had the following issues:

• The MOV export workflow using QuickTime was error-prone and memory consuming.
• The AVI export did not support movie clips.

With Animate, the above-mentioned issues have been fixed including the loss of frames issue. With the Adobe Media Encoder workflow, you can export to MOV files seamlessly with Animate. With the new AME-based workflow, you can export Animate content to MOV files, and later use AME to convert MOV files to any desired output.

Export begins at Frame #2

Depending how the Timeline is structured, the exported video can be a result of any of the following scenarios:

1. If there is more than one frame on the root timeline, the export will begin from frame #2.
2. If there is only one frame on the root timeline, then the export will include frame #1.
3. If there is more than one frame on the root timeline and ActionScript or sound is added to frame #1, it will not be called.
   

Exporting HD video

Before you begin exporting, do the following:

• Install QuickTime
• Set the frame-rate to a value equal to or less than 60 fps. For more information, see Animation Basics.

Exporting SVG sequence

With the new upgradation to Export setting, users can export current timeline as SVG Sequence. Click File> Export> Export Movie… and select the Save as type as SVG Sequence.

Export animated assets to videos, animated GIFs and more

Animate has an efficient publish process while exporting your animated assets to animated GIFs, videos and more. Want to learn how to export your animation? Watch the tutorial at the end of this example and follow these steps.

How to export your animated assets to video, animated GIF, and other formats.