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.