book

Adobe® Creative Suite® 4 Design Premium All-in-One for Dummies®

Name: Adobe® Creative Suite® 4 Design Premium All-in-One for Dummies®
ISBN: 9780470331866

by Jennifer Smith, Christopher Smith, Fred Gerantabee

December 2008

Beginner to intermediate

936 pages

19h 3m

English

For Dummies

Read now

Unlock full access

Copyright
About the Authors
Authors' Acknowledgments
Publisher's Acknowledgments
Introduction
About This BookFoolish AssumptionsConventions Used in This BookWhat You Don't Have to ReadHow This Book Is OrganizedBook I: Adobe Creative Suite 4 BasicsBook II: InDesign CS4Book III: Illustrator CS4Book IV: Photoshop CS4Book V: Acrobat 9.0Book VI: Dreamweaver CS4Book VII: Flash CS4Book VIII: Fireworks CS4Icons Used in This BookWhere to Go from Here
I. Adobe Creative Suite 4 Basics
1. Introducing Adobe Creative Suite 4
1.1. Introducing InDesign CS41.2. Using Illustrator CS41.3. Getting Started with Photoshop CS41.4. Working with Acrobat 9.01.5. Introducing Dreamweaver CS41.6. Moving into Flash CS41.7. Welcoming you to Fireworks CS41.8. Crossing the Adobe Bridge1.9. Integrating Software
2. Using Common Menus and Commands
2.1. Discovering Common Menus2.2. Using Dialog Boxes2.3. Encountering Alerts2.4. Using Common Menu Options2.5. About Contextual Menus2.6. Using Common Shortcuts2.7. Changing Your Preferences
3. Exploring Common Panels
3.1. Understanding the Synchronized Workspace3.2. Using Panels in the Workspace3.2.1. Moving panels3.2.2. Looking at common panels
4. Using Common Extensions
4.1. Looking at Common Extensions and Filters4.1.1. Plugging into InDesign4.1.2. Adding on to Photoshop4.1.3. Using Illustrator plug-ins4.1.4. Adding on capabilities to Acrobat4.1.5. Extending Dreamweaver4.2. Using Filters or Plug-Ins

