Subtitles of the Movie

As you start building more and more complex web sites or applications using Fireworks, there comes in time when you need to organize the objects you have on the canvas. And there are several ways you can do that. When working with multiple objects within a single document, you can use several techniques to organize a document. You can group individual objects to treat them as one object all together, or protect each object relationship to the others in the group. You can also arrange objects behind or in front of other objects. The way objects are arranged is called stacking order. And you can also align selected objects to an area in the canvas to either a vertical or horizontal axis. In this example we have several vector objects on the canvas, each within their own layer. If I was to group several of these objects together such as the circle and the red rectangle, I can drag with the left mouse button and select both objects. And with these two objects selected, and you can see that in the layers palette both are selected by being blue. I can go to modify, and then group. And now we have grouped these two objects together, so essentially they act like one object. To ungroup them, I can select modify>ungroup, or I can right mouse click and select ungroup. And now both objects are independent of each other again. However, there may come a time when you have a group of objects and you may need to move one of those objects just a slight bit. I am going to go ahead and group these two again, and this time select the sub-selection tool. And with that selected I can highlight these two grouped objects. And right now you can see the bounding corners are highlighted for the red rectangle. And now the corners for the blue or the psion (?) circle. So I can select the circle and slightly move it, and do the same thing with the rectangle. Selecting the pointer, and then clicking on the object again, we can see that it is now or still a grouped object. But the sub-selection tool allows me to move the sub-objects within this group. Also note in the layers palette, we have grouped these two objects together, it has being combined as one layer. And it tells us it is a group of two objects. I am going ahead and ungroup these objects and now they are back to their respective layers. Within a layer Fireworks stacks objects based on the order in which they were created. Placing the most recently created object on the top of the stack. The stacking order of the objects determines how they will appear when they overlap. Layers also affect the stacking order. In our example, in our document we have three layers. The top most layer is a sign circle. If this layer is on top of the other two layers, the circle hides or obscures the objects in the lower two layers. The same thing with the rectangle. The rectangle is not the top most layer, so the circle blocks it out. However, the red square is on the top of the octagon. However we can change the stacking order of the objects in several ways. One, we can just simply select the layer, and then drag it to the top most portion of the layer palette. And now we have our blue octagon on the top of the other objects. In addition, we can right mouse click on an object, select a range and then bring to front. And now our square rectangle object is now the top most layer within our document. You can also access similar commands from the modify, and then arrange window. First of course you need to select an object and select modify>arrange. Fireworks also allow you to align objects. I am going to roughly place these three objects here on our canvas, select all three, then select modify>align and then left. What Fireworks have done is aligned all these objects on the left hand side. The vector point up and down on here on this access is exactly equal. And with the three objects still highlighted, I am going to select a line and then distribute heights. And now we have the equal amount of distance between each object on the stage canvas. Let's take a look at some other options available to us. We get align to the left as we just did, center vertical to the right, to the top, center horizontal, bottom, or distribute widths. Let's go ahead and see what center vertical looks like. And now all of our objects are aligned on the axis in the very center of each one of these vector objects. So by using the grouping, stacking, and aligning commands, you can easily organize your objects on the canvas. objects are aligned on the axis in the very center of each one of these vector objects. So by using the grouping, stacking, and aligning commands, you can easily organize your objects on the canvas.