Open the Color panel (Figure 6-11).
122
CHAPTER 6
Figure 6-11. Panel background selected with Color panel open
17. Select Bitmap from the Type drop-down in the Color panel. The image that you imported into
the library will appear as one of the swatches at the bottom of the Color panel (Figure 6-12).
Select that swatch.
Figure 6-12. Importing an image into the Library in Flash
123
FLEX BUILDER AND FLASH
18. With the Color panel still open, select the content area layer and decrease the Alpha setting so
that the background is more visible (Figure 6-13).
Figure 6-13. Content area with decreased Alpha value
Going from Flash to Flex
Once you have modified the skins of the Flex
components in Flash, you can publish the file.
19. Save the Flash file as Skins.fla and
publish the Flash file (File ?¤ Publish).
Publishing the file creates two files:
flex_skins.swf and flex_skins.swc. The
SWC file format is an archive file that Flex
can open to access the skins that we created.
20. If it is not yet open, open Flex Builder
and create a new project (File ?¤ New
?¤ Flex Project) called FlashSkins.
21. Import the skins into Flex by selecting
File ?¤ Import ?¤ Skin Artwork
(Figure 6-14).
Figure 6-14. Importing skin artwork created in Flash into
Flex
124
CHAPTER 6
22. In the Import Skin Artwork dialog box, under Import skins from:, select SWC or SWF file: and
browse to find the flex_skins.swc file that we created earlier (Figure 6-15). Click Next.
Figure 6-15.
Pages:
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97