Animate a changing effect

You can animate the properties of an effect. For example, you could animate the Direction of a drop shadow so that it moves in a circle behind the object.

You could make this animation run under different conditions in your application. For example, you could add an effect to the template of a button, animate the effect in the scope of the template, and then configure the template to run the animation when a user clicks the button. For more information, see Controlling when your storyboard runs.

To animate the properties of an effect in a simple storyboard

  1. Apply an effect to an object in your project. For more information, see Apply, modify, or delete an effect.

  2. In the Objects and Timeline panel, open the storyboard in which you want to animate the effect, or click New Ee341440.5a0163ac-6809-4f4c-b9f2-82782c0ccad5(en-us,Expression.40).png to create a new storyboard.

  3. Move the timeline playhead Ee341440.5626c9eb-40bb-450a-9ca1-3678e5abe429(en-us,Expression.40).png to the 1-second mark.

    tip noteTip

    While a storyboard is open, any changes you make in your project will be recorded as keyframes Ee341440.fa3c696d-5463-4000-8a6b-650fe6759bf7(en-us,Expression.40).png at the location of the timeline playhead. You can always move keyframes after they are created, and also copy, paste, or delete them. For more information, see Paste or move a keyframe and Delete a keyframe.

  4. Do one of the following:

    • In the Objects and Timeline panel, expand an object that has an effect applied to it, and then select the effect.

      The Properties panel displays only the Miscellaneous category, listing the properties of the effect.

    • On the artboard or in the Objects and Timeline panel, select the object to which an effect is applied.

      Under the Appearance category of the Properties panel, click Expand Ee341440.6375953d-074c-421a-bbb3-6f5055b67b64(en-us,Expression.40).png next to the Effect property to display its properties.

  5. Enter new values for the effect and view the changes on the artboard. For example, to make a drop shadow move in a circle behind the object, add or subtract 360 from the value of the Direction property.

  6. To test your animation, press Play Ee341440.64ad8e84-1eec-4154-9d0c-11fef322c0bf(en-us,Expression.40).png above the timeline.

See also

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.