EDOBE XDOM EM Manual de usuario descargar pdf (Pagina 49)

Create animations using the Timeline

Last updated 6/15/2014

11 Create two more skewed rectangles, naming and coloring them Blue and Yellow. Position the rectangles on

alternating sides of the stage. The blue color is #0000ff, and yellow color is #ffff00. When you’re done positioning

the rectangles, the stage should look like Figure 23.

Animating by Adding Property Keyframes

Now that you’ve successfully created and positioned the color bars, it’s time to make them move. Chapter 1 showed how

the position of elements on the stage is controlled by property keyframes in the timeline. When the Auto-Keyframe

Mode button is pressed, as shown in Figure 23, new property keyframes are created whenever you set or change a

property. You can also create property keyframes manually by clicking the diamond-shaped buttons in the Properties

panel. You want to lock in the Position, Size, and Opacity properties at the beginning of your animation by creating

property keyframes. Then you’ll move down the timeline and create different property keyframes. The result will be

animation magic.

1 Make sure the timeline’s playhead is at 0:00. Select the parallelogram named Red; then in the Properties panel, click

the diamond-shaped buttons next to X, Y, W, H, and Opacity.

The X and Y properties are in the Position and Size subpanel. They control the position. The W and H buttons create

keyf

rames for width and height. The Opacity slider is near the top of the Properties panel. The diamond buttons add

property keyframes and individual property layers in the timeline as you can see in Figure 24. Property keyframes

anchor a specific property value at a specific point in time. In the timeline, you should see property keyframes and

property layers for:

• Left

• Top

• Width

• Height

• Opacity

If you don’t see all those keyframes and property timelines under Red, you should create them manually by clicking

the diam

ond button next to the missing property.

2 Repeat step 1 for the Green, Blue, and Yellow color bars to create the property keyframes and property layers for

each. To speed things up, you can select all three bars first and then click the keyframe buttons.

3 Make sure the Auto-Keyframe Mode and Auto-Transition Mode are on (pressed in) and the other buttons are not.

When Auto-Keyframe is on, Animate automatically creates property keyframes as you change elements on the stage.

It’s a two-step process. Move the playhead to a point in time and then change your element’s properties. You can

make changes in the Properties panel or you can make changes on the stage with the Selection and Transform tools.

4 In the timeline, drag the playhead to the 0:02 position. For this step, the pin should be toggled off (not pressed in).

1 2 ... 44 45 46 47 48 49 50 51 52 53 54 ... 137 138

Sin comentarios

EDOBE XDOM EM Manual de usuario Pagina 49