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

Create animations using the Timeline

Last updated 6/15/2014

Click “Add Keyframe for Y” to add new location keyframes. Drag the playhead to 1.75 and then move BOUNCE up

near the middle of the stage. Move the playhead to 2.25 and then move BOUNCE back over the template. You can create

a few more bounces using a shorter period for the motion—half a second, then a quarter second. With each bounce up,

shorten the distance.

When you get tired of a straight up-and-down bounce, you can always add a little rotation to the movement, making it

ok like

the word is bouncing back and forth off of the lower corners. If you reduce the vertical scale property when

the text hits the ground, you can create a cartoon-like smooshing action, as if the text were compressing on impact with

the ground.

Using Animate’s Prebuilt Bounce

First, a little background about transitions and the concept of easing. When you animate an element on the stage, by

changing properties and creating keyframe properties in the timeline, you create transitions. Those transitions are

shown visually as bars in the timeline. Like the elements on the stage, transitions have properties, too. One of the

properties is called Easing. In the real world, when objects move, they accelerate and decelerate. You never see a car

begin to move at full speed or come to a stop instantly. The Easing properties help you create more realistic movement

by automatically controlling an element’s transition. It just so happens that one of the easing options helps you to create

a bouncing motion.

Here are some steps to explore transition properties:

1 Drag the playhead to 0:01, and then drag BOUNCE down so that it covers BounceTemplate. Animate creates a

transition in the timeline.

2 In the timeline, click the transition lane next to BOUNCE. The transition in the timeline is highlighted.

3 At the top of the timeline, click the Easing button. The easing panel appears above the timeline. Initially, the tooltip

for this button says Easing: Linear, because that is the easing method that’s applied. With linear easing, the transition

is applied at a steady rate from beginning to end.

4 On left side of the Easing panel, click Ease Out. Then, on the right, click Bounce, as shown in Figure 15. When you

click Ease out, the panel displays a number of Ease Out methods. The graph gives you a visual representation of the

easing method.

1 2 ... 33 34 35 36 37 38 39 40 41 42 43 ... 137 138

Sem comentários

EDOBE XDOM EM Manual do Utilizador Página 38