- Getting started
- About animation
- Understanding the project file
- Animating position
- Changing the pacing and timing
- Animating transparency
- Animating filters
- Animating transformations
- Editing multiple frames
- Changing the path of the motion
- Swapping tween targets
- Creating nested animations
- Easing
- Frame-by-frame animation
- Animating 3D motion
- Exporting your final movie
- Review questions
- Review answers
This chapter is from the book
This chapter is from the book
This chapter is from the book
Animating transparency
In the previous lesson, you learned how to change the color effect of any symbol instance to change the transparency, tint, or brightness. You can change the color effect of an instance in one keyframe and change the value of the color effect in another keyframe, and Animate will automatically display a smooth change, just as it does with changes in position.
You’ll change the cityscape in the beginning keyframe to be totally transparent but keep the cityscape in the ending keyframe opaque. Animate will create a smooth fade-in effect.
Move the playhead to the first keyframe of the motion tween (frame 10).
Select the cityscape instance on the Stage.
In the Color Effects section of the Properties panel, choose Alpha from the Style menu.
Set the Alpha value to 0%.
The cityscape instance on the Stage becomes totally transparent, but you can still see the blue bounding box around it.
Move the playhead to the last keyframe of the motion tween (frame 40).
Make sure that the cityscape instance on the Stage is still selected.
In the Properties panel, in the Color Effects section, set the Alpha value to 100%.
The cityscape instance on the Stage becomes totally opaque.
Preview the effect by choosing Control > Play (or pressing Return/Enter).
Animate interpolates the changes in both position and transparency between the two keyframes.
)
)
)
)