Foundation Flash CS4 for Designers- P18: I can remember the day as clear as if it were just yesterday. I was walking by my boss’s office late one winter afternoon at the college where I teach, and he called me into his office. Sitting on his desk was a thin, white box with some sort of weird swirl on it. He slid the box across to me and asked, “You know anything about Flash?” | CHAPTER 11 3. Select an area in one of these layers and change the button s appearance perhaps like Figure 11-8 but the choice is yours. Make sure that the existing shapes or any new ones align to the upper left 0 0 of the symbol s registration point. Adjust the 9-slice guides as necessary. See in this chapter s Complete folder for an example with minor changes to the up and over skins. Figure 11-8. Adjust the existing shapes or create new ones. 4. Select Edit Edit Document to return to the main timeline. What the . . . In the authoring environment your button hasn t changed. Folks this is a fact of life with skins in Flash there is no preview mode for skinning. 5. Drag another copy of the Button component from the library to the stage. Test your movie to see that your alteration appears for both buttons as the new up skin in the published SWF. Click either button to verify that the remaining skins for example down function as before. To reskin a component completely every skin symbol must be edited or replaced. Styling components As you ve seen components are easy enough to customize even if a complete job takes some effort. You may have noticed an important omission however while poking around the skin symbols. Even though the Button component features a text label none of the skins contains a text field. What if you want a different font in there or at least a different color ActionScript to the rescue. Each component has its own list of styled elements. Many overlap but you can see the definitive list for each in the class entry for that component. For example find the Button class entry in the ActionScript Language and Components Reference then browse the Styles heading as shown in Figure 11-9. Don t forget to click the Show Inherited Styles hyperlink to see the full listing. Remember the Button class gives you details on the Button component the SimpleButton class gives you details on button symbols. Components that include text elements such
