Welcome to Foundation Fireworks CS4! This book is designed to meet the needs of
both novice and expert, with plenty of fundamentals and advanced topics as well.
If you’re new to Fireworks, welcome aboard! It’s going to be a fun ride. If you’re a
seasoned user, you’re sure to find plenty of new tricks and introductions to new features.
Adobe Fireworks CS4 builds on the solid foundation of many previous releases
and delivers a flexible, powerful design tool for web and user interface design.
Author(s): Grant Hinkson, Craig Erskine, Matt Heerema, Chuck Mallott, Matthew Keefe, Hugh Griffith
Series: Foundations
Edition: 1
Publisher: friendsofED
Year: 2009
Language: English
Pages: 306
Tags: Библиотека;Компьютерная литература;Adobe Fireworks;
Prelims
......Page 1
CONTENTS AT A GLANCE......Page 6
CONTENTS......Page 8
FOREWORD......Page 16
ABOUT THE AUTHORS......Page 17
ABOUT THE TECHNICAL REVIEWER......Page 19
ABOUT THE COVER IMAGE DESIGNER......Page 20
LAYOUT CONVENTIONS......Page 21
LEARNING FIREWORKS......Page 23
WELCOME TO FIREWORKS......Page 25
Fireworks as a web design tool......Page 26
Fireworks as a design and illustration tool......Page 28
Fireworks as a prototyping tool......Page 30
Fireworks and the Creative Suite......Page 32
Photoshop support......Page 33
Illustrator support......Page 34
Flash support......Page 35
Summary......Page 37
What is integration?......Page 39
Integration within the Creative Suite......Page 40
Importing a Photoshop file......Page 41
Opening a Photoshop file......Page 43
Photoshop Live Effects......Page 44
Saving as PSD......Page 47
Opening an Illustrator file......Page 48
Integration with Flash......Page 50
Summary......Page 51
WORKING WITH BITMAPS......Page 53
Bitmap tools......Page 54
Selection tools......Page 55
Common selection techniques......Page 56
Converting selections to paths and vice versa......Page 59
Pencil tool......Page 60
Brush tool......Page 61
Blur and Sharpen tools......Page 63
Dodge and Burn tools......Page 64
Rubber Stamp tool......Page 66
Replace Color tool......Page 67
Red Eye Removal tool......Page 68
Summary......Page 69
WORKING WITH VECTORS......Page 71
Line tool......Page 72
Pen tool......Page 73
Vector Path tool......Page 74
Rectangle tool......Page 75
Text tool......Page 76
Freeform and Reshape Area tools......Page 77
Using the Paths panel......Page 78
Combining paths......Page 80
Altering paths......Page 83
Selecting points on a line or path......Page 89
Editing points......Page 90
Summary......Page 95
File optimization: The tools......Page 97
Hotspot tool......Page 98
Image optimization......Page 99
Choosing the right file type......Page 100
Compression and color settings......Page 101
Dither......Page 103
Side-by-side comparison......Page 106
The Export dialog......Page 107
Using the Export Wizard......Page 113
The Preview window......Page 116
Summary......Page 118
USING FIREWORKS......Page 121
CREATING VISUAL EFFECTS......Page 123
Gradient fills......Page 124
Texture fills......Page 127
Blend modes......Page 128
Filters......Page 129
Styles......Page 131
Creating glass buttons......Page 132
Creating reflections......Page 135
Creating web headers......Page 137
Adding fimagic......Page 143
Summary......Page 149
The States panel......Page 151
Quick glance......Page 152
GIF animation looping......Page 153
Building an animation......Page 154
Fading around the circle......Page 156
Creating the animation frames......Page 157
Preparing the document......Page 158
Separating the groups......Page 159
Duplicating and reversing states......Page 160
GIF animations......Page 161
Flash (SWF) animations......Page 162
Summary......Page 163
SKINNING FLEX COMPONENTS WITH FIREWORKS......Page 165
Creating a new Flex skin in Fireworks......Page 166
Reskinning the button......Page 168
Exporting the skin......Page 169
Creating a new Flex project......Page 170
Importing the skin images......Page 171
Modifying the nineslice scaling......Page 174
Summary......Page 175
CREATING ADOBE AIR PROTOTYPES......Page 177
Defining the background......Page 179
Adding the tabs......Page 180
Designing the information page......Page 182
Designing the gallery page......Page 183
Building the portfolio detail pages......Page 185
Global navigation......Page 187
Creating the Adobe AIR package......Page 188
Creating a digital signature......Page 190
Creating and installing the AIR file......Page 193
Summary......Page 194
FIREWORKS EXTENSIONS......Page 197
Command and command panel extension types......Page 198
Other extension types......Page 199
Default Fireworks commands......Page 200
Browsing Adobe Exchange: A repository of extensions......Page 204
Personal sites......Page 206
Using the Extension Manager......Page 207
Disabling an extension......Page 208
Summary......Page 209
EXTENDING FIREWORKS: DEVELOPING AN EFFECTIVE WORKFLOW USING JAVASCRIPT AND FLASH......Page 211
Learning the basics of an advanced workflow......Page 212
Step 1: Creating a simple JSF command......Page 213
Step 2: Creating a Flash UI......Page 217
Steps 3 and 4: Importing and executing the JSF......Page 218
Step 5: Publishing and testing the SWF......Page 220
Draw Rect.jsf updated with the CreateRectangle function......Page 221
Working with returned values: Adding a ColorPicker......Page 224
Streamlining your workflow with the Fireworks developer toolbox......Page 226
Converting JSF to AS using the FDT......Page 227
Defining Flash panel resize behavior......Page 229
Detecting change of selection......Page 232
Building panels with ActionScript 3......Page 233
Creating ActionScript 3 panels in Flash......Page 234
Creating ActionScript 3 panels in Flex......Page 237
Packaging and deploying your panel......Page 241
The FWAPI_Inspector panel......Page 243
Summary......Page 245
FIREWORKS IN ACTION......Page 247
WEB SITE CASE STUDY #1: BLOG......Page 249
Project details example......Page 250
Wireframe example......Page 251
Gray frame example......Page 255
Phase 4: Creating a logo for the design......Page 258
Phase 5: Putting all the pieces together: The design composition......Page 259
Design example......Page 260
Phase 6: Buildout: From graphics to code......Page 263
Summary......Page 264
WEB SITE CASE STUDY #2: CSS SPRITES......Page 267
Preparing a new page......Page 268
Writing the HTML......Page 269
Writing the CSS......Page 270
List reset......Page 272
Defining the dimensions......Page 273
Sliding the background into position......Page 274
Summary......Page 275
Checking out with shared layers and pages......Page 277
Establishing the site’s navigation......Page 278
Organizing the site design into pages......Page 280
Creating the logo......Page 281
Drawing a T-shirt graphic......Page 283
Making a button......Page 284
Assembling the pages......Page 285
Building the Store page......Page 286
Using symbols for efficient workflow......Page 288
Making the Checkout page......Page 290
Building the Confirmation page......Page 293
Summary......Page 294
INDEX......Page 297
