3. | Move the square on top of the other rectangle you created in the "On Your Own" section. Place it toward the bottom of the other rectangle. Then select both rectangles.
You can Shift-click each rectangle to select the rectangles, or you can use the selection rectangle to select them. When you click and drag on the canvas, a selection rectangle appears. All objects within the selection rectangle are selected when you release the mouse button.
|
4. | Choose Modify > Align > Center Vertical.
The square and rectangle are centered along the vertical axis.
Fireworks aligns objects on the left based on the leftmost object in the selected group, and it aligns objects on the right based on the rightmost object in the selected group. The topmost object controls Align Top, and the bottommost object controls Align Bottom. For Distribute Widths, Fireworks creates an equal amount of space between the objects, divided between the right edge of the leftmost and left edge of the rightmost objects. For Distribute Heights, Fireworks creates an equal amount of space between the objects, divided between the bottom edge of the highest and top edge of the lowest objects.
Note In Windows, you can also use the alignment buttons located on the Modify toolbar. If this toolbar is not visible, choose Window > Toolbars > Modify. This toolbar can float on the screen as an independent window, or you can manually attach it to the top or bottom of the application window by dropping it there. You can also use the Align panel to align objects. Choose Window > Align to open the panel. The Align panel contains all the alignment options found on the Modify menu as well as an option to align objects to the canvas, an option to create equal spacing between objects, and an option to match widths or heights of objects.
Note The Align panel is a third-party extension added to your Fireworks application. To find more extensions, choose Commands > Manage Extensions. The Macromedia Extension Manager window opens. Then choose File > Go to Macromedia Exchange. Your Web browser opens and takes you to the Macromedia Web site where you can search for new extensions for Macromedia Flash, Fireworks, and Dreamweaver. |
6. | Make sure the Specials layer is still selected before you place the image, and then place the image on the white square.
If you need to size the image to fit within the square, you can use the Scale tool to make it smaller or hold down Shift as you drag a corner.
Note You can scale a bitmap image smaller, but don't make it larger. The resolution of this image is 72 pixels the standard for a Web image. The lower resolution of the image does not contain enough pixel information to allow you to increase the size of the image. Making the image larger reduces the image quality. |