- 1. Create a document using Device Central.
- 2. Check out Illustrator CS3.
- 3. Set up your document to integrate with Flash CS3.
- 4. Create blends out of symbols for animation in Flash.
- 5. Export from Illustrator to SWF for Flash.
- 6. Explore the new Flash CS3 workspace.
- 7. Add a new background in Flash CS3.
- 8. Copy and paste from Illustrator CS3 to Flash.
- 9. Create a motion path and a motion tween.
- 10. Publish and test your file.
5. Export from Illustrator to SWF for Flash.
Let's export this document as an SWF file. You can import Illustrator files directly into Flash CS3 and take advantage of layers and live text, but it's much easier to convert blends to animations by exporting the document as an SWF. Choose File > Export > Flash (swf). A large dialog box will confront you, like a bouncer at the doors of an exclusive nightclub. Don't panic! Leave most of the default settings as is, and make sure Clip to Crop Area is selected if your artwork extends beyond the crop area.
Near the top-right of the SWF Options window click the Advanced button. Check Animate Blends and select In Build (see Figure 6). This will add dots to the artwork and slowly build the line work, rather than show the dots one at a time (the In Sequence setting). If you have any static layers (layers you don't want to animate), check Export Static Layers. Hold down the Shift key and select the desired static layers.
Figure 6 Exporting an Illustrator document with layers and blends to the SWF format
At this point, it would be wise to do a preliminary test. At the right of the dialog, click either the Web Preview or Device Central button. But beware...
Figure 7 Check the Flash Lite version for compatibility in Device Central.