Feel free to experiment on the changes in these remaining states.
When we bring this Flash file into Flex, we will be able to use these images as the button skins for our
project. Note that the type that goes on the button is not included within these skins. The typography
is controlled through CSS once we are in Flex, as you saw in Chapter 2.
Adding animation
Since Flash is such a great animation tool, we can also use it to add animation to the button states.
First let??™s create the animation for our transitions.
11. Select all of the frames in the up, over, and down states of the art layer. With these selected, in
the Properties panel choose Shape from the Tween drop-down list (Figure 6-7).
Figure 6-7. Setting the tween for the up, over, and down states of the button
This will create an animation that transitions from the up state to the over state to the down state that
we created. Press Enter/Return to see the animations. Notice that the reversing of the gradient creates
an interesting Flash effect on the button as it transitions from one state to the next.
120
CHAPTER 6
The template file is already set up to make this easy for us to accomplish. Notice the layer above the
art layer called transitions. This layer has two keyframes for each button state. For the up state, the
keyframes are named up-over:start and up-over:end. These frames tell Flex which transition animation
you want to create between the button states.
12. Drag the up-over:start keyframe to the start of the up state animation (Keyframe 1).
Pages:
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95