| |
| |
| Foreword | |
| |
| |
| Acknowledgments | |
| |
| |
| Introduction | |
| |
| |
| |
| Graphics Creation with Fireworks MX | |
| |
| |
| |
| An Introduction to Fireworks MX | |
| |
| |
| What Is Fireworks MX? | |
| |
| |
| What Does Fireworks Do? | |
| |
| |
| What's New in Fireworks MX? | |
| |
| |
| Working with Bitmaps and Vectors | |
| |
| |
| Exploring the Fireworks Interface | |
| |
| |
| The Tools Panel | |
| |
| |
| The Document Window | |
| |
| |
| Fireworks Integrated Desktop Environment | |
| |
| |
| Introducing the Property Inspector | |
| |
| |
| Introducing the Panel Docking Area | |
| |
| |
| Additional Options | |
| |
| |
| The Menu Bar | |
| |
| |
| Main and Modify Toolbars (Windows Only) | |
| |
| |
| Context Menu | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Creating Original Artwork with Vectors | |
| |
| |
| Image File Formats for the Internet | |
| |
| |
| Bitmaps and Vectors--Understanding Image Types | |
| |
| |
| Graphics Interchange Format--GIFs | |
| |
| |
| Joint Photographic Experts Group Format--JPEGs | |
| |
| |
| Portable Network Graphic Format--PNGs | |
| |
| |
| Fireworks' Native File Format--PNG | |
| |
| |
| File-Naming Conventions | |
| |
| |
| Managing Fireworks Files in a Web Site | |
| |
| |
| Creating and Modifying Fireworks Documents | |
| |
| |
| Creating a New Fireworks Document | |
| |
| |
| Exploring Vector Drawing Tools--Lines | |
| |
| |
| The Line Tool | |
| |
| |
| The Pen Tool | |
| |
| |
| The Vector Path Tool | |
| |
| |
| Exploring Vector Drawing Tools--Shapes | |
| |
| |
| Creating Basic Shapes | |
| |
| |
| |
| Working with Multiple Objects--Arranging, Combining, and Aligning | |
| |
| |
| The Power of Transformation | |
| |
| |
| Transformation Tools | |
| |
| |
| Modifying Objects | |
| |
| |
| |
| Transforming Objects | |
| |
| |
| Bringing Your Objects Together | |
| |
| |
| |
| Combining Objects in a Fireworks Document | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Working with Bitmap Images | |
| |
| |
| Document Operations with Bitmap Images | |
| |
| |
| Simple Operations with Bitmap Images | |
| |
| |
| |
| Modifying Bitmap Images | |
| |
| |
| Project Summary | |
| |
| |
| Controlling Edges in Bitmap Selections | |
| |
| |
| Understanding Edge Options | |
| |
| |
| |
| Painting with Bitmaps | |
| |
| |
| The Best of Both Worlds | |
| |
| |
| |
| Combining Bitmap Images and Vector Objects | |
| |
| |
| Vectors and Bitmaps in Web Design | |
| |
| |
| |
| Combining Selection and Painting Tools | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Working with Text and Text Effects | |
| |
| |
| Working with Text in Fireworks MX | |
| |
| |
| Text Terminology | |
| |
| |
| New Text Tools in Fireworks MX | |
| |
| |
| |
| Entering Text in a Fireworks Document | |
| |
| |
| Understanding Text Properties | |
| |
| |
| |
| Modifying Text Properties | |
| |
| |
| Converting Text to Vector Objects | |
| |
| |
| |
| Working with Vectors, Paths, and Text | |
| |
| |
| Combining Text with Vectors | |
| |
| |
| |
| Attaching Text to a Path | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Exploring Strokes, Fills, and Effects | |
| |
| |
| Understanding Strokes and Fills | |
| |
| |
| Exploring Stroke and Fill Settings in the Property Inspector | |
| |
| |
| |
| Using Strokes and Fills for Three-Dimensional Effects | |
| |
| |
| Applying Live Effects and Filters in Fireworks MX | |
| |
| |
| Exploring the Effects Interface | |
| |
| |
| Exploring the Filters Interface | |
| |
| |
| |
| Creating a Glass Button | |
| |
| |
| Styling with Styles | |
| |
| |
| Introducing the Styles Panel | |
| |
| |
| Understanding Styles | |
| |
| |
| Creating Custom Styles | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Creating and Organizing Complex Graphics | |
| |
| |
| Understanding Groups and Layers | |
| |
| |
| Organizing with Groups | |
| |
| |
| Organizing with Layers | |
| |
| |
| Working with the Layers Panel | |
| |
| |
| Components and Capabilities of the Layers Panel | |
| |
| |
| |
| Basic Grouping Operations | |
| |
| |
| Using Masks to Create Transparent Images | |
| |
| |
| |
| Creating Transparent Masks | |
| |
| |
| Advanced Masking Techniques | |
| |
| |
| |
| Masking with Fills and Strokes | |
| |
| |
| Using Masks to Crop Images | |
| |
| |
| |
| Cropping with Masks | |
| |
| |
| Organizing Objects with the Layers Panel | |
| |
| |
| |
| Controlling Complex Images with the Layers Panel | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Tools for Creating Consistent Content | |
| |
| |
| Understanding Symbols and Instances | |
| |
| |
| |
| Working With Symbols | |
| |
| |
| Creative Techniques with Symbols | |
| |
| |
| |
| Special Effects with Symbols | |
| |
| |
| Automated Workflow with the History Panel and Custom Commands | |
| |
| |
| |
| Creating a Custom Command--the Spirograph | |
| |
| |
| Automated Workflow with Batch Processing | |
| |
| |
| |
| Batch Processing Files | |
| |
| |
| Editing Graphics with the Find and Replace Feature | |
| |
| |
| |
| Using Find and Replace | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Creating Animated Files | |
| |
| |
| Simple Animations | |
| |
| |
| |
| Creating Frame-by-Frame Animations | |
| |
| |
| Animation Techniques with Symbols, Tweening, and Layers | |
| |
| |
| |
| Animating with Symbols and Layers | |
| |
| |
| Animated Symbols | |
| |
| |
| |
| Working with Animated Symbols | |
| |
| |
| Exporting Animated GIFs | |
| |
| |
| Setting File Optimization in the Optimize Panel | |
| |
| |
| Reducing File Weight | |
| |
| |
| Previewing in the Document Window | |
| |
| |
| Previewing Animations in a Browser | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Creative Tips for Getting the Most Out of Fireworks | |
| |
| |
| Photographic Techniques | |
| |
| |
| Creating Old-Fashioned Photos | |
| |
| |
| Applying Textures to Images | |
| |
| |
| Creating a Picture Frame | |
| |
| |
| Creating an Oval Picture Frame | |
| |
| |
| Combining Images | |
| |
| |
| Lightening Images | |
| |
| |
| Tinting Images | |
| |
| |
| Special Effects with the Difference Mode | |
| |
| |
| Summary--Photographic Techniques | |
| |
| |
| Creative Text Effects | |
| |
| |
| Two-Tone Text | |
| |
| |
| Joining Text with Vector Objects | |
| |
| |
| Joining Text with Text | |
| |
| |
| Text with a 3-D Shadow | |
| |
| |
| Windy and Zippy Text | |
| |
| |
| Creating Brushed Metal Text | |
| |
| |
| Fun with Wingdings and Webdings | |
| |
| |
| Summary--Creative Text Effects | |
| |
| |
| Creative Techniques with Vector Objects | |
| |
| |
| Creating Custom Brush Strokes--the Dashed Line | |
| |
| |
| Creating 3-D Shapes--the Box | |
| |
| |
| Scaling and Skewing to Create Perspective Objects | |
| |
| |
| Using Symbols with Multiple Objects | |
| |
| |
| Punching Multiple Shapes | |
| |
| |
| Summary--Creative Techniques with Vector Objects | |
| |
| |
| |
| Combining Creative Techniques | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Optimizing and Exporting Files | |
| |
| |
| Performing Image Optimization | |
| |
| |
| |
| Optimizing Files with the Export Preview Feature | |
| |
| |
| Project Summary | |
| |
| |
| Working from the Document Window | |
| |
| |
| |
| Optimizing and Exporting Files from the Document Window | |
| |
| |
| Slicing Large Images | |
| |
| |
| |
| Slicing Large Graphics with Guides | |
| |
| |
| Using Slices for Image Exports | |
| |
| |
| |
| Exporting Graphics with Selected Slices | |
| |
| |
| About Image Transparencies | |
| |
| |
| Understanding Transparencies | |
| |
| |
| Practical Considerations When Working with Transparencies | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Fireworks MX and the World Wide Web | |
| |
| |
| |
| Creating Image Maps and Buttons | |
| |
| |
| Understanding Web Objects | |
| |
| |
| Fireworks' Web Object Tools | |
| |
| |
| Considerations for Using Image Maps | |
| |
| |
| |
| Creating Image Maps with Hotspots | |
| |
| |
| Previewing Interactive Images in a Web Browser | |
| |
| |
| |
| Creating Rollover Effects with Slices | |
| |
| |
| File Formats and Interactive Images | |
| |
| |
| |
| Using the Button Editor | |
| |
| |
| Using the URL Panel | |
| |
| |
| Importing URLs | |
| |
| |
| About Links and URLs | |
| |
| |
| |
| Exporting Interactive Images | |
| |
| |
| What to Take Away | |
| |
| |
| |
| Creating Advanced Navigation Elements | |
| |
| |
| Disjoint Rollovers | |
| |
| |
| |
| Creating a Disjoint Rollover | |
| |
| |
| Exploring the Behaviors Panel | |
| |
| |
| |
| Disjoint Rollovers with Animations | |
| |
| |
| Creating Navigation Bars | |
| |
| |
| |
| Creating a Navigation Bar with Multiple Down States | |
| |
| |
| Creating Pop-Up Menu Navigation | |
| |
| |
| |
| Designing Pop-Up Menu Navigation | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Integrating Fireworks with Dreamweaver | |
| |
| |
| Understanding Dreamweaver/Fireworks Integration | |
| |
| |
| Preparing Fireworks and Dreamweaver Editing Preferences | |
| |
| |
| Setting Dreamweaver Editing Preferences | |
| |
| |
| Setting Fireworks Preferences | |
| |
| |
| |
| Editing Fireworks Graphics from Within Dreamweaver | |
| |
| |
| Integrating Web Page Design with Fireworks and Dreamweaver | |
| |
| |
| |
| Designing a Web Page Interface in Fireworks | |
| |
| |
| Automating Workflow with Dreamweaver Library Elements | |
| |
| |
| |
| Creating Dreamweaver Library Items | |
| |
| |
| Exploring Additional Integration Features | |
| |
| |
| Quick Export | |
| |
| |
| Image Placeholders | |
| |
| |
| Enhanced Pop-up Menu Editing | |
| |
| |
| Reconstitute HTML Tables Command | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Integrating Fireworks with Other Applications | |
| |
| |
| Fireworks MX and Flash MX Integration | |
| |
| |
| Export and Import Options for Flash MX | |
| |
| |
| |
| Importing Fireworks Files to Flash MX | |
| |
| |
| Integrating with Other Macromedia Products | |
| |
| |
| Working with Macromedia FreeHand | |
| |
| |
| Working with Macromedia Director | |
| |
| |
| Working with Macromedia Homesite | |
| |
| |
| Integrating with Other Applications | |
| |
| |
| Working with Microsoft FrontPage | |
| |
| |
| Working with Adobe Photoshop | |
| |
| |
| What to Take Away | |
| |
| |
| Mastery Check | |
| |
| |
| |
| Appendixes | |
| |
| |
| |
| Answers to Mastery Checks | |
| |
| |
| |
| An Introduction to Fireworks MX | |
| |
| |
| |
| Creating Original Artwork with Vectors | |
| |
| |
| |
| Working with Bitmap Images | |
| |
| |
| |
| Working with Text and Text Effects | |
| |
| |
| |
| Exploring Strokes, Fills, and Effects | |
| |
| |
| |
| Creating and Organizing Complex Graphics | |
| |
| |
| |
| Tools for Creating Consistent Content | |
| |
| |
| |
| Creating Animated Files | |
| |
| |
| |
| Creative Tips for Getting the Most Out of Fireworks | |
| |
| |
| |
| Optimizing and Exporting Files | |
| |
| |
| |
| Creating Image Maps and Buttons | |
| |
| |
| |
| Creating Advanced Navigational Elements | |
| |
| |
| |
| Integrating Fireworks with Dreamweaver | |
| |
| |
| |
| Integrating Fireworks with Other Applications | |
| |
| |
| |
| Working with Fireworks Extensions | |
| |
| |
| Working with Included Extensions | |
| |
| |
| Add Arrowheads Extension | |
| |
| |
| Add Picture Frame Extension | |
| |
| |
| Fade Image Extension | |
| |
| |
| Twist and Fade Extension | |
| |
| |
| Resize Selected Objects Extension | |
| |
| |
| Align Extension | |
| |
| |
| Additional Extensions | |
| |
| |
| Managing Extensions | |
| |
| |
| Glossary | |
| |
| |
| Index | |