With your Garden.fla file open, select File Save As to open the Save As dialog box. in Font

Making QR-Code in Font With your Garden.fla file open, select File Save As to open the Save As dialog box.

choices: Flash CS5 Document (*.fla): Select this, and you create the usual document that can be opened only by Flash CS5. Flash CS4 Document (*.fla): Select this, and the file will be saved in a format that can be read by Flash CS4. Just be aware that any features available only in Flash CS5 won t be available. Flash CS5 Uncompressed Document (*xfl): Select this, and you create an exploded view of the file or what many are calling a folder of files.

appear as the files are created, and when finished, the progress bar and the Save As dialog box will close. Minimize Flash, and open the XML_Example folder. When the folder opens, you will see that your simple Flash project is now a folder named Garden. When you open that folder, you will see your simple file consists of a number of separate XML and Flash files, as shown in Figure 1-63. Now you understand what we meant by the terms exploded and folder of files.

Figure 1-63. The contents of an uncompressed XFL document folder We are not going to get any deeper into this subject until 12. Having said that, you need to know the important files are Garden.xfl and the DOMDocument.xml files. If you double-click the .xfl file, the project will open in Flash, and the only difference will be the .xfl, not .fla, file extension in the document tab.

The XML document is where all the information about the project is kept. This includes pointers to embedded fonts, audio, images, and anything else pertaining to the project including the layering order and the contents of the layers.

If you create an uncompressed XFL file or are handed the XFL folder, make sure that you always work in that folder and that you don t, for obvious reasons, delete or remove any files used in the project from the folder.

How to customize your Flash workspace A number of methods of manipulating objects on the Flash stage How to dock, undock, and minimize panels The importance of the Properties panel in your daily workflow The difference between a frame and a keyframe The process involved in using frames to arrange and animate content and the properties of content on the stage using the Motion Editor How to add, delete, nest, and rearrange layers How to test a Flash movie How to create an uncompressed XFL document That s a lot of stuff you ve learned by taking a casual stroll through Flash Professional CS5. In the next chapter, you ll learn how to use the tools to create content in your movies and how Fireworks CS5, Photoshop C4, and Illustrator CS5 are important elements in your workflow.

2

In the previous chapter, we handed you a bunch of images and essentially said, Here, you toss them on the stage. In this chapter, you ll dig into how those objects were created, and in fact, you are going to be drawing trees, drawing the moon, creating Venetian blinds, and playing with Chinese dancers and T-shirts, among other things. You will be looking at the new Illustrator and Photoshop file importers and also playing with JPEG and GIF images. There s a lot to cover. Let s get started. What we ll cover in this chapter: Flash graphic fundamentals Using the drawing tools Managing and working with color Working with fills, strokes, and gradients Tracing bitmap images Image file formats and Flash Importing Illustrator documents into Flash Importing Photoshop documents into Flash If you haven t already, download the chapter files. You can find them at www.friendsofED.com/ download.html isbn=1430229940.

Files used in this chapter: FreeTransform.fla (02/Exercise Files_CH02/Exercise/FreeTransform.fla) ObjectDrawing.fla (02/Exercise Files_CH02/Exercise/ObjectDrawing.fla) Deco.fla (02/ExerciseFiles_CH02/Exercise/Deco.fla) DecoCow.fla (02/ExerciseFiles_Ch02/Complete/ DecoCow.fla) DecoCow.swf (02/ExerciseFiles_Ch02/Complete/ DecoCow.swf) Deco02.fla (02/ExerciseFiles_Ch02/Exercise/ Deco02.fla) SprayBrush.fla (02/ExerciseFiles_Ch02/Exercise/ SprayBrush.fla) Campfire.fla (02/ExerciseFiles_Ch02/Complete/Campfire.fla) ImageFill.fla (02/ExerciseFiles_Ch02/Exercise/ ImageFill.fla) CanoeBurnside.jpg (02/ExerciseFiles_Ch02/Exercise/ CanoeBurnside.jpg) Trace.fla (02/ExerciseFiles_Ch02/Exercise/Trace.fla) JPGCompression.fla ( 02/ExerciseFiles_CH02/Exercise/JPGCompression.fla) JPGCompression.swf ( 02/ExerciseFiles_CH02/Exercise/JPGCompression.swf) GIF.fla ( 02/ExerciseFiles_CH02/Exercise/GIF.fla) Counterforce.gif ( 02/ExerciseFiles_CH02/Exercise/Counterforce.gif) Banner.png ( 02/ExerciseFiles_CH02/Exercise/Banner.png) Mascot.ai ( 02/ExerciseFiles_CH02/Exercise/Mascot.ai) IglooVillage.psd ( 02/ExerciseFiles_CH02/Exercise/IglooVillage.psdi) Before we start, let s take a look at what you have to work with. Graphics in Flash CS5 come in two flavors: vector or bitmap. Vector images are usually created in a drawing application such as Illustrator CS5 or Fireworks CS5. When you draw an object on the Flash stage, you are using the drawing tools to create a vector image. Bitmap images are created in such applications as Photoshop CS5 and Fireworks CS5. At its heart, Flash is a vector drawing and animation tool. The great thing about vectors is their relatively small file size compared to their bitmap cousins. The other thing to keep in mind is that Flash s roots were as a vector animation tool (FutureSplash) for the Web. When it was introduced, broadband was just establishing itself, and the ubiquitous 56KBps modem was how many people connected to the Internet. In those days, size was paramount, and vectors, being extremely small, loaded very quickly. What makes vectors so appealing is they require very little information and computing power to draw. In very simplistic terms, a circle of 100 pixels in diameter contains five points four on the circle and one in the center and those points are used in a mathematical calculation that results in the diameter of the