EDOBE XDOM EM Manual do Utilizador descarregar pdf (Página 51)

Create animations using the Timeline

Last updated 6/15/2014

Rounded Rectangles: More than Meets the Eye

OK, Animate pulls a fast one when it comes to the Rectangle, Rounded Rectangle, and Ellipse tools. The dirty little

secret is that you can create all these shapes using the Rectangle tool and tweaking the properties. The reasons for this

quirk have to do with the fact that JavaScript code is defining these shapes. You can check this by creating a shape with

each tool and examining their properties. You can turn a rectangle into a rounded rectangle simply by adjusting the

Corners?Radius properties, as shown in Figure 26. Likewise, you can square off a rounded rectangle using the same

tools. So here’s a look at how they work.

In a new Animate project, create a rectangle and leave it selected. Choose the Transform Tool (Q), then with the mouse,

r over the keyframe diamond in the rounded rectangle properties, and the tooltip explains that it will “Add

Keyframe for Border Radii.” The three buttons at the top of the panel are labeled 1, 4, and 8. Below, you see a square

made up of buttons where you can individually select the four corners of a rectangle. There’s a number next to the

corner buttons that’s initially set to 0. A corner radius of zero means your rectangle has nice, sharp-edged corners. Click

on the number and drag to the right to round off the corners. The number box accepts only positive numbers, so you

can’t drag left. Notice that as you drag, the black diamonds at the corners of your rectangle move to the center. These

diamonds are control points for the corner radii. You can manually drag the diamonds on any rectangle to create and

adjust rounded corners.

Reset your rectangle so that it’s square, and then click the upper-right corner in the Properties panel. Change the radius

set

tin

g and this time, you notice that the upper-right corner remains square while the others take on the rounded style.

When a corner button is pressed in, that deselects the corner from the rounded settings.

Reset the rectangle once more and click the upper-right corner so it pops back out. Then click the 4 button at the top

f t

he corner properties. Four new number boxes appear next to each corner. Now you can set each corner

independently with different radius values. This gives you the ability to create irregular shapes even though, technically,

they still have four corners. Combine this with the skewing and scaling properties, and you can create some really

interesting amoeba effects. Click the 8 button, and each corner has two control numbers. This gives you the ability to

move the control point off center, making a corner that is flatter on one side compared to the other. Notice that when

you adjust the settings, the black diamond control point moves, too. You can always adjust your corners using either

the number boxes or the control points in the rectangle.

A Circle Is a Very Rounded Rectangle

You can experiment with the Corners?Radius properties by turning Rectangles into ovals and circles. For example, here

are the steps to turn a square into a circle:

1 Click the Rectangle tool and, while holding the Shift key, drag out a box. Holding the Shift key down constrains the

rectangle so that all sides are equal.

2 In the Corners properties, click the 1 button. With this setting, all the corners share the same corner radius value.

3 Click and drag the border radius number box until the square turns into a circle, as shown in Figure 27.

1 2 ... 46 47 48 49 50 51 52 53 54 55 56 ... 137 138

Sem comentários

EDOBE XDOM EM Manual do Utilizador Página 51