Chapter Zero Web Graphics and the Fireworks Interface |
|
1 | (24) |
|
|
2 | (1) |
|
|
2 | (1) |
|
|
2 | (1) |
|
|
2 | (1) |
|
|
3 | (1) |
|
|
3 | (1) |
|
|
3 | (4) |
|
|
3 | (1) |
|
|
4 | (3) |
|
Fireworks MX 2004 interface |
|
|
7 | (8) |
|
|
7 | (3) |
|
|
10 | (1) |
|
|
10 | (1) |
|
Configuring the interface |
|
|
10 | (1) |
|
The context-sensitive Property inspector |
|
|
11 | (1) |
|
|
12 | (1) |
|
Changing the size of a document |
|
|
12 | (2) |
|
Changing the canvas color |
|
|
14 | (1) |
|
|
14 | (1) |
|
Exporting your first web graphic |
|
|
15 | (5) |
|
|
20 | (1) |
|
Using the Property inspector to manipulate basic objects |
|
|
21 | (2) |
|
|
23 | (2) |
Chapter One Creating Content: Fireworks Tools |
|
25 | (40) |
|
|
26 | (1) |
|
|
26 | (1) |
|
Drawing basic vector shapes |
|
|
27 | (7) |
|
|
29 | (2) |
|
Fine tuning the object's size and position |
|
|
31 | (1) |
|
|
31 | (1) |
|
|
32 | (1) |
|
|
32 | (1) |
|
|
32 | (1) |
|
|
33 | (1) |
|
|
33 | (1) |
|
|
33 | (1) |
|
|
34 | (2) |
|
|
34 | (2) |
|
|
36 | (1) |
|
|
37 | (4) |
|
|
37 | (1) |
|
|
38 | (1) |
|
|
38 | (1) |
|
|
39 | (1) |
|
|
40 | (1) |
|
|
41 | (1) |
|
|
41 | (1) |
|
|
41 | (1) |
|
|
41 | (2) |
|
|
43 | (14) |
|
|
43 | (1) |
|
|
44 | (6) |
|
|
50 | (1) |
|
|
51 | (6) |
|
|
57 | (6) |
|
|
58 | (1) |
|
|
59 | (1) |
|
|
59 | (1) |
|
|
60 | (1) |
|
|
61 | (1) |
|
|
62 | (1) |
|
|
63 | (1) |
|
|
63 | (2) |
Chapter Two Working with Color |
|
65 | (14) |
|
Understanding color modes |
|
|
66 | (2) |
|
Understanding color palettes |
|
|
68 | (1) |
|
Choosing a color to work with |
|
|
69 | (3) |
|
|
69 | (1) |
|
|
70 | (1) |
|
|
71 | (1) |
|
|
72 | (1) |
|
Customizing and saving the Swatches panel |
|
|
72 | (1) |
|
Finding and replacing colors |
|
|
73 | (1) |
|
|
73 | (4) |
|
|
73 | (3) |
|
More complex gradient fills |
|
|
76 | (1) |
|
|
77 | (2) |
Chapter Three Object Properties |
|
79 | (20) |
|
|
80 | (2) |
|
|
82 | (3) |
|
|
82 | (1) |
|
|
83 | (1) |
|
|
84 | (1) |
|
|
85 | (5) |
|
Rearranging objects on the canvas |
|
|
86 | (2) |
|
Aligning objects together |
|
|
88 | (1) |
|
|
89 | (1) |
|
|
89 | (1) |
|
|
90 | (2) |
|
|
92 | (3) |
|
|
95 | (3) |
|
|
95 | (2) |
|
|
97 | (1) |
|
Exporting and importing symbols |
|
|
97 | (1) |
|
|
98 | (1) |
Chapter Four Object Behavior: Interactivity |
|
99 | (26) |
|
|
100 | (4) |
|
|
100 | (1) |
|
|
101 | (3) |
|
|
104 | (1) |
|
|
104 | (6) |
|
|
105 | (4) |
|
|
109 | (1) |
|
|
110 | (1) |
|
|
110 | (4) |
|
|
111 | (1) |
|
|
112 | (2) |
|
Creating a simple rollover |
|
|
114 | (2) |
|
|
116 | (2) |
|
|
118 | (6) |
|
How to create pop-up menus |
|
|
118 | (6) |
|
|
124 | (1) |
Chapter Five Optimization and Exporting |
|
125 | (18) |
|
|
126 | (8) |
|
|
127 | (1) |
|
|
128 | (3) |
|
Optimizing with JPEG formats |
|
|
131 | (3) |
|
|
134 | (8) |
|
Exporting slices, images, and HTML |
|
|
135 | (1) |
|
Exporting frames and layers |
|
|
136 | (1) |
|
|
136 | (2) |
|
Optimize and Export Wizards |
|
|
138 | (2) |
|
|
140 | (1) |
|
|
140 | (1) |
|
|
140 | (1) |
|
|
141 | (1) |
|
|
141 | (1) |
|
|
142 | (1) |
Chapter Six Animation |
|
143 | (14) |
|
|
144 | (2) |
|
Producing a basic frame-by-frame animation |
|
|
144 | (2) |
|
|
146 | (2) |
|
|
146 | (1) |
|
Duplicating and distributing frames |
|
|
146 | (1) |
|
|
147 | (1) |
|
Using symbols to produce keyframe animation |
|
|
148 | (1) |
|
|
148 | (1) |
|
|
149 | (4) |
|
Exporting your animations |
|
|
153 | (3) |
|
|
156 | (1) |
Chapter Seven Working with Vectors |
|
157 | (20) |
|
|
158 | (6) |
|
Using the Union operation |
|
|
159 | (1) |
|
Auto Shapes Rounded Rectangle |
|
|
159 | (1) |
|
|
160 | (4) |
|
Make an L shape with a curve |
|
|
164 | (1) |
|
|
165 | (2) |
|
Making a decorative ornament |
|
|
167 | (7) |
|
Creating the small spheres with highlights |
|
|
167 | (2) |
|
|
169 | (1) |
|
Preparing all the spheres |
|
|
169 | (2) |
|
|
171 | (2) |
|
|
173 | (1) |
|
|
174 | (1) |
|
Using vector editing tools to make boring shapes interesting |
|
|
174 | (2) |
|
|
176 | (1) |
Chapter Eight Spectacular Text Effects |
|
177 | (26) |
|
Text tool and the Property inspector |
|
|
178 | (1) |
|
|
178 | (1) |
|
Converting text to a path |
|
|
179 | (6) |
|
Cutting text out of an image |
|
|
179 | (2) |
|
Placing text on a circular path |
|
|
181 | (3) |
|
Pasting an image inside text on a path |
|
|
184 | (1) |
|
|
185 | (2) |
|
|
187 | (4) |
|
Filling text with an image |
|
|
191 | (3) |
|
Filling only half of an image |
|
|
192 | (1) |
|
Filling a portion of an image with an uneven edge |
|
|
192 | (2) |
|
Gold text with custom bevel |
|
|
194 | (3) |
|
|
197 | (2) |
|
|
199 | (2) |
|
Producing clear small type |
|
|
201 | (1) |
|
Adding copyright and trademark symbols |
|
|
202 | (1) |
|
|
202 | (1) |
Chapter Nine Creating Interfaces |
|
203 | (34) |
|
|
204 | (4) |
|
Making the metal button a symbol |
|
|
207 | (1) |
|
|
208 | (4) |
|
Exporting the navigation bar |
|
|
210 | (2) |
|
|
212 | (5) |
|
|
212 | (1) |
|
|
212 | (4) |
|
Exporting the pop-up menu nav bar |
|
|
216 | (1) |
|
Creative interfaces and navigation |
|
|
217 | (5) |
|
|
217 | (3) |
|
|
220 | (2) |
|
|
222 | (4) |
|
Making disjointed rollovers |
|
|
223 | (3) |
|
|
226 | (9) |
|
|
226 | (5) |
|
|
231 | (4) |
|
|
235 | (2) |
Chapter Ten Extensibility and Automation |
|
237 | (22) |
|
|
238 | (5) |
|
Macromedia Extension Manager |
|
|
238 | (2) |
|
|
240 | (1) |
|
Downloading and installing an extension |
|
|
241 | (2) |
|
|
243 | (4) |
|
|
243 | (1) |
|
|
244 | (1) |
|
|
245 | (1) |
|
|
245 | (2) |
|
|
247 | (2) |
|
|
247 | (1) |
|
|
247 | (1) |
|
Data-Driven Graphics Wizard |
|
|
247 | (1) |
|
|
247 | (1) |
|
|
248 | (1) |
|
|
248 | (1) |
|
|
248 | (1) |
|
|
249 | (3) |
|
|
249 | (1) |
|
|
250 | (2) |
|
|
252 | (6) |
|
|
252 | (2) |
|
Installing third-party plugins |
|
|
254 | (1) |
|
|
254 | (2) |
|
Batch processing graphic files |
|
|
256 | (2) |
|
|
258 | (1) |
Chapter Eleven Retouching and Enhancing Color |
|
259 | (26) |
|
Using a scanner and digital camera |
|
|
260 | (4) |
|
|
260 | (1) |
|
|
261 | (1) |
|
|
261 | (1) |
|
Removing artifacts from a black and white scan |
|
|
262 | (1) |
|
Shooting with a digital camera |
|
|
263 | (1) |
|
Adjusting color levels with the histogram |
|
|
264 | (2) |
|
Setting highlights and shadows with the eyedropper |
|
|
265 | (1) |
|
Anti-aliasing and reducing colors |
|
|
266 | (1) |
|
Using effects to change colors |
|
|
267 | (1) |
|
Colorizing a grayscale image |
|
|
268 | (1) |
|
|
269 | (6) |
|
|
269 | (1) |
|
Removing unwanted objects from a photo |
|
|
270 | (1) |
|
|
271 | (1) |
|
|
272 | (1) |
|
Adjusting the image border |
|
|
273 | (1) |
|
Changing the shirt's color |
|
|
274 | (1) |
|
|
275 | (9) |
|
|
275 | (4) |
|
|
279 | (1) |
|
|
280 | (2) |
|
|
282 | (2) |
|
|
284 | (1) |
Hero One Web Page Layout with Fireworks and Dreamweaver |
|
285 | (28) |
|
Export as a web page from Fireworks |
|
|
286 | (5) |
|
|
287 | (1) |
|
|
288 | (1) |
|
|
289 | (2) |
|
Export for layout in Dreamweaver |
|
|
291 | (3) |
|
Export the navigation area |
|
|
291 | (1) |
|
Export the bottom images and rollovers |
|
|
292 | (1) |
|
New slices for stretchy table |
|
|
293 | (1) |
|
|
294 | (1) |
|
|
295 | (14) |
|
Define the local and remote site |
|
|
295 | (1) |
|
|
296 | (1) |
|
Open the site generated by Fireworks |
|
|
297 | (1) |
|
Laying out a web page in Dreamweaver |
|
|
297 | (5) |
|
Adding the table with corner images |
|
|
302 | (1) |
|
Using CSS to style the content table |
|
|
303 | (3) |
|
|
306 | (1) |
|
|
307 | (2) |
|
|
309 | (2) |
|
Check in/out site management |
|
|
311 | (1) |
|
|
312 | (1) |
Hero Two Media Player Interface |
|
313 | |
|
Making the center ellipse |
|
|
314 | (1) |
|
|
315 | (2) |
|
|
317 | (2) |
|
|
319 | (3) |
|
|
322 | (4) |
|
|
326 | (2) |
|
|
328 | (1) |
|
Making the shape for the buttons |
|
|
328 | (2) |
|
|
330 | (2) |
|
Import into Flash MX 2004 |
|
|
332 | (1) |
|
|
333 | (3) |
|
Button editing in Fireworks |
|
|
336 | (1) |
|
Loading an external movie |
|
|
337 | |