Game Development Reference
4. Draw a rectangle on the stage. Make sure that the rectangle is roughly centered over the
crosshairs that indicate the center point of the symbol.
5. You want the button to be an appropriate size for the storybook pages. Double-click the but-
ton to completely select both the inside fill and outside stroke. (If you single-click it, only the
fill will be selected.) Have a look at the Properties panel. To the left of the W label is a button
that looks like a chain link. When the chain is unbroken, it means that Flash will proportion-
ately resize the selected object if you change its height or width value. So if you change the
height value, its width will automatically update to compensate and prevent the object from
becoming distorted. If the chain is broken, you can set the values for height and width indi-
vidually. You want to give the rectangle a specific width and height, so click the chain button to
display its broken state if isn't that way already.
6. In the Properties panel, give the rectangle a width ( W ) of 130 and a height ( H ) of 40 . Figure 2-50
shows how the rectangle might now look.
Figure 2-50. Size the rectangle and make sure it's centered on the stage.
7. You can now fine-tune the gradient fill. Select the Gradient Transform tool. (The Gradient
Transform tool shares a button menu with the Free Transform tool, so hold the left mouse but-
ton down over the Free Transform tool button to reveal it.)
8. Click the rectangle's center fill with the Gradient Transform tool. Three new handles will appear,
represented by icons that you can drag to change the gradient:
A circular arrow at the top-right corner of the fill. Drag this arrow to rotate the gradient.
A right-pointing arrow on the fill's right edge. Drag this arrow to expand the size of the
A white dot in the center of the fill. Drag this dot to change the gradient's center point.