Welcome!

Adobe Flex Authors: Liz McMillan, RealWire News Distribution, Maureen O'Gara, Yakov Fain, Keith Swenson

Related Topics: Adobe Flex

Adobe Flex: Article

Flash Animation Learning Guide (Part I)

Flash Basic 8 and Flash Professional 8 offer several ways to include animation and special effects in your document

To open the custom easing dialog box:

  1. Create a motion tween, as described in the first example in this section.
  2. Click any frame in the tween's frame span and select Motion from the Tween pop-up menu in the Property inspector (Window > Properties).
  3. Click the Edit button (next to Ease) in the Property inspector to open the Custom Ease In/Ease Out dialog box.
The dialog box provides the following additional controls:
  • Use One Setting for All Properties check box: The default value for this is selected, which means that the displayed curve is used for all properties and the Properties pop-up menu is disabled. When the check box is not selected, the Properties pop-up menu is enabled and each property has a separate curve defining the velocity of that property.
  • Property pop-up menu: This menu is enabled only when the Use One Setting for All Properties check box is not selected. When enabled, a separate curve is maintained for each of the five properties appearing in the menu. Selecting a property in the menu displays the curve for that property. The properties are as follows:
  • Position: Specifies custom ease settings for the position of an animated object on the Stage.
  • Rotation: Specifies custom ease settings for the rotation of an animated object. For example, you can fine-tune how quickly or slowly an animated character turns around to face the user on the Stage.
  • Scale: Specifies custom ease settings for the scale of an animated object. For example, you can customize the scale of an object more easily so it appears to be moving away from the viewer, then coming closer, and then moving away again.
  • Color: Specifies custom ease settings for color transitions applied to an animated object.
  • Filters: Specifies custom ease settings for filters applied to an animated object. For example, you can control the ease setting of a drop shadow that simulates a change in the direction of a light source.
  • Play and Stop buttons: These buttons enable you to preview an animation on the Stage using all the current velocity curves defined in the Custom Ease In/Ease Out dialog box.
  • Reset button: This button enables you to reset the velocity curve to the default, linear state.
  • Position of the selected control point: In the lower-right corner of the dialog box, a numeric value displays the keyframe and position of the selected control point. If no control point is selected, no value appears.
To add a control point to the line, click the diagonal line once. This adds a new control point to the line. By dragging the positions of the control points, you can achieve a precise degree of control over the motion of an object.

Using frame indicators (represented by square handles), you click where you want an object to slow down or speed up. Clicking the handle of a control point (the square handles) selects that control point and displays the tangent points on either side of it. Tangent points are represented by hollow circles. You can drag the control point or its tangent points with the mouse or you can position them using the keyboard's arrow keys.

Tip: By default, the control points snap to a grid. You can turn off snapping by pressing the X key while dragging the control point.

Clicking an area of the curve away from any control points adds a new control point to the curve at that point without changing the shape of the curve. Clicking away from the curve and control points deselects the control point that is currently selected.

­ Part 2 is in the next issue (MXDJ 3-12)

More Stories By Jen deHaan

Jen deHaan, a rather awkward and uncool Canadian, likes robots and pirates (as well as robotic pirates). Jen works on documentation at Macromedia in San Francisco. She also maintains a blog at weblogs.macromedia.com/dehaan and believes that _root and low-carb diets are unusually evil.

More Stories By Chris Georgenes

Chris Georgenes is a full-time freelance artist, animator, and all-around designer for the web, CD-ROM, and television. His clients include Pileated Pictures, LucasArts, Universal Records, Plot Developers, and AOL, among others. He maintains www.mudbubble.com as his online portfolio and www.keyframer.com as his Flash tutorial website. Chris is also a member of Team Macromedia.

Comments (3) View Comments

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


Most Recent Comments
Debi 02/07/06 09:02:08 PM EST

I have an image of fake fire that I need to make flicker....do you know of an easy way to do this? (I'm just learning Flash) A tutorial maybe?? I will go thru this and the Part II to see if I can glean some much needed knowledge....but something more specific would be good.

Thanks,

Debi

SYS-CON Australia News Desk 01/08/06 04:38:34 PM EST

Adobe Flash Basic 8 and Flash Professional 8 offer several ways to include animation and special effects in your document. For example, you can create tweened animations using the Timeline and Flash workspace, automated Timeline effects (by making selections in a dialog box), or ActionScript code.

SYS-CON Australia News Desk 01/08/06 04:35:03 PM EST

Adobe Flash Basic 8 and Flash Professional 8 offer several ways to include animation and special effects in your document. For example, you can create tweened animations using the Timeline and Flash workspace, automated Timeline effects (by making selections in a dialog box), or ActionScript code.