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
Apply an effect to an object in your project. For more information, see Apply, modify, or delete an effect.
In the Objects and Timeline panel, open the storyboard in which you want to animate the effect, or click New
.png "Ee341440.5a0163ac-6809-4f4c-b9f2-82782c0ccad5(en-us,Expression.30).png")
to create a new storyboard.Move the timeline playhead
.png "Ee341440.5626c9eb-40bb-450a-9ca1-3678e5abe429(en-us,Expression.30).png")
to the 1-second mark.Tip
While a storyboard is open, any changes you make in your project will be recorded as keyframes
.png "Ee341440.fa3c696d-5463-4000-8a6b-650fe6759bf7(en-us,Expression.30).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.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
.png "Ee341440.6375953d-074c-421a-bbb3-6f5055b67b64(en-us,Expression.30).png")
next to the Effect property to display its properties.
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.
To test your animation, press Play
.png "Ee341440.64ad8e84-1eec-4154-9d0c-11fef322c0bf(en-us,Expression.30).png")
above the timeline.
See also
Tasks
Apply, modify, or delete an effect