Home / Articles / Adobe Creative Suite / Introduction to Flash Animation in InDesign CS5

Introduction to Flash Animation in InDesign CS5

Article Description

Who says you need to work with Adobe Flash to create Flash content? Adobe InDesign CS5 adds a load of new features and panels that enable you to add interactivity to your documents. From motion, buttons, video, and more, Brian Wood shows how you can turn your InDesign documents into multimedia extravaganzas!

Like this article? We recommend

Adobe Illustrator CS5 Classroom in a Book

Adobe Illustrator CS5 Classroom in a Book

$43.99 (Save 20%)

Export to SWF

Export to SWF

As a final step to creating the interactive content, it needs to either be exported to the .SWF format for publishing to a website, or exported to .FLA so it can be opened in Adobe Flash.

  1. With the document open, choose File > Export.
  2. In the Export dialog box, choose Flash Player (SWF) from the Format menu if you want to publish the file to be put on a web page. Choose Flash CS5 Professional (FLA) if you want to be able to open the .FLA file in Adobe Flash or hand it over to someone else who does.
  3. Click Save.
  4. In the Export SWF dialog box, there are a lot of settings you can choose from to export the file. I will discuss a few of the key settings.

    With the Basic tab selected:

    • If you are inserting this Flash content (.SWF) into an existing web page, you can deselect Generate HTML File.
    • To create an animation that is transparent where there was no content on the page in InDesign, choose Transparent for the Background.
    • To allow for the Flash “Page Curl,” make sure that Include Interactive Page Curl is selected. This creates a way to navigate that involves clicking or clicking and dragging in the lower–right or lower–left corners of the animation, much like turning the page of a book (see Figure 16).

    Figure 16 Set the export options.

  5. Click OK. The animation is created, and should appear in the browser if you had selected Generate HTML File in the Basic settings.
6. Next Steps | Next Section Previous Section