Subtitles of the Movie

A lot of your work in Fireworks will be done in its many windows or panels. Panels are the free-floating controls that I have open here. They help you edit aspects of a selected object or elements of the document. Panels let you work on frames, layers, symbols, color swatches, behaviors and much, much more. Each panel, notice, is draggable on the interface. I can also resize the panels by going to the edge of the panel and clicking and dragging. They're also draggable in the sense that I can group them into different combinations. Notice that my optimize and align panels are together. They can be closed by clicking in the upper right-hand corner and to gain an understanding of the scope of Fireworks CS3, let me give you a quick overview of the more important of the programs panels. Let's start with the optimize panel. By the way, you can open up these panels from the window menu. Optimize is near the top there. This panel lets you manage the settings that control the file size and file type and also work with the color palette of the file or the slice to be imported. The layers panel is next. Very important panel. This organizes the document's structure and contains options for creating, deleting and manipulating layers. We also have the frames panel right there. The frames panel displays the frames in the current file and includes options for creating animations. Notice in this case frame two doesn't have my text. Let's go ahead and close these panels. Next we have the history panel. The history panel lists commands you have recently used so you can quickly undo and redo them. In this case I changed some frames, added some pages and so I can go back using the slider and undo all those actions or redo them. Next is the auto-shapes panel. This contains auto shapes that are not displayed in the tools panel. So let's drag out a little poseable figure or resolve path or ruler. Styles panel is next. And it's right here. Notice the styles panel is grouped with my shapes panel. This lets you set the style of an object that you've selected on the canvas there. Let's go ahead and stylize this object. Its a good example of how you can very quickly change the appearance of the selected object. It works with text as well. Then you have the library panel. This contains graphic symbols, buttons, animation symbols that you can drag onto your document. I have an example of a nav bar, this pink file that has a lot of these buttons. I simply drag them onto the stage there. The URL panel is adjacent to that. This lets you create libraries containing frequently-used URLs. For example, going to page one or page two, page 48. URLs can only be applied to hotspots or slices so let's go ahead and go back here to this document where I have quite a number of slices. Notice that I can now apply the URL very easily by using URL panel there. Color mixer panel lets you create new colors to add to the current document's color palette or to apply the colors to selected objects. The swatches panel is related. This manages the current document's color palette. Continuing down my list we now come to the info panel. This provides information about the dimensions of selected objects and exact coordinates of the pointer as you move it across the canvas. Let's go ahead and turn off my slices and this object here has a width of 104 pixels, a height of 120. This one has a height of 237. The behaviors panel is next. Let me move to another document here to demonstrate the behaviors panel. The behaviors panel manages behaviors which determine which hotspots and slices do in response to mass movements. Let's turn on my slices and hotspots again and let's click some of these. Notice there's a mouse over behavior. Another mouse over behavior. There's a swap image behavior. And we have some more hidden in here somewhere. There's another swap image behavior. Next we have the find panel continuing down my menu. This lets you search for and replace elements such as text, URLs, fonts and colors. Next is the align panel. This is one of my favorite panels. And if I go to this nav bar here, demonstrate this. This will allow you to line up various elements and components, as well as space them evenly and distribute them. I like that one a lot. Look how that's distributed all those buttons in the nav bar. Let's align these three. First let's align center. Now let's distribute them equally. It evens the spaces between them. So this panel contains controls for aligning and distributing objects on the canvas. The next panel in our list is the auto shape properties panel. This lets you make changes to the properties of an auto shape after you insert one into your document. I have an auto shape here. Notice that I can change the outer radius of that donut. I can also insert auto shapes. Let's change the inner radius of that one to 700. And that changed it somehow. I can, for example, change the arrow width here to 600. Makes that very wide. Change the tip length to 300. Like so. Let's go ahead and close these panels down. Now, if I move my Fireworks application window all the way over to the right of my computer and then choose window others, you can see some kind of hidden panels, including color palette, image editing. This panel organizes common tools and options used for bitmap editing all into one panel. Then underneath that is the path panel. This provides quick access to many path-related commands and lastly is special characters. This is one of my favorite hidden panels. This displays the special characters that can be used in text blocks. So that will give you a summary then of some of the more important of Fireworks CS3's many working panels.