If you want to change the properties of the symbol later, you can open the
properties by clicking the middle icon at the bottom of the Symbols panel between the Break Link to
Symbol icon and the New Symbol icon.
Figure 5-24. Naming our symbol
4. Use the same naming convention to name the symbol that we used for the Photoshop images
(ComboBox_upSkin) and make sure that Enable Guides for 9-Slice Scaling is checked.
5. Double-click on the symbol so that you can modify the symbol, and most importantly, the
Scale 9 guides.
105
FLEX WITH PHOTOSHOP AND ILLUSTRATOR
6. Use the arrow to adjust the position of the Scale 9 guides (Figure 5-25).
Figure 5-25. Adjust guides for 9-slice scaling
7. Now that you have established the Scale 9 guides, you can
leave symbol-editing mode by clicking the arrow shown
in Figure 5-26.
8. Create a duplicate of this symbol inside the symbol library
by choosing Duplicate Symbol from the drop-down at the
right of the Symbols palette (Figure 5-27).
Figure 5-26. Leaving symbolediting
mode
Figure 5-27. Choose Duplicate Symbol.
106
CHAPTER 5
9. Change the name of the symbol so that it represents the down skin state (Figure 5-28).
Figure 5-28. Use the Symbol Options dialog box to change the name.
10. Modify the symbol by double-clicking on it and adding some lines so that it has the look that
you want when a user clicks on the ComboBox (Figure 5-29).
Figure 5-29. Down state look
11. Bring an instance of this new symbol onto the canvas.
Pages:
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88