Illustrator CS5 for Web and Interactive Design

Introduction
Welcome
Choosing Illustrator for web and interactive design
Illustrator and the web design workflow
Using the exercise files

1. Key Concepts and Settings
Pixel dimension vs. resolution
Pixel Preview mode and anti-aliasing
Taking charge of anti-aliasing
Choosing the right color management settings
Setting up important preferences
Setting up a workspace optimized for web design

2. Creating New Documents and Projects
Using the Web document profile
Creating custom document profiles
Using Illustrator's free web templates
Creating a sitemap or wireframe
Setting up an entire web site
Setting up a grid
Setting up an online ad campaign
Setting up icons for iOS
Setting up mobile content with Adobe Device Central

3. Working with Web Color
Understanding web-safe colors
Limiting the Color Guide to web-safe colors
Using Recolor Art to convert art to web-safe colors
Getting color inspiration from Adobe Kuler
Using Recolor Artwork to modify colors across a site

4. Optimizing Web Graphics
Using the Save for Web & Devices feature
Understanding the GIF file format and its settings
Understanding the JPEG file format and its settings
Understanding the PNG file format and its settings
Understanding the WBMP file format and its settings
Understanding the SWF file format and its settings
Understanding the SVG file format and its settings
Adjusting the dimensions of a graphic
Optimizing files to a specific file size
Modifying Save for Web & Devices output settings
Previewing content in Adobe Device Central

5. Working with Text
Setting point type in Illustrator
Setting area type in Illustrator
Formatting text quickly with paragraph styles
Overriding formatting with character styles
Controlling text anti-aliasing
Simulating the CSS box model
Adding cool reflections to text and graphics
Applying settings quickly with Graphic Styles

6. Working with Web Slices
Understanding the concept of slicing
Creating slices manually
Creating slices from guides
Creating slices from objects
Understanding the different slice types
Applying settings to slices
Creating hotspots with image maps

7. Creating SWF Files from Illustrator
Exporting static SWF files from Illustrator
Animated SWF: Converting Illustrator layers to SWF frames
Animated SWF: Using blends to define motion
Animated SWF: Adding static artwork to an animation
Animated SWF: Controlling time within an animation

8. Workflow: Using Photoshop
Preserving slices and structure with PSD export
Working with Photoshop Smart Objects
Sharing color swatches between Illustrator and Photoshop
Generating an animated GIF file with Photoshop

9. Workflow: Using Dreamweaver
Exporting HTML from Illustrator for use in Dreamweaver
Exporting CSS and DIVs from an Illustrator layout

10. Workflow: Using Fireworks
Moving art between Illustrator and Fireworks
Using dynamic shapes from Fireworks
Sharing color swatches between Illustrator and Fireworks

11. Workflow: Using Flash Catalyst
Building files for use in Flash Catalyst
Creating a new Flash Catalyst project from an Illustrator file
Copying and pasting artwork between Illustrator and Flash Catalyst
Roundtrip editing between Illustrator and Flash Catalyst
Creating Flex skins for use in Flash Builder

12. Workflow: Using Flash Professional
Understanding symbols: The lifeblood of Flash
Symbols: Understanding 9-slice scaling
Setting text that will be used in Flash Professional
Moving artwork between Illustrator and Flash Professional

Conclusion
Goodbye