5. Importing and Exporting
5.1. Discovering the Adobe Bridge Application5.1.1. Accessing the Bridge software5.1.2. Navigating in Adobe Bridge5.1.3. Managing color5.2. Importing Files into a Document5.2.1. Placing content in InDesign5.2.2. Adding content to a Photoshop file5.2.3. Placing files into Illustrator5.2.4. Adding to Acrobat5.2.5. Importing into Dreamweaver5.3. Exporting Your Documents5.3.1. Exporting from InDesign5.3.2. Exporting content from Photoshop5.3.3. Exporting Illustrator files5.3.4. Exporting Acrobat content5.3.5. Exporting Dreamweaver content
6. Handling Graphics, Paths, Text, and Fonts
6.1. Using Graphics in Your Documents6.1.1. Working with bitmap images6.1.2. Discovering vector graphics6.2. Working with Paths and Strokes6.3. Adding Text6.3.1. Using fonts6.3.2. Discovering types of fonts6.3.2.1. TrueType6.3.2.2. PostScript (Type 1)6.3.2.3. OpenType6.3.3. Using text and fonts on the Web6.4. The Fundamentals of Page Layout6.4.1. Layout for print6.4.2. Web page layout
7. Using Color
7.1. Looking at Color Modes and Channels7.1.1. Using RGB7.1.2. Working with CMYK7.1.3. Saving in grayscale7.1.4. Looking at color channels7.2. Choosing Colors7.2.1. Using swatches7.2.2. Mixing colors7.3. Using Color on the Web
8. Printing Documents
8.1. Choosing Printers8.1.1. Using consumer printers8.1.2. Looking at professional printers8.2. Buying a Printer8.3. Printing Your Work8.3.1. Choosing where and how to print8.3.2. Looking at paper8.3.3. Saving files for a service provider8.3.4. Printing at home
II. InDesign CS4
1. What's New in InDesign CS4
1.1. Placing and Tracking Your Images Better than Before1.2. Making Transforms Just Got Easier1.3. Guiding You to a Better Place1.4. Cleaning Up as You Go!1.5. Selecting, Dropping, and Going with Multiple Placed Images1.6. Improving Integration with Flash1.7. Finding Even More Features
2. Introducing InDesign CS4
2.1. Getting Started with InDesign CS42.1.1. Creating a new publication2.1.2. Opening an existing publication2.1.3. Looking at the document setup2.2. Touring the Workspace2.2.1. Tools2.2.2. Menus2.2.3. Panels2.2.3.1. Control panel2.2.3.2. Pages panel2.2.4. Contextual menus2.3. Setting Up the Workspace2.3.1. Showing and hiding grids and guides2.3.2. Snapping to a grid or a guide2.3.3. Using the new smart guides2.3.4. Saving a custom workspace2.4. Working with Publications2.4.1. Importing new content2.4.2. Viewing content2.4.3. Saving your publication
3. Drawing in InDesign
3.1. Getting Started with Drawing3.1.1. Paths and shapes3.1.2. Points and segments3.2. Getting to Know the Tools of the Trade3.2.1. The Pencil tool3.2.2. The Pen tool3.2.3. Basic shapes and frame shapes3.3. Drawing Shapes3.3.1. Creating a shape with exact dimensions3.3.2. Using the Polygon tool3.4. Editing Basic Shapes3.4.1. Changing the size with the Transform panel3.4.2. Changing the size with the Free Transform tool3.4.3. Changing the stroke of a shape3.4.4. Changing the shear value3.4.5. Rotating a shape3.5. Drawing Freeform Paths3.5.1. Using the Pencil tool3.5.2. Using the Pen tool3.6. Editing Freeform Paths3.7. Making Corner Effects3.8. Using Fills3.8.1. Creating basic fills3.8.2. Making transparent fills3.8.3. Looking at gradients3.8.4. Removing fills3.9. Adding Layers
4. Working with Text and Text Frames
4.1. Understanding Text, Font, and Frames4.2. Creating and Using Text Frames4.2.1. Creating text frames with the Type tool4.2.2. Creating text frames with the Frame tool4.2.3. Creating text frames from a shape4.3. Adding Text to Your Publication4.3.1. Importing text4.3.2. Controlling text flow4.3.3. Adding placeholder text4.3.4. Copying and pasting text4.4. Looking at Text Frame Options4.4.1. Changing text frame options4.4.2. Using and modifying columns4.5. Modifying and Connecting Text Frames on a Page4.5.1. Resizing and moving the text frame4.5.2. Threading text frames4.5.3. Adding a page jump number4.6. Understanding Paragraph Settings4.6.1. Indenting your text4.6.2. Text alignment and justification4.6.3. Saving a paragraph style4.7. Editing Stories4.7.1. Using the story editor4.7.2. Checking for correct spelling4.7.3. Using custom spelling dictionaries4.8. Using Tables4.8.1. Creating tables4.8.2. Editing table settings4.8.3. Creating table styles4.9. Looking at Text on a Path
5. Understanding Page Layout
5.1. Importing Images5.1.1. Importing PDFs5.1.2. Importing other InDesign documents5.2. Linking and Embedding Images5.3. Setting Image Quality and Display5.4. Selecting Images5.5. Manipulating Text and Graphics in Layout5.5.1. Page orientation and size5.5.2. Margins, columns, and gutters5.5.3. Using guides and snapping5.5.4. Locking objects and guides5.6. Merging Text and Graphics5.6.1. Wrapping objects with text5.6.2. Modifying a text wrap5.7. Working with Pages and the Pages Panel5.7.1. Selecting and moving pages5.7.2. Adding and deleting pages5.7.3. Numbering your pages5.8. Using Master Spreads in Page Layout5.8.1. Creating a master spread5.8.2. Applying, removing, and deleting master pages
6. Clipping Paths, Transforming Objects, and Alignment
6.1. Working with Transformations6.1.1. Looking at the Transform panel6.1.2. Using the Free Transform tool6.1.3. Rotating objects6.1.4. Scaling objects6.1.5. Shearing objects6.1.6. Reflecting objects6.2. Understanding Clipping Paths6.3. Arranging Objects on the Page6.3.1. Aligning objects6.3.2. Distributing objects
7. Understanding Color and Printing
7.1. Selecting Color with Color Controls7.2. Understanding Color Models7.3. Using Color Swatches and Libraries7.3.1. The Swatches panel7.3.2. Swatch libraries7.4. Printing Your Work7.4.1. What's a bleed?7.4.2. About trapping7.4.3. Taking your files to a service provider7.4.4. Doing it yourself: Printing at home or in the office
8. Exporting Your Work
8.1. Understanding File Formats8.2. Exporting Publications8.2.1. Exporting PDF documents8.2.2. Exporting EPS files8.2.3. Exporting JPEG files8.2.4. Exporting the Flash CS4 XFL format8.2.5. Exporting text files
9. Integrating InDesign
9.1. Using InDesign with Version Cue9.1.1. Setting up the Version Cue server9.1.2. Setting up a project file9.1.3. Adding a user to the project9.1.4. Saving a file into a project9.2. Integrating InDesign with Acrobat9.2.1. Creating a hyperlink9.2.2. Adding a media file9.2.3. Exporting to Flash9.3. Integrating InDesign with Photoshop9.3.1. Transparency support and clipping paths9.3.2. Photoshop spot colors in InDesign9.4. Integrating InDesign with Illustrator9.5. Integrating InDesign with InCopy9.5.1. Importing InCopy stories9.5.2. Updating InCopy stories9.6. Integrating InDesign with Dreamweaver
III. Illustrator CS4
1. What's New in Illustrator CS4
1.1. Finally! Multiple Artboards1.1.1. Creating a document with multiple artboards1.1.2. Printing a document with multiple artboards1.2. Fun with the New Blob Brush tool1.3. Improving Appearances with the Appearance Panel
2. Discovering Illustrator CS4
2.1. Deciding When to Use Illustrator CS42.2. Opening an Existing Document2.3. Creating a New Document2.4. Taking a Look at the Document Window2.5. Becoming Familiar with the Tools2.6. Checking out the panels2.7. Changing Views2.8. Navigating the Work Area with Zoom Controls
3. Using the Selection Tools
3.1. Getting to Know the Selection Tools3.1.1. Anchor points3.1.2. Bounding boxes3.1.3. Selection tools3.2. Working with Selections3.2.1. Creating a selection3.2.2. Selecting an anchor point3.2.3. Using a marquee to select an object3.2.4. Selecting multiple objects3.2.5. Saving a selection3.3. Grouping and Ungrouping3.3.1. Creating a group3.3.2. Using the Isolation mode3.4. Manipulating Selected Objects
4. Creating Basic Shapes
4.1. The Basic Shape Tools4.1.1. Creating rectangles and ellipses4.1.2. Using the Rounded Rectangle tool4.1.3. Using the Polygon tool4.1.4. Using the Star tool4.2. Resizing Shapes4.3. Tips for Creating Shapes4.3.1. Creating advanced shapes4.3.2. Using the Pathfinders
5. Using the Pen Tool and Placing Images
5.1. Pen Tool Fundamentals5.1.1. Creating a straight line5.1.2. Creating a constrained straight line5.1.3. Creating a curve5.1.4. Reconnecting to an existing path5.1.5. Controlling the curves5.1.6. Creating a corner point5.2. The Hidden Pen Tools5.2.1. Additional tools to help you make paths5.2.2. Using the Eraser tool5.3. Tracing Artwork5.3.1. Creating a template layer5.3.2. Using Live Trace5.4. Other Things You Should Know about Placing Images5.5. Using Photoshop Layer Comps
6. Using Type in Illustrator
6.1. Working with Type6.1.1. Creating text areas6.1.2. Creating a line of text6.1.3. Flowing text into an area6.1.4. Dealing with text overflow6.1.5. Creating columns of text with the Area Type tool6.1.6. Threading text into shapes6.1.7. Wrapping text6.1.8. Outlining text6.1.9. Putting text on a path, in a closed shape, or on the path of a shape6.1.9.1. Creating text on a path6.1.9.2. Creating text in a closed shape6.1.9.3. Text on the path of a closed shape6.2. Assigning Font Styles6.3. Using the Character Panel6.4. Using the Control Panel6.5. Using the Paragraph Panel6.5.1. Alignment6.5.2. Indents6.6. Text Utilities: Your Key to Efficiency6.6.1. Find and Replace6.6.2. Spell checker6.6.3. The Hyphenation feature6.6.4. The Find Font feature6.6.5. The Change Case feature6.6.6. Text styles6.6.6.1. Creating character styles6.6.6.2. Creating a paragraph style6.6.6.3. Updating styles
7. Organizing Your Illustrations
7.1. Setting Ruler Increments7.2. Using Guides7.2.1. Creating a ruler guide7.2.2. Creating a custom guide7.3. Using the Transform Panel for Placement7.4. Changing the Ruler Origin7.5. Thinking about Object Arrangement7.6. Hiding Objects7.7. Locking Objects7.8. Creating a Clipping Mask
8. Using Layers
8.1. Creating New Layers8.2. Using Layers for Selections8.3. Changing the Layer Stacking Order8.4. Moving and Cloning Objects8.5. Hiding Layers8.6. Locking Layers
9. Livening Up Illustrations with Color
9.1. Choosing a Color Mode9.2. Using the Swatches Panel9.3. Applying Color to the Fill and Stroke9.4. Changing the Width and Type of a Stroke9.5. Using the Color Panel9.6. Saving Colors9.6.1. Building and using custom libraries9.6.2. Using the Color Guide and color groups9.6.3. Adding Pantone colors9.7. Editing Colors9.8. Building and Editing Patterns9.9. Working with Gradients9.10. Copying Color Attributes9.11. The Live Trace Feature9.12. The Live Paint Feature
10. Using the Transform and Distortions Tools
10.1. Working with Transformations10.1.1. Transforming an object10.1.1.1. Arbitrary transformation method10.1.1.2. Exact transformation methods10.1.2. Using the Transform tools10.1.2.1. The Reflect tool10.1.2.2. The Scale tool10.1.2.3. The Shear tool10.1.2.4. The Reshape tool10.1.2.5. The Free Transform tool10.2. Creating Distortions10.2.1. The Liquify tools10.2.2. Using the Envelope Distort command10.2.2.1. Using the preset warps10.2.2.2. Reshaping with a mesh grid10.2.2.3. Reshaping an object with a different object
11. Working with Transparency and Special Effects Tools
11.1. The Mesh Tool11.2. The Blend Tool11.3. The Symbol Sprayer Tool11.4. Transparency11.4.1. Blend modes11.4.2. Opacity masks
12. Using Filters and Effects
12.1. Working with Effects12.1.1. Understanding the Appearance panel12.1.2. Applying an effect12.1.3. Adding a Drop Shadow effect12.2. Saving Graphic Styles12.3. Creating 3D Artwork12.4. Adding Multiple Fills and Strokes
13. Using Your Illustrator Images
13.1. Saving and Exporting Illustrator Files13.1.1. The native Adobe Illustrator file format13.1.2. Saving Illustrator files back to previous versions13.1.3. The EPS file format13.1.4. The PDF file format13.2. Saving Your Artwork for the Web13.3. Flattening Transparency13.3.1. Flattening a file13.3.2. Using the Flattener Preview panel13.4. Printing from Illustrator
IV. Photoshop CS4
1. Exploring New Features in Photoshop CS4
1.1. An Improved Workspace Helps You Find the Tools You Need1.2. Adjustments Panel1.3. Make Your Layers Go 3D!1.4. Kuler System Comes to Photoshop1.5. ConnectNow
2. Getting Into Photoshop CS4 Basics
2.1. Getting to Know the Tools2.2. Navigating the Work Area2.2.1. Docking and saving panels2.2.2. Taking advantage of new workspace features2.2.3. Zooming in to get a better look2.3. Choosing Your Screen Mode2.4. Getting Started with Basic Tasks in Photoshop CS42.4.1. Opening an image2.4.2. Creating a new file2.4.3. Cropping an image2.4.4. Saving images
3. Messing with Mode Matters
3.1. Working with Bitmap Images3.2. Choosing the Correct Photoshop Mode3.2.1. Bitmap3.2.2. Grayscale3.2.3. Duotone3.2.4. Index color3.2.5. RGB3.2.6. CMYK3.2.7. Lab color3.2.8. Multichannel3.2.9. Bit depth
4. Creating a Selection
4.1. Getting to Know the Selection Tools4.1.1. The Marquee tool4.1.1.1. Fixed size4.1.1.2. Floating and nonfloating selections4.1.2. The Lasso tool4.1.3. The Quick Selection tool4.1.4. The Magic Wand tool4.1.5. Painting with the Quick Mask tool4.2. Manipulating Selections with Refine Selection4.2.1. Transforming selections4.2.2. Feathering4.2.3. More fun with selections4.3. Saving Selections4.4. Using the Improved Vanishing Point Feature
5. Using the Photoshop Pen Tool
5.1. Using Shape Layers5.1.1. Creating and using a custom shape5.1.2. Changing the color of the shape5.1.3. Editing a shape5.1.4. Removing a shape layer5.2. Using a Path as a Selection5.3. Clipping Paths
6. Thinking about Resolution Basics
6.1. Creating Images for Print6.1.1. The resolution formula6.1.2. Changing the resolution6.2. Determining the Resolution for Web Images6.3. Applying the Unsharp Mask Filter to an Image
7. Creating a Good Image
7.1. Reading a Histogram7.1.1. Breaking into key types7.1.2. Setting up the correction7.2. Creating a Good Tone Curve7.2.1. Finding and setting the highlight and the shadow7.2.2. Setting the highlight and shadow values7.2.3. Adjusting the midtone7.2.4. Finding a neutral7.3. Editing an Adjustment Layer7.4. Testing a Printer
8. Working with Painting and Retouching Tools
8.1. Using the Swatches Panel8.2. Choosing Foreground and Background Colors8.3. The Painting and Retouching Tools8.3.1. Changing the brush8.3.2. The Spot Healing Brush tool8.3.3. The Healing Brush tool8.3.4. The Patch tool8.3.5. The Red Eye tool8.3.6. The Brush tool8.3.7. The Clone Stamp tool8.3.8. The History Brush tool8.3.9. The Eraser tool8.3.10. The Gradient tool8.4. Blending Modes8.4.1. Painting with color8.4.2. Filling selections8.5. Saving Presets
9. Using Layers
9.1. Creating and Working with Layers9.1.1. Duplicating a layer9.1.2. Selecting a layer9.1.3. Controlling the visibility of a layer9.1.4. Rearranging the stacking order9.2. Creating a Text Layer9.2.1. Warping text9.2.2. Fine-tuning text9.3. Using Layer Masks9.3.1. Creating a layer mask from a selection9.3.2. Creating a vector mask from a pen path9.4. Organizing Your Layers9.4.1. Activating multiple layers simultaneously9.4.2. Auto-Align Layers tool9.4.3. Layer groups9.4.4. Duplicating a layer group9.5. Using Layer Styles9.5.1. Applying a style9.5.2. Creating and saving a style9.5.3. Thinking about opacity versus fill9.6. Smart, Really Smart! Smart Objects9.7. Experimenting with 3D Files9.8. Merging and Flattening the Image9.8.1. Merging9.8.2. Flattening
10. Saving Photoshop Images for Print and the Web
10.1. Choosing a File Format for Saving10.1.1. Wonderful and easy Photoshop PSD10.1.2. Photoshop EPS10.1.3. Photoshop PDF10.1.4. TIFF10.1.5. DCS10.2. Saving for the Web and Devices10.2.1. GIF10.2.1.1. Saving a GIF10.2.1.2. Using the color table in the Save for Web & Devices dialog box10.2.2. JPEG10.2.3. PNG10.2.4. WBMP10.2.5. Matte10.3. Saving Settings
V. Acrobat 9.0
1. Discovering Essential Acrobat Information
1.1. Working with PDF Files1.2. Knowing When to Use Adobe PDF Files1.3. Introducing the Adobe Acrobat Workspace and Tools1.3.1. Changing page magnification1.3.2. Toolbars1.3.3. Viewing modes1.3.4. Additional viewing options1.3.5. Navigation panels
2. Creating PDF Files
2.1. Creating PDF Files from Microsoft Office2.1.1. PDF conversion options2.1.2. PDF conversion options from Microsoft Word and Excel2.1.3. Converting PowerPoint files to PDF2.2. Creating PDF Files from Adobe Creative Suite Applications2.2.1. Converting Photoshop and Illustrator files to PDF2.2.2. Converting InDesign documents to PDF2.3. Converting Other Electronic Documents to PDF2.4. Creating PDF Files from Paper Documents and the Web2.4.1. Converting paper documents to PDF2.4.2. Converting Web pages to PDFs
3. Adding Interactivity to PDF Files
3.1. Adding Bookmarks to Ease PDF Navigation3.1.1. Creating bookmarks that link to a page3.1.2. Creating bookmarks that link to external files3.1.3. Using bookmarks3.1.4. Editing bookmarks3.2. Adding Interactive Links3.3. Adding Buttons to Simplify Your PDF Files
4. Editing and Extracting Text and Graphics
4.1. Editing Text4.1.1. Using the TouchUp Text tool to manipulate text4.1.2. Using the TouchUp Object tool to edit graphics4.2. Exporting Text and Graphics4.2.1. Exporting text with Select, Copy, and Paste4.2.2. Exporting text with Save As4.2.3. Snapshot tool
5. Using Commenting and Annotation Tools
5.1. Creating Comments with the Comment & Markup Toolbar5.1.1. The Sticky Note tool5.1.2. The Text Edits tool5.1.3. The Stamp tool5.1.4. The Highlight Text, Underline Text, and Cross Out Text tools5.1.5. The Attach File tools5.1.6. The drawing tools5.1.7. The Text Box tool5.1.8. The Callout tool5.1.9. The Pencil tool5.2. Managing Comments5.2.1. Viewing comments5.2.2. Changing a comment's review status5.2.3. Replying to a comment5.2.4. Collapsing or hiding comments5.2.5. Sharing comments5.2.6. Summarizing comments5.2.7. Enabling commenting in Adobe Reader
6. Securing Your PDF Files
6.1. Understanding Password Security6.2. Applying Password Security to Your PDF Documents6.3. Limiting Editing and Printing
VI. Dreamweaver CS4
1. Getting Familiar with New Features in Dreamweaver
1.1. All New CS4 Interface1.2. Improved Property Inspector Panel1.3. Photoshop Smart Objects1.4. Browser Compatibility Check and the CSS Advisor1.5. Live View1.6. Code Navigator1.7. New Spry Widgets1.8. Related Documents1.9. Improved CSS Capabilities
2. Introducing Dreamweaver CS4
2.1. Getting to Know the New Workspace Setup2.1.1. The Insert panel2.1.2. The Document toolbar2.1.3. Using the panel groups2.1.4. Saving your workspace2.2. Creating a Site2.3. Checking Out the Property Inspector2.4. Previewing Your Page in a Browser or with Live View2.4.1. Previewing your page using Live View2.5. Understanding Dreamweaver Preferences
3. Creating a Web Site
3.1. Web Site Basics3.2. Starting a New Site3.3. Creating a New Page for Your Site3.4. Adding an Image to Your Page3.5. Naming Files3.6. Managing Your Web Site Files3.7. Delving into HTML Basics
4. Working with Images
4.1. Creating Images for the Web4.2. Putting Images on a Page4.2.1. Inserting an image4.2.2. Dragging and dropping an image4.3. Getting to Know the Property Inspector4.4. Placing Photoshop Files4.4.1. Photoshop Smart Objects4.4.2. Updating Photoshop Smart Objects4.5. Aligning an Image4.6. Adding Space around the Image4.7. Using an Image as a Background4.8. Creating Rollovers4.9. Inserting Media Content
5. Putting Text on the Page
5.1. Adding Text5.1.1. Formatting text5.1.2. Using the Property inspector to style text5.1.3. Spell checking your text5.2. Understanding Cascading Style Sheets5.2.1. Using CSS for text5.2.2. Creating a new tag style5.2.3. Creating a new class style
6. Linking It Together
6.1. The Basics of Linking6.2. Implementing Internal Links6.2.1. Using the Hyperlink dialog box to create a link6.2.2. Using the Property inspector to create a link6.2.3. Creating hyperlinks with Point to File6.3. Creating Anchors6.3.1. Linking to an anchor manually6.3.2. Linking to anchors with Point to File6.4. Linking to Pages and Files Outside Your Web Site6.5. Linking to E-Mail6.6. Linking to a PDF File6.7. Resolving Link Errors
7. Creating Tables
7.1. Working with Tables7.1.1. Editing your table's attributes7.1.2. Adding and deleting rows and columns7.1.3. Spanning or merging cells7.2. Selecting a Table and a Cell7.3. Changing the Color of Table Cells7.4. Adding and Importing Content7.4.1. Importing CSV and tab-delimited files7.4.2. Setting alignment for table cells
8. Creating CSS Layouts
8.1. Using CSS Starter Pages8.2. Modifying a New Layout8.3. Creating AP Divs8.4. Creating Relatively Positioned DIVs8.5. Using Behaviors with Boxes
9. Publishing Your Web Site
9.1. Clean Up after Yourself!9.2. Running Site Reports9.3. Checking CSS Compatibility9.4. Getting Connected9.4.1. Your Web site — live!9.4.2. Synchronizing your site9.5. Improving Your Site
VII. Flash CS4
1. Getting Started in Flash CS4
1.1. Creating Your First Flash Document1.2. Getting Familiar with the Workspace1.2.1. The Tools panel1.2.2. The Timeline1.2.3. The Motion Editor1.2.4. The Property inspector1.2.5. Panels (right side)1.2.5.1. The panel group1.2.5.2. Managing individual panels1.3. Creating and Saving Workspaces1.4. Saving and Opening Documents1.5. Getting to Know Flash Player 101.6. Talking about Layers1.7. Importing Files1.8. Exporting Files from Flash1.9. Publishing Your Final Movie
2. Drawing in Flash CS4
2.1. Drawing Shapes and Lines2.1.1. Drawing basic shapes with the shape tools2.1.2. Merging shapes2.1.3. Creating perfect lines with the Line tool2.1.4. Creating lines and curves with the Pen tool2.1.5. Drawing freehand with the Pencil tool2.2. Selecting and Editing Shapes2.2.1. Modifying fill and stroke colors2.2.2. Merge versus Object Drawing mode2.3. Splicing and Tweaking Shapes and Lines2.3.1. Tweaking a shape with the Selection and Subselection tools2.3.2. Editing a shape with the Lasso tool2.3.3. Modifying artwork created with the Pen and Pencil tools2.4. Transforming Artwork and Shapes2.4.1. Using the Transform tool2.4.2. Using the Transform panel2.4.3. Skewing your artwork2.5. Working with Type2.5.1. Transforming type2.5.2. Distorting and modifying character shapes2.6. Creating Colors and Gradients2.6.1. Creating and adding colors from the Color panel2.6.2. Creating gradients2.6.3. Applying and transforming gradients2.7. Working with the Paintbrush Tool
3. Symbols and Animation
3.1. Visiting the Library3.2. Creating and Modifying Graphic Symbols3.2.1. Adding symbols to the stage3.2.2. Modifying symbols3.2.3. Sorting symbols3.2.4. Duplicating symbols3.3. Painting with Symbols3.3.1. The Spray Brush tool3.3.2. The Deco tool3.4. Understanding Frames and Keyframes3.5. Creating Animation with Motion and Shape Tweens3.5.1. Creating a motion tween3.5.2. Resizing tween spans3.5.3. Using the new Motion Editor panel3.5.4. Creating a shape tween3.6. Tweened versus Frame-by-Frame Animation3.7. Understanding Frame Rate
4. Applying More Advanced Animation
4.1. Creating Transformations4.2. Joining Motion4.3. Creating Fade Ins and Fade Outs4.4. Copying and Pasting Motion4.5. Animating along a Path with Motion Guides4.6. Creating Inertia and Gravity with Easing4.7. Fine-Tuning Shape Tweens with Shape Hinting4.8. Creating Inverse Kinematics Poses and Animation4.8.1. Creating animation with poses4.8.2. Adding easing to Armature layers4.9. Using Mask Layers4.10. Previewing Your Movie
5. Importing Graphics and Sounds
5.1. Bitmap versus Vector Artwork5.2. Importing Other File Formats5.3. Importing Bitmap Images5.4. Converting Bitmap Images to Symbols5.4.1. Modifying tint and transparency5.4.2. Applying motion tweens5.5. Creating Bitmap Fills5.6. Importing Photoshop and Illustrator Files5.6.1. Importing Photoshop (.psd) files5.6.2. Importing Illustrator (.ai) files5.7. Importing Sounds5.7.1. Placing sounds on the Timeline5.7.2. Editing sounds
6. Lights, Camera, Movie Clips!
6.1. What Are Movie Clips?6.2. Creating and Placing Movie Clips6.3. Previewing Movie Clip Animation6.4. Modifying Movie Clip Instances6.5. Combining Movie Clips6.6. Rendering and Animating Movie Clips in the 3D Realm6.6.1. The 3D Rotation tool6.6.2. Using the 3D Translation tool6.6.3. Tweening 3D properties
7. Controlling Your Movie with ActionScript
7.1. Getting to Know ActionScript7.1.1. The Actions panel7.1.2. Script Assist mode7.1.3. ActionScript 3.0 versus ActionScript 2.07.1.4. Specifying the correct publish settings7.2. Adding Scripts to the Timeline7.2.1. Using stop()7.2.2. Using goto: gotoAndPlay() and gotoAndStop()7.3. Creating Button Symbols7.3.1. Creating a new button7.3.2. Button states7.3.3. Adding content to button states7.3.4. Enable simple buttons7.3.5. Modifying button instances7.4. Using Buttons with ActionScript7.4.1. Understanding event handlers7.4.2. Creating a stop button7.4.3. Using goto7.4.4. Using frame labels
8. Getting Into the (Work)flow
8.1. Using Workspace Layouts8.1.1. Creating new layouts8.1.2. Managing layouts8.2. Fine-Tuning with Grids and Guides8.2.1. Enabling rulers and guides8.2.2. Enabling the grid8.3. Aligning Artwork8.3.1. Distributing to the stage8.3.2. Using Match Size options8.4. Experimenting with Animation Helpers8.5. Using Keyboard Shortcuts8.6. Working with the Movie Explorer
9. Publishing and Final Delivery
9.1. Getting Familiar with the Publish Process9.2. Selecting Your Formats9.3. Previewing Your Settings9.4. Publishing for the Web9.5. Publishing for CD-ROM9.6. Choosing the Right Settings9.6.1. Choosing settings for Flash (.swf) files9.6.2. Choosing settings for HTML files9.7. Creating Publish Profiles
VIII. Fireworks CS4
1. Introducing Fireworks CS4
1.1. Why Use Fireworks?1.2. Jumping Right into the Interface1.2.1. Touring the workspace1.2.1.1. Using the tools1.2.1.2. Understanding the views1.2.1.3. Investigating the panels1.2.2. Working with basic selection tools1.2.2.1. Making a selection with the Marquee and Lasso tools1.2.2.2. Making a selection in a vector image
2. Free to Create
2.1. Knowing What Happens in Layers2.2. Choosing Vector or Bitmap Graphics2.3. Creating with Bitmap Tools2.3.1. Moving pixels2.3.2. Changing the way pixels appear2.3.3. Using additional bitmap tools2.4. Creating with Vector Tools2.4.1. Using shape tools2.4.2. Creating a path2.4.3. Changing an existing path2.4.4. Working with type2.5. Masking: Going Beyond Tape
3. Livening Up Your Artwork with Color
3.1. Choosing Web Colors3.2. Finding Colors in Fireworks3.3. Applying Colors to Objects3.4. Adding Colors to Fireworks3.4.1. Adding a color with the Eyedropper tool3.4.2. Adding a color with the color palette3.5. Creating Gradients
4. Creating Text in Fireworks
4.1. Creating Text4.2. Setting Text Attributes4.3. Fine-Tuning Spacing, Alignment, and Orientation4.4. Adding Effects4.5. Giving Your Text Some Style4.5.1. Applying an existing style4.5.2. Creating your own style4.6. Spell-Checking Your Text4.7. Attaching Text to a Path4.8. Outlining Text
5. Getting Images In and Out of Fireworks
5.1. Getting Images into Fireworks5.2. Editing Images5.2.1. Scaling5.2.1.1. Proportional scaling5.2.1.2. Nonproportional scaling5.2.1.3. Numeric scaling5.2.2. Cropping5.2.3. Painting5.2.4. Cloning5.2.5. Filtering5.3. Optimizing Images for the Web5.3.1. Previewing Web settings5.3.2. Working with the Optimize panel5.4. Exporting for the Web
6. Hotspots, Slices, and CSS Layouts
6.1. Understanding Layers6.1.1. Navigating the Layers panel6.1.2. Working with the Layers panel6.2. Creating Hotspots6.2.1. Defining a hotspot6.2.2. Linking a hotspot6.3. Working with Image Maps6.3.1. Creating an image map6.3.2. Linking an image map6.3.3. Testing and exporting an image map6.4. Slicing Up Your Art6.4.1. Creating the basic image6.4.2. Adding text6.4.3. Doing the actual slicing and dicing6.5. Exporting Slices6.5.1. Exporting slices as tables6.5.2. Changing the export format from table to CSS
7. Using Buttons and Symbols
7.1. Using States in Fireworks7.2. Making a Rollover Button7.2.1. Creating the basic art7.2.2. Adding rollover behavior7.2.3. Testing and exporting the button7.3. Discovering Fireworks Symbols7.3.1. Working with a precreated symbol7.3.2. Converting artwork to a symbol7.3.3. Editing a symbol7.3.3.1. Editing a symbol without breaking the link7.3.3.2. Editing a symbol component
8. Don't Just Sit There — Animate!
8.1. Getting Started with Animation8.1.1. Creating an animation8.1.2. Onion skinning8.1.3. Making the animation move8.1.4. Testing the animation8.1.4.1. Testing in Fireworks8.1.4.2. Testing on the Web8.2. Adjusting Playback8.2.1. Changing the frame rate8.2.2. Playing it again: Looping8.3. Tweening in Fireworks8.3.1. Creating a symbol8.3.2. Cloning the symbol8.3.3. Tweening the symbols8.4. Animating with Masks8.4.1. Creating an image and mask8.4.2. Animating the mask8.5. Exporting an Animation

