Use the Text tool in Fireworks to create a title of Fireworks Layout in the space above the
TextArea component (top left).
Figure 4-12. Using the Text tool
Using Fireworks to align and refine a layout
Now that we have all the components on our page, we can start working on what Fireworks is really
good at in this process: aligning and layout.
12. Open the Align panel, if it is not already open, by selecting Window ?¤ Align, as shown in
Figure 4-13.
80
CHAPTER 4
Figure 4-13. Choose Align from the
Window menu.
The Align panel gives you a variety of ways to modify the position
and scale of the components, as shown in Figure 4-14.
Let??™s start with organizing our images.
13. Select the images of the temple and wedding. Select Match
width and height in the Align tool.
Figure 4-15 shows the images as slightly different sizes. Once you
select Match width and height, both images will have the same size,
helping you to create a tight, clean layout.
14. Align the two images along their left edge (see Figure 4-16).
Figure 4-14. The Align panel
81
FLEX AND FIREWORKS
Figure 4-15. Select Match width and height. Figure 4-16. Select Align left edge.
You can bring the images closer together or further apart one pixel at a time by using the arrow keys.
Holding down Shift will move them 5 pixels at a time. The third image poses a slightly tougher challenge.
You want to make it the same height as the temple and wedding images combined, but if you
stretch it out while maintaining the aspect ratio it becomes too wide, making the layout look unbalanced.
Pages:
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75