
150 Tutorial: Creating Page Mock-ups
4.
With the rounded rectangle still selected, in the Property inspector, click
the Fill Color box next to the bucket icon.
The Fill Color pop-up window opens.
5.
Type
6B1101
in the text box at the top of the window, and then
press Enter.
6.
Click the Stroke Color box next to the pencil icon, and then click the
Transparent button at the top of the Stroke Color pop-up window. (It
should be selected by default.)
The rounded rectangle now has a dark red fill and no stroke.
Next, you need to resize and position the rounded rectangle. You decide to
do this precisely with the Property inspector.
1.
With the rounded rectangle still selected, in the Property inspector, type
700
in the width box (W), type
340
in the height box (H), type
0
for
the X position, type
255
for the Y position, and then press Enter to
apply the last value.
After resizing the rounded rectangle, you notice that the rounded edges are
distorted. You want to adjust these to create appropriately rounded corners.
The rounded rectangle is a Fireworks Auto Shape, so you can use the Auto
Shape Properties panel to adjust the roundness of the corners.
NO
TE
The Y position is only an approximation. You can alternatively use the
arrow keys to nudge the rounded rectangle up or down until it is about 6
pixels below the slideshow placeholder image.
000_ExploringStudio.book Page 150 Tuesday, August 30, 2005 9:30 AM
Summary of Contents for STUDIO 8-EXPLORING STUDIO 8
Page 1: ...Exploring Studio 8...
Page 8: ......
Page 42: ...42 Learning Studio...
Page 134: ...134 Web Development Workflow...
Page 136: ......
Page 162: ...162 Tutorial Creating Page Mock ups...
Page 182: ......
Page 194: ...194 Tutorial Handling Photographs...
Page 254: ...254 Tutorial Building Your First Flash Application...
Page 266: ...266 Tutorial Building a Video Player Flash Professional only...
Page 268: ......
Page 294: ...294 Tutorial Adding Content to Pages...
Page 324: ...324 Tutorial Formatting Your Page with CSS...
Page 332: ...332 Tutorial Publishing Your Site...
Page 342: ...342 Tutorial Setting Up Your Website for Contribute Users...
Page 350: ...350 Index...