Content preview from Adobe® Creative Suite® 4 Design Premium All-in-One for Dummies®

Chapter 7. Using Buttons and Symbols

In This Chapter

Understanding states
Creating rollover buttons
Converting graphics to symbols

Before you jump into creating buttons and animations, you need to understand states and how they work in Fireworks. States let you organize layers in such a way that you can create several versions of your artwork; these states could be used for rollovers or animations.

Using States in Fireworks

You may want to use states for two reasons:

States for animation: You can build and edit animated GIFs with states like the one you see in Figure 7-1. One step of the animation goes into each frame. The states (sometimes referred to as frames) are played one after another to create the appearance of motion — an effect a little like those cool flip books you may have found in caramel-corn boxes. By using layers, you can specify which items are animated and which items remain static.
Figure 7-1. In this example, the woman moves from left to right in five separate states.
States for rollovers: You can also use states to produce rollovers. By slicing an image (discussed in Chapter 6 of this minibook), you can trigger the different versions (or states) that appear when the user's mouse pointer crosses over the artwork.

Making a Rollover Button

You can create interactive buttons in Fireworks to make rollovers, swap images, and react to other interactions with viewers. For all these ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Adobe® Creative Suite® 5 Design Premium all-in-one for Dummies®

Publisher Resources

ISBN: 9780470331866Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design