
43
Create animations using the Timeline
Last updated 6/15/2014
Rulers and Manual Guides
The stage includes rulers that help you place elements with precision. You can show and hide the rulers using the View
menu (View?Rulers) or with the shortcut key: Ctrl+R (Command-R). The rulers extend beyond the edges of the stage,
but there are markers that indicate the stage’s current size. For help with alignment chores, create guides by clicking on
either the horizontal or vertical ruler and dragging toward the stage. Your guide follows and stays in place when you
release the mouse button. If that’s not the perfect spot, you can drag your guide to a new location. When you no longer
want a guide, you can remove it by dragging it back to the ruler. To avoid inadvertently selecting and moving a guide,
use the View?Lock Guides command.
This locks them in place until you use View?Unlock Guides to
fr
ee them again. For quick help with alignment work,
turn on Snap to Guides (View?Snap to Guides).
You can drag multiple guides onto the stage for various alignment duties and you can show and hide all the guides at
once usi
ng the View?Guides command (Ctrl+; or Command-;).
Arranging Elements: Z-Order
In addition to horizontal and vertical position, there’s another way you can arrange objects on your stage. As you create
elements, you may notice that new elements appear to be in front of the older elements, and if you drag a new element
to the same X/Y position on the stage, it hides an older one. If you’re familiar with Photoshop, you might think of this
positioning as “layers.” In geek-speak, it’s often referred to as the Z-layer or the Z-order, because this third dimension
is known as the Z axis.
You can examine the Z-order of the elements on the stage by simply looking at the Elements panel. Elements at the top
o
f t
he list are closer to the front. If you want to change the order, just drag an element to a new position in the panel.
Animate also gives you menu commands and shortcut keys to rearrange elements:
• Modify?Arrange?Bring to Front (Ctrl+Shift+] or Shift-Command-])
• Modify?Arrange?Bring Forward (Ctrl+] or Command -])
• Modify?Arrange?Send Backward (Ctrl+[ or Command -[)
• Modify?Arrange?Send to Back (Ctrl+Shift+[ or Shift- Command -[)
A Rectangular Animation
Roll up your sleeves. Enough theory, it’s time for some animation. In this exercise, you create four rectangles. You give
them names, apply color, and skew them.
Then you position them on the stage and make them move, change shape, and then appear to dissolve. It’s the sort of
effe
ct that might be part of a banner ad or the introduction to a more complex animation.
This exercise is divided into two parts. In the first set of steps, you create and position the color bars:
1 Open and save a new Animate project with the name Color_Bars. Don’t forget to create a new folder for your
project.
2 Set the stage color to white and the dimensions to W=550 px and H=400 px. Animate remembers the last stage
settings you used. So if you followed previous exercises or experimented on your own, you may need to make these
changes.
Comentarios a estos manuales