You are previewing Foundation Fireworks CS4.
O'Reilly logo
Foundation Fireworks CS4

Book Description

Are you a designer looking for a new and quicker way to prototype and create for the Web? Or are you perhaps a web developer who finds most design tools to be overly complex for what you need to get done? In either case, productivity is key, and Fireworks is Adobe's Creative Suite web productivity tool of choice. So even if you're an experienced Fireworks pro who wants to keep up to date on the latest additions to Creative Suite 4, Foundation Fireworks CS4 will show you how to get the most out of Fireworks so that you maximize your efficiency without sacrificing any creativity or power.

You'll learn how to use the unique collection of Fireworks vector- and pixel-based tools. Improved integration with Illustrator and smarter Photoshop file support are fully covered, as is the new workspace featuring tabbed documents. Even more importantly, the book discusses the complete Fireworks workflow, from idea generation to standards-complete HTML export with CSS layouts. Maximize your efficiency by creating prototypes in Fireworks, importing assets from any of the applications in Adobe's Creative Suite, and exporting for finished production to Dreamweaver.

Foundation Firework CS4 includes several real-world case studies, including creating a blog, building CSS sprites, and assembling a web commerce site. Advanced coverage includes using Fireworks to turn Rich Internet Applications into desktop apps with Adobe AIR. Fireworks CS4 is a complete design and development environment, and Foundation Firework CS4 is the first book to cover the full spectrum of this application's abilities this thoroughly.

Table of Contents

  1. Copyright
  2. FOREWORD
  3. ABOUT THE AUTHORS
  4. ABOUT THE TECHNICAL REVIEWER
  5. ABOUT THE COVER IMAGE DESIGNER
  6. LAYOUT CONVENTIONS
  7. LEARNING FIREWORKS
    1. WELCOME TO FIREWORKS
      1. Fireworks as a web design tool
      2. Fireworks as a design and illustration tool
      3. Fireworks as a prototyping tool
      4. Fireworks and the Creative Suite
      5. Summary
    2. FIREWORKS AND CS4 INTEGRATION
      1. What is integration?
      2. Integration with Photoshop
      3. Integration with Illustrator
      4. Integration with Flash
      5. Summary
    3. WORKING WITH BITMAPS
      1. Bitmap layers
      2. Bitmap tools
      3. Selection tools
      4. Drawing tools
      5. Image adjustment/effects tools
      6. Additional retouching tools
      7. Summary
    4. WORKING WITH VECTORS
      1. Using the Vector tools
      2. Using the Paths panel
      3. Summary
    5. EXPORTING FROM FIREWORKS TO THE WEB
      1. File optimization: The tools
      2. Image optimization
      3. Using the Export command
      4. Summary
  8. USING FIREWORKS
    1. CREATING VISUAL EFFECTS
      1. Building blocks
      2. Creating popular effects
      3. Summary
    2. THE INS AND OUTS OF ANIMATION
      1. The States panel
      2. Building an animation
      3. Morphing an animation
      4. Creating the animation states
      5. Exporting animations for the Web
      6. Summary
    3. SKINNING FLEX COMPONENTS WITH FIREWORKS
      1. Creating a new Flex skin in Fireworks
      2. Reskinning the button
      3. Exporting the skin
      4. Importing the skin in Flex
      5. Summary
    4. CREATING ADOBE AIR PROTOTYPES
      1. Designing the master page
      2. Adding hotspots and interaction
      3. Creating the Adobe AIR package
      4. Summary
    5. FIREWORKS EXTENSIONS
      1. Types of extensions
      2. Finding extensions online
      3. Additional extension resources
      4. Using the Extension Manager
      5. Summary
    6. EXTENDING FIREWORKS: DEVELOPING AN EFFECTIVE WORKFLOW USING JAVASCRIPT AND FLASH
      1. Foundation terminology
      2. Learning the basics of an advanced workflow
      3. Defining a Fireworks workflow
      4. Building a functional UI in Flash
      5. Streamlining your workflow with the Fireworks developer toolbox
      6. Defining Flash panel resize behavior
      7. Responding to Fireworks events
      8. Building panels with ActionScript 3
      9. Packaging and deploying your panel
      10. Learning the Fireworks object model
      11. Summary
  9. FIREWORKS IN ACTION
    1. WEB SITE CASE STUDY #1: BLOG
      1. Phase 1: Project planning and preparation
      2. Phase 2: Exploring layouts with wireframes
      3. Phase 3: Turning wireframes into gray frames
      4. Phase 4: Creating a logo for the design
      5. Phase 5: Putting all the pieces together: The design composition
      6. Phase 6: -Build-out: From graphics to code
      7. Phase 7: Integrating into a CMS
      8. Summary
    2. WEB SITE CASE STUDY #2: CSS SPRITES
      1. Creating site navigation with sprites
      2. Preparing a new page
      3. Writing the HTML
      4. Writing the CSS
      5. Summary
    3. WEB SITE CASE STUDY #3: E-COMMERCE
      1. Checking out with shared layers and pages
      2. Setting up the workspace
      3. Building all the graphics in Fireworks
      4. Assembling the pages
      5. Summary