Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online

    Free Trial

    Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


    • Create BookmarkCreate Bookmark
    • Create Note or TagCreate Note or Tag
    • DownloadDownload
    • PrintPrint
    Share this Page URL
    Help

    Chapter 11. Animation with Motion Tweening > Animating Other Property Changes

    Animating Other Property Changes

    You can use the Motion Editor to add property keyframes for all the properties that you can animate with motion tweens. The process is similar to adding property keyframes for Stage position. The specific settings and graphs are different. In the following tasks, you’ll create some basic property keyframes to animate changes in size, rotation, and color.

    To rotate the tween target:

    1.
    Using the MovingStarMaster template you created in the preceding task, open a new document, select the tween span, and access the Basic Motion section of the Motion Editor.

    If necessary, click the triangle to the left of the category name to view its graphs.

    2.
    Position the Motion Editor’s playhead in Frame 5.

    3.
    Use the Rotation Z hot text to enter the degree of rotation.

    For this task, enter 90 degrees. Positive values create clockwise rotation; negative values, counterclockwise.

    Flash adds a property keyframe to the Rotation Z graph and updates the curve .

    You can use the Rotation Z hot text in the Motion Editor to add a bit of spin to the tween target.

    Manipulating Tween Targets to Add Property Keyframes

    In Chapter 9, you placed symbol instances in keyframes on either end of a keyframe span to create a classic tween. You then changed the properties of the symbols by manipulating the symbol instances directly—for example, using the free-transform tool to change a symbol’s size. You can also use those techniques in motion tweening. Whenever you manipulate a tween target on the Stage, Flash translates your changes into property keyframes. You saw Flash add position keyframes to the Timeline when you created the bouncing ball earlier in this chapter. The technique works for any property that you can tween in a motion tween. Flash creates property keyframes in both the Timeline and the Motion Editor in response to your changes to the Tween target on the Stage. For example, open a new document using the DownBounceMaster template. Position the playhead at Frame 7. Using the free-transform tool, change the size of the tween target (MyBall). Flash adds a scale keyframe to Frame 7 in the Timeline and adds a property keyframe to Frame 7 of the property curves for Scale X and/or Scale Y in the Motion Editor.


    4.
    Scrub through the animation by moving the playhead one frame at a time.

    The star rotates 90 degrees in five steps (Frames 1–5) . It retains its rotated position for the rest of the tween.

    Onion skinning reveals that the tween target rotates in five steps when you add a property keyframe at Frame 5 of the Rotation curve in the Motion Editor.

    5.
    Save this document as a template, name it RotateStarMaster.


      

    You are currently reading a PREVIEW of this book.

                                                                                            

    Get instant access to over
    $1 million worth of books and videos.

      

    Start a Free Trial


      
    • Safari Books Online
    • Create BookmarkCreate Bookmark
    • Create Note or TagCreate Note or Tag
    • DownloadDownload
    • PrintPrint