Macromedia studio 8-exploring studio 8 User Manual

152 Tutorial: Creating Page Mock-ups

Next, you need to give the rectangle an orange fill.

1.

With the rectangle still selected, in the Property inspector, click the Fill 
Color box next to the bucket icon.

The Fill Color pop-up window appears. 

2.

Type A3210A in the text box at the top of the window, and then 
press Enter.

3.

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.

The rectangle now has an orange 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 rectangle still selected, in the Property inspector, type 140 in 
the width box (W), type 295 in the height box (H), type 0 for the X 
position, type 278 for the Y position, and then press Enter to apply the 
last value.

2.

Save your work.

Create the copy area

Finally, you need to create an off-white rectangle to represent the area 
where the web page’s text will appear.

1.

Select the Rectangle tool in the Vector section of the Tools panel.

2.

Position the cross-hair pointer in the rounded rectangle you created 
earlier and drag downward and to the right to create a horizontal 
rectangle for the copy area.

You can draw the rectangle anywhere on the canvas. You’ll resize and 
position it later.

When you release the mouse button, a rectangle appears, selected, in 
the area you defined.

NO

TE

The Y position is only an approximation. You can use the arrow keys to 
nudge the rounded rectangle up or down until it is centered vertically with 
the rounded rectangle you drew earlier. The difference in height between 
the two objects is 45 pixels, so the top of the orange rectangle should be 
22 or 23 pixels below the top of the dark red rounded rectangle.

000_ExploringStudio.book  Page 152  Tuesday, August 30, 2005  9:30 AM