EDOBE XDOM EM Bedienungsanleitung PDF herunterladen (Seite 42)

Create animations using the Timeline

Last updated 6/15/2014

17 Move the playhead back to 0:00, and then in the toolbar, click the letter T. The text tool is selected, and the cursor

changes to a cross.

18 Click on the stage and type Hello World. When you're done, close the text window by pressing ESC or clicking the

X button in the upper-right corner. The words “Hello World” appear on the stage, but they’re probably not

positioned or formatted as you want.

19 In the Properties window, set the ID for the text box to HelloWorld. Naming your text makes it easier to identify in

the timeline and the Elements panel. Animate doesn’t permit space in names, so you need to use HelloWorld or

Hello_World.

20 Using the Properties panel, format the text. Change the text color to white or a very light blue. Choose Arial Black

or another bold font. Adjust the size so it nearly fills the screen (72 px works well with Arial Black). Animate notes

each change to the text in the timeline, adding property layers and creating keyframes.

21 Position the text. If you’re not sure about the placement, try it centered horizontally and about a third of the way

down the stage.

22 With the playhead still at 0:00, set the opacity to 0. The Opacity slider is at the top of the Properties panel. This means

the text will not be visible at the beginning of the animation. Only the selection box shows and that will disappear

as soon as you click something else. Don’t worry, though—you can select any element, whether it’s visible or not, by

clicking its name in the Elements panel.

23 Make sure Toggle Pin is turned off. When Toggle Pin is off, the button doesn’t appear pushed in and the pin moves

with the playhead.

24 Drag the playhead to 0:02. With the text selected, click the diamond next to Opacity in the Properties panel. As you

drag the playhead, you see the World move on the stage. Filmmakers and animators refer to dragging the playhead

as scrubbing, a quick and easy way to review a segment of your animation. Clicking the Opacity diamond creates a

keyframe at the 2-second mark where the text is still invisible.

25 Turn Toggle Pin back on, then drag the playhead to the 0:03 mark. With the pin at 0:02 and the playhead at 0:03,

you’re ready to create another transition.

26 With the HelloWorld text box selected, set its opacity to 100. Animate creates a transition so that the text gradually

changes from 0 to 100 percent opacity between 0:02 and 0:03 in your animation.

27 Drag the pin to the 0:03 mark, then drag the playhead to 0:04. Set the opacity back to 0. The text disappears again.

28 Press Ctrl+S (Command-S) to save your work.

As explained earlier, Animate saves your animation as a collection of HTML and JavaScript files. The main HTML

file us

es the name you provided in step 2, when you first saved your project. So, for example, you may see

Hello_World .html in the project folder. When you imported the planet_earth.png image, Animate created an

images folder and placed a copy of the graphic in the folder. Your simple animation is complete. You can preview it

in Animate by pressing Home and then the space bar. The earth rises into view, and your message fades in and then

fades out (Figure 19). The entire animation takes 4 seconds.

1 2 ... 37 38 39 40 41 42 43 44 45 46 47 ... 137 138

Keine Kommentare

EDOBE XDOM EM Bedienungsanleitung Seite 42