You are previewing Adobe® CS4 Web Workflows: Building Web Sites With Adobe® Creative Suite® 4.
O'Reilly logo
Adobe® CS4 Web Workflows: Building Web Sites With Adobe® Creative Suite® 4

Book Description

Bestselling author Josephy Lowery shows you how to develop effective workflows with Adobe CS products

As the industry standard for everyone from Web developers to creative professionals, Adobe's CS4 offers a collection of the most popular Web and design tools: Photoshop, Dreamweaver, Flash, Illustrator, Fireworks, Acrobat, and more. While it is incredibly convenient to have all these tools readily available in one suite, it also contributes to confusion with managing media from one product to the next.

That's where this book comes in! Popular author Joseph Lowery walks you through best practices for refining, streamlining, and improving your workflow from one product to the next.

  • Offers a clear overview of exactly what methods work best when transitioning from one Adobe CS4 product to another

  • Demonstrates how to smoothly transition from one CS4 product to another

  • Includes step-by-step examples of an exemplary workflow used throughout the chapters so you can watch its progression

With a more streamlined workflow and a better understanding of how the Adobe CS4 products work in cohesion, you're well on your way to making the Adobe suite work for you.

Table of Contents

  1. Copyright
  2. CREDITS
  3. ABOUT THE AUTHOR
  4. ACKNOWLEDGMENTS
  5. Introduction
    1. WHO THIS BOOK IS FOR
    2. WHAT THIS BOOK COVERS
    3. HOW THIS BOOK IS STRUCTURED
    4. WHAT YOU NEED TO USE THIS BOOK
    5. WHAT'S ON THE WEB SITE
    6. WHO YOU GONNA CALL?
  6. I. PHOTOSHOP TO DREAMWEAVER
    1. 1. CREATING THE COMP
      1. 1.1. INITIALIZING THE COMP
      2. 1.2. SETTING PREFERENCES
      3. 1.3. WORKING WITH LAYERS
      4. 1.4. MAKING SELECTIONS
      5. 1.5. ADDING GRADIENTS
      6. 1.6. INSERTING IMAGES
    2. 2. COMPLETING THE COMP
      1. 2.1. ALIGNING GRAPHIC ELEMENTS
      2. 2.2. POSITIONING WITH THE LAYERS PANEL
      3. 2.3. WORKING WITH TEXT
        1. 2.3.1. APPLYING SIMPLE TEXT LABELS
        2. 2.3.2. ADDING HEADINGS AND BLOCKS OF TEXT
        3. 2.3.3. INSERTING DECORATIVE TEXT
      4. 2.4. APPLYING EFFECTS
    3. 3. FROM COMP TO LAYOUT
      1. 3.1. SETTING UP A DREAMWEAVER SITE
      2. 3.2. ESTABLISHING BASIC PREFERENCES
      3. 3.3. CREATING CSS LAYOUT STYLES
      4. 3.4. INSERTING <DIV> TAGS
      5. 3.5. INCORPORATING BACKGROUND IMAGES
      6. 3.6. ADDING A BACKGROUND IMAGE TO THE <BODY>
        1. 3.6.1. LAYERING BACKGROUND IMAGES
      7. 3.7. BRINGING IN FOREGROUND IMAGES
      8. 3.8. INSERTING AND STYLING TEXT
      9. 3.9. INCLUDING NAVIGATION
  7. II. FIREWORKS TO DREAMWEAVER
    1. 4. COMPOSING WITH VECTORS
      1. 4.1. GETTING STARTED IN FIREWORKS
      2. 4.2. WORKING WITH VECTOR-BASED GRAPHICS
        1. 4.2.1. ADDING ROUNDED RECTANGLES
        2. 4.2.2. INSERTING NAVIGATION TABS
        3. 4.2.3. DRAWING WITH THE PEN TOOL
      3. 4.3. INTEGRATING GRADIENTS
      4. 4.4. INTEGRATING BITMAPPED IMAGES
    2. 5. COMPING MULTIPAGE SITES
      1. 5.1. WORKING WITH TEXT
        1. 5.1.1. CREATING LOGOS AND DISPLAY TEXT
        2. 5.1.2. ADDING NAVIGATION LABELS
        3. 5.1.3. INCLUDING SIDEBAR PLACEHOLDER CONTENT
        4. 5.1.4. COMPING MAIN CONTENT TEXT
      2. 5.2. APPLYING LIVE FILTERS
      3. 5.3. ADDING PAGES
        1. 5.3.1. CREATING A MASTER PAGE
        2. 5.3.2. BUILDING NEW PAGES
      4. 5.4. LINKING PAGES
      5. 5.5. EXPORTING COMP PAGES
    3. 6. COMBINING NAVIGATION AND LAYOUTS
      1. 6.1. INCORPORATING BACKGROUND IMAGES
        1. 6.1.1. CREATING BACKGROUND SLICES
        2. 6.1.2. CRAFTING CSS BACKGROUNDS
      2. 6.2. INTEGRATING FOREGROUND IMAGES
        1. 6.2.1. SLICING FOREGROUND GRAPHICS
        2. 6.2.2. PLACING FIREWORKS IMAGES IN DREAMWEAVER
      3. 6.3. IMPLEMENTING CSS NAVIGATION
        1. 6.3.1. EXPORTING THE NAVIGATION STATES
        2. 6.3.2. CREATING WEB STANDARD CSS NAVIGATION
  8. III. FLASH TO DREAMWEAVER
    1. 7. BUILDING FLASH INTROS
      1. 7.1. SETTING THE STAGE
      2. 7.2. IMPORTING IMAGES
      3. 7.3. WORKING WITH THE TIMELINE
      4. 7.4. INSERTING TEXT
      5. 7.5. CREATING NAVIGATION BUTTONS
        1. 7.5.1. MAKING THE BUTTON SYMBOL
        2. 7.5.2. ADDING ACTIONSCRIPT CODE
      6. 7.6. DISPLAYING IN DREAMWEAVER
    2. 8. SETTING UP FLASH VIDEO
      1. 8.1. INTEGRATING VIDEO IN FLASH ANIMATIONS
      2. 8.2. ENCODING VIDEO
      3. 8.3. WORKING WITH PLAYBACK COMPONENTS
      4. 8.4. ADDING CAPTIONS TO FLASH VIDEO
      5. 8.5. INSERTING VIDEO INTO DREAMWEAVER
      6. 8.6. EDITING FLASH FROM DREAMWEAVER
  9. IV. PHOTOSHOP TO BRIDGE TO FIREWORKS TO DREAMWEAVER
    1. 9. ASSET CREATION AND COMPING
      1. 9.1. STRAIGHTENING PHOTOS
        1. 9.1.1. ALIGNING CROOKED SHOTS
        2. 9.1.2. REMOVING PERSPECTIVE
        3. 9.1.3. HEALING IMAGES
        4. 9.1.4. AUTOMATIC SPOT HEALING
        5. 9.1.5. TARGETED SAMPLING FOR HEALING
      2. 9.2. MOVING ASSETS INTO FIREWORKS VIA BRIDGE
      3. 9.3. INCREASING PRODUCTIVITY WITH COMMANDS
      4. 9.4. COMPING FORMS WITH COMPONENT SYMBOLS
    2. 10. ADDING INTERACTIVE FORMS IN DREAMWEAVER
      1. 10.1. APPLYING SPRY AND STANDARD FORM ELEMENTS
        1. 10.1.1. INSERTING SPRY TEXT FIELDS
        2. 10.1.2. ADDING SPRY RADIO BUTTONS
        3. 10.1.3. INCLUDING SPRY CHECKBOXES
        4. 10.1.4. SETTING UP SPRY LISTS
        5. 10.1.5. COMPLETING THE FORM
      2. 10.2. DEFINING VALIDATIONS
      3. 10.3. STYLING SPRY WIDGETS
  10. V. ILLUSTRATOR TO PHOTOSHOP TO FLASH TO DREAMWEAVER
    1. 11. CRAFTING A FLEXIBLE MARKETING AREA
      1. 11.1. DRAWING WITH VECTORS
      2. 11.2. INSERTING ILLUSTRATOR SMART OBJECTS
      3. 11.3. PREPARING PHOTOSHOP LAYERS FOR FLASH
      4. 11.4. CREATING VARIATIONS WITH IMAGE ADJUSTMENTS
    2. 12. ANIMATING PHOTOSHOP GRAPHICS IN FLASH
      1. 12.1. BRINGING GRAPHICS ONTO THE STAGE
      2. 12.2. ANIMATING THE BACKGROUND
      3. 12.3. USING THE MOTION EDITOR
      4. 12.4. APPLYING MOTION PRESETS
      5. 12.5. MODIFYING PHOTOSHOP ASSETS
      6. 12.6. ADDING THE FMA TO DREAMWEAVER
  11. A. Additional Workflows
    1. A.1. DREAMWEAVER TO CONTRIBUTE
      1. A.1.1. THE FLOW: DREAMWEAVER TO CONTRIBUTE
    2. A.2. FIREWORKS TO FLASH TO DREAMWEAVER
      1. A.2.1. THE FLOW: FIREWORKS TO FLASH TO DREAMWEAVER
    3. A.3. SOUNDBOOTH TO FLASH TO DREAMWEAVER
      1. A.3.1. THE FLOW: SOUNDBOOTH TO FLASH AND SOUNDBOOTH TO DREAMWEAVER