O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Foundation Fireworks CS4

Book Description

Are you a web designer who is looking for a new and quicker way to prototype and create for the web? Perhaps you are a programmer who finds most design tools to be overkill for what you need to get done. Or, maybe you're an old Fireworks pro, who wants to get up-to-date on the changes in Creative Suite 4. Either way, this book has something for you.

  • Coverage of all that's new and powerful for the Web designer and developer in Fireworks CS4

  • Targets developers who want design tools that don't get in their way and designers who want development tools that don't constrain their creativity

  • Do all your website and page prototypes and comps in one tool and learn how to take them straight to Dreamweaver to implement your designs

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