84
CHAPTER 4
You can layer a variety of Photoshop Live Effects on top of each other, but for this example let??™s just
add an inside shadow.
18. Add an inner shadow effect to your images, as shown in Figure 4-21.
Figure 4-21. Choose Inner Shadow in Photoshop Live Effects.
19. Adjust the scale and alignment of your elements until they are in the final location that you
want for the layout (see Figure 4-22).
Figure 4-22. Our final layout in Fireworks
85
FLEX AND FIREWORKS
Bringing the layout into Flex Builder
To bring the layout into Flex Builder, you need to create a project for it. Without shutting down
Fireworks, you??™ll open Flex Builder and create a new Flex project.
20. Create a new project in Flex Builder named Chapter4 (see Figure 4-23).
Note the location where the project will be created. This is the location where you??™ll need to save the
Fireworks layout.
Figure 4-23. Creating a new project in Flex
21. Jumping back to Fireworks, export the document by choosing File ?¤ Export.
Fireworks exports to a variety of formats. The interesting thing is that it can export the images along
with the MXML for all components. You can then place these files in the Chapter4 folder that Flex
86
CHAPTER 4
Builder created for the new Flex project. You can also place the images that you used into their own
images folder to keep the file structure neat.
22. In Fireworks, name the file fireworksLayout and save it in the folder created by Flex Builder for
the Chapter4 Flex project (see Figure 4-24).
Pages:
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77