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

Create animations using the Timeline

Last updated 6/15/2014

4 When the color picker appears, choose a dark blue color to represent deep space. If in doubt, try R=30 G=45 B=90

A=100 for this project. Animate uses Adobe’s standard method for choosing numbers. When you see a highlighted

number, that means you can either click and then type in a number, or you can click and drag to “scrub” in a number.

Drag right to increase the number, left to decrease.

5 Still in the Stage properties panel, change the Overflow to hidden. The Overflow property controls the visibility of

items when they are viewed in a web browser. On a web page, the stage may represent just a portion of the entire

web page. You can control the visibility of elements outside of the stage's rectangle. Change this property to hidden

when you don't want to see elements that are offstage.

6 Choose File?Import. Using the Import window that appears, find and select an image, like a planet earth, for

example. Click Open to import the image into your project.

After you import a file to your Animate project, it is listed in the Elements window and is displayed on the stage. It’s

omatically selected, so you see the properties for the newly imported element in the Properties window. The

“planet_earth” has visibility properties at the top of the panel. Right below are Position and Size properties. Below

those, you see the Transform properties that let you rotate, skew, and scale elements. Below that, the source file is

listed—a handy point to keep in mind when you’re trying to remember, “What the heck was the name of that file

anyway?”

7 In the Properties panel, click the ID box at the very top and change planet_earth to World.

As Animate imports graphics, it names them using the file name. In some cases, that may be fine, but often you’ll

wan

t to rename the element inside of Animate. Keep in mind this doesn’t change the filename of your graphic. The

ID World is used when you’re working in Animate. IDs serve an important function in HTML code, as you’ll learn

later in this book. Notice that in the Elements panel your World appears with its new name. Because it’s on the stage,

World also appears in the timeline.

8 In the timeline, make sure the playhead is at 0:00. If you haven’t made any timeline changes since you created this

project, the playhead is at 0:00, marking the first moment or frame of the animation, as shown in Figure 17. If you

need to move the playhead, drag the gold-colored, bottom part of the playhead. The top part is called the pin. It

should follow automatically.

You’ll learn more about the two-part playhead in the following steps.

9 Drag the World past the bottom of the stage. As mentioned in step 5, you can control whether offstage items are

displayed on the web page. With Overflow set to hidden, when you're in the Animate workspace, offstage elements

appear a little darker than usual. When the final project is viewed in a browser, these elements will be hidden.

1 2 ... 35 36 37 38 39 40 41 42 43 44 45 ... 137 138

Sin comentarios

EDOBE XDOM EM Manual de usuario Pagina 40