12. Repeat steps 8??“11 for each skin state that you want to modify. Remember to keep the naming
consistent.
Once we have the symbols created for each of the states that we are planning on changing, we can
export our symbols. Instead of saving each as an image, Illustrator allows us to keep things more
organized by exporting all of the symbols as one SWF file.
107
FLEX WITH PHOTOSHOP AND ILLUSTRATOR
13. Select File ?¤ Export.
14. Select Flash (swf) from the Format pop-up list (Figure 5-30), and then click the Export button.
Figure 5-30. Choose the SWF format.
15. Use the default settings for the SWF (Figure 5-31). Click OK.
108
CHAPTER 5
Figure 5-31. Export settings
109
FLEX WITH PHOTOSHOP AND ILLUSTRATOR
Importing the Illustrator skins into Flex Builder
In Flex Builder, we can now import the skins as we did the Photoshop images.
16. Select File ?¤ Import in Flex Builder.
17. In the Import dialog box, select Skin Artwork, then click Next (Figure 5-32).
Figure 5-32. Select Skin Artwork from the list.
110
CHAPTER 5
18. In the Import Skin Artwork dialog box (Figure 5-33), click the SWC or SWF file radio button under
Import skins from, and browse to your ComboBoxSkins.swf file. Then, click Next.
Figure 5-33. Import Skin Artwork
Once again you can see the symbols that we created are being recognized and linked to the appropriate
component skin (Figure 5-34).
19. Click Finish.
111
FLEX WITH PHOTOSHOP AND ILLUSTRATOR
The CSS that Flex Builder creates to link these symbols is similar to the CSS created for our Photoshop
images, but it lists the name of the SWF and the symbol name.
Pages:
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89