| |
| |
| |
Getting Started with Macromedia Fireworks | |
| |
| |
Introduction: Understanding Fireworks | |
| |
| |
| |
Understand the Fireworks Work Environment | |
| |
| |
Viewing the Fireworks Window | |
| |
| |
Tasks | |
| |
| |
Start Fireworks and open a Fireworks document | |
| |
| |
Open and adjust panels in the Fireworks window | |
| |
| |
| |
Work with New and Existing Documents | |
| |
| |
Working with Files | |
| |
| |
Accessing Help | |
| |
| |
Tasks | |
| |
| |
Create and save a new document | |
| |
| |
Get Help and add a layer | |
| |
| |
Use Help to search for a term | |
| |
| |
Drag and drop an image | |
| |
| |
| |
Work with Bitmap Images | |
| |
| |
Understanding the Layers Panel | |
| |
| |
Understanding Bitmap Images and Vector Objects | |
| |
| |
Tasks | |
| |
| |
Open a document and display the Layers panel | |
| |
| |
Edit a bitmap image and lock a layer | |
| |
| |
| |
Create Shapes | |
| |
| |
Using Rulers, Guides, and the Grid | |
| |
| |
Sizing and Repositioning Objects | |
| |
| |
Using the Tools Panel | |
| |
| |
Understanding Auto Shapes | |
| |
| |
Applying Fills and Strokes | |
| |
| |
Tasks | |
| |
| |
Display the guides | |
| |
| |
Create a vector object | |
| |
| |
Apply a stroke to an object | |
| |
| |
| |
Create and Modify Text | |
| |
| |
Using Text in a Document | |
| |
| |
Attaching Text to a Path | |
| |
| |
Tasks | |
| |
| |
Create text using the Text tool | |
| |
| |
Spell check text | |
| |
| |
Create a path, attach text to it, then exit Fireworks | |
| |
| |
| |
Working with Objects | |
| |
| |
Introduction: Understanding Vector Objects | |
| |
| |
| |
Work with Vector Tools | |
| |
| |
Understanding Vector Tools and Paths | |
| |
| |
Using the Pen Tool and the Subselection Tool | |
| |
| |
Tasks | |
| |
| |
Create an object using the Pen tool | |
| |
| |
Use the Pen tool and the Line tool to modify a path | |
| |
| |
Use the Subselection tool to modify an object | |
| |
| |
| |
Modify Multiple Vector Objects | |
| |
| |
Aligning and Grouping Objects | |
| |
| |
Combining the Paths of Multiple Objects | |
| |
| |
Tasks | |
| |
| |
Create a vector shape to an exact size | |
| |
| |
Copy an object | |
| |
| |
Align objects and combine paths | |
| |
| |
Group objects | |
| |
| |
| |
Modify Color | |
| |
| |
Understanding Fills and Gradients | |
| |
| |
Tasks | |
| |
| |
Apply a gradient to an object | |
| |
| |
Transform an object and its gradient | |
| |
| |
| |
Apply Effects to Objects and Text | |
| |
| |
Understanding Filters | |
| |
| |
Using the Filters Menu | |
| |
| |
Filters and File Size | |
| |
| |
Understanding Transparency | |
| |
| |
Tasks | |
| |
| |
Apply filters to objects | |
| |
| |
Apply filters to text | |
| |
| |
| |
Apply a Style to Text | |
| |
| |
Using Styles in Documents | |
| |
| |
Using Plug-ins | |
| |
| |
Using Adobe Photoshop Plug-ins and Features | |
| |
| |
Tasks | |
| |
| |
Apply a style to text | |
| |
| |
Create a custom style and align objects | |
| |
| |
| |
Importing, Selecting, and Modifying Graphics | |
| |
| |
Introduction: Understanding Importing | |
| |
| |
| |
Work with Imported Files | |
| |
| |
Considerations for Importing Files | |
| |
| |
Using Different File Formats | |
| |
| |
Tasks | |
| |
| |
Import a .gif file | |
| |
| |
Import a Fireworks .png file | |
| |
| |
Import a vector file as editable paths | |
| |
| |
Edit an imported vector object | |
| |
| |
| |
Work with Bitmap Selection Tools | |
| |
| |
Understanding Pixel Selection Tools | |
| |
| |
Using the Marquee Tools | |
| |
| |
Using the Transformation Tools | |
| |
| |
Tasks | |
| |
| |
Select pixels using the Marquee tool | |
| |
| |
Select pixels using the Oval Marquee tool | |
| |
| |
Transform a selection | |
| |
| |
| |
Learn About Selection Areas | |
| |
| |
Using the Lasso Tools | |
| |
| |
Using Select Menu Commands | |
| |
| |
Tasks | |
| |
| |
Select pixels using the Lasso tool | |
| |
| |
Create a selection using the Polygon Lasso tool and save it | |
| |
| |
Transform a selection | |
| |
| |
Transform a copied selection | |
| |
| |
| |
Select Areas Based on Color | |
| |
| |
Using the Magic Wand Tool | |
| |
| |
Merging and Flattening Objects and Layers | |
| |
| |
Tasks | |
| |
| |
Select and copy pixels using the Magic Wand tool | |
| |
| |
Select and alter pixels | |
| |
| |
Merge and flatten objects and layers | |
| |
| |
| |
Modifying Pixels and Manipulating Images | |
| |
| |
Introduction: Altering Pixels | |
| |
| |
| |
Alter Pixels on a Bitmap | |
| |
| |
Understanding the Image-Retouching Tools | |
| |
| |
Using the Rubber Stamp Tool and the Eraser Tool | |
| |
| |
Using the Replace Color Tool | |
| |
| |
Using the Image Editing Panel | |
| |
| |
Tasks | |
| |
| |
Use the Burn tool to darken pixels | |
| |
| |
Use the Dodge tool to lighten pixels | |
| |
| |
Use the Rubber Stamp tool | |
| |
| |
Use the Eraser tool to remove pixels | |
| |
| |
Use the Blur tool | |
| |
| |
Use the Replace Color tool to replace pixels | |
| |
| |
| |
Work with Masks | |
| |
| |
Understanding Masks | |
| |
| |
Working with Bitmap and Vector Masks | |
| |
| |
Deleting a Mask | |
| |
| |
Tasks | |
| |
| |
Create a bitmap mask | |
| |
| |
Create a vector mask using the Paste Inside command | |
| |
| |
Create a vector mask using the Paste as Mask command | |
| |
| |
Disable, enable, and apply a mask | |
| |
| |
| |
Understand Color | |
| |
| |
Understanding RGB color and channels | |
| |
| |
Understanding CMYK color | |
| |
| |
| |
Sample and Store Color | |
| |
| |
Using the Eyedropper Tool | |
| |
| |
Adding Sampled Colors to the Swatches Panel | |
| |
| |
Tasks | |
| |
| |
Sample a color using the Eyedropper tool | |
| |
| |
Add a swatch to the Swatches panel | |
| |
| |
| |
Use the Creative Commands to Change Images | |
| |
| |
Using the Creative Commands | |
| |
| |
Tasks | |
| |
| |
Apply the Twist and Fade command | |
| |
| |
Apply the Add Picture Frame command | |
| |
| |
| |
Use the Red Eye Removal tool | |
| |
| |
Understanding the Red Eye Removal tool | |
| |
| |
Task | |
| |
| |
Use the Red Eye Removal tool | |
| |
| |
| |
Apply a Blend Mode | |
| |
| |
Understanding Blend Modes | |
| |
| |
Task | |
| |
| |
Apply blend modes | |
| |
| |
| |
Working with Interactivity | |
| |
| |
Introduction: Understanding Web Functionality | |
| |
| |
| |
Create Slices and Hotspots | |
| |
| |
Understanding Interactivity | |
| |
| |
Understanding Slices and Hotspots | |
| |
| |
Understanding the Web Layer on the Layers Panel | |
| |
| |
Customizing Slice Overlay and Guide Colors | |
| |
| |
Tasks | |
| |
| |
Create a slice from an object | |
| |
| |
Use the Slice tool to create a slice | |
| |
| |
Edit a slice | |
| |
| |
Create a hotspot with the Circle Hotspot tool | |
| |
| |
Use the Polygon Hotspot tool | |
| |
| |
| |
Create Links | |
| |
| |
Assigning a URL to a Slice or a Hotspot | |
| |
| |
Accessing URLs | |
| |
| |
Understanding Preview Options | |
| |
| |
Tasks | |
| |
| |
Assign a relative and absolute links to slices | |
| |
| |
Preview links in Fireworks and in a browser | |
| |
| |
Assign an e-mail link to a slice | |
| |
| |
| |
Create Rollovers | |
| |
| |
Understanding Rollovers | |
| |
| |
Working with Behaviors | |
| |
| |
Using the Frames Panel | |
| |
| |
Tasks | |
| |
| |
Add a swap image behavior to a slice | |
| |
| |
Create and duplicate a frame | |
| |
| |
Add a disjoint rollover to a slice | |
| |
| |
Preview and test rollovers | |
| |
| |
| |
Create Buttons | |
| |
| |
Understanding Symbols and Instances | |
| |
| |
Understanding Buttons and Button States | |
| |
| |
Using the Library Panel | |
| |
| |
Tasks | |
| |
| |
Create a button symbol | |
| |
| |
Add a rollover state to a button | |
| |
| |
Duplicate button instances | |
| |
| |
Customize and preview instances | |
| |
| |
| |
Creating Animation | |
| |
| |
Introduction | |
| |
| |
Planning | |
| |
| |
Understanding Animation on the Web | |
| |
| |
| |
Prepare and Plan Animation | |
| |
| |
Planning-Keyboard-Action! | |
| |
| |
Understanding Storyboards | |
| |
| |
| |
Create Basic Animation | |
| |
| |
Understanding Animation in Fireworks | |
| |
| |
Sharing Layers Across Frames | |
| |
| |
Previewing Animation | |
| |
| |
Tasks | |
| |
| |
Create and modify instances | |
| |
| |
Create an animation symbol | |
| |
| |
Modify an animation | |
| |
| |
Preview an animation | |
| |
| |
| |
Create Frame Animation | |
| |
| |
Understanding Frame-by-Frame Animation | |
| |
| |
Managing Animation with the Frames Panel | |
| |
| |
Understanding Frame Delay | |
| |
| |
Tasks | |
| |
| |
Create frame-by-frame animation | |
| |
| |
Adjust frame delay | |
| |
| |
Use onion skinning | |
| |
| |
| |
Add Tweening to Animation | |
| |
| |
Understanding Tweening | |
| |
| |
Modifying Canvas Size | |
| |
| |
Tasks | |
| |
| |
Add tweening to an animation | |
| |
| |
Enhance animation | |
| |
| |
Trim and crop the canvas | |
| |
| |
| |
Optimize, Save, and Export Files | |
| |
| |
Learning about Optimizing, Saving, and Exporting | |
| |
| |
Choosing the Number of Times a Movie Will Play | |
| |
| |
Understanding the Basics of Optimization | |
| |
| |
Understanding Transparency | |
| |
| |
Understanding Exporting | |
| |
| |
Selecting Specific Areas to Export | |
| |
| |
Tasks | |
| |
| |
Set options on the Optimize panel and preview the animation in a browser | |
| |
| |
Change the color depth | |
| |
| |
Change the transparency of an animated GIF | |
| |
| |
Export an optimized file | |
| |
| |
| |
Creating Sophisticated Web Page Navigation | |
| |
| |
Introduction | |
| |
| |
Pop-up Menus and Navigation Bars | |
| |
| |
Integrating HTML | |
| |
| |
| |
Create a Pop-up Menu | |
| |
| |
Understanding Pop-up Menus | |
| |
| |
Exporting Pop-up Menus | |
| |
| |
Tasks | |
| |
| |
Create a pop-up menu | |
| |
| |
Add a pop-up submenu | |
| |
| |
Set menu appearance, table construction, and position | |
| |
| |
Preview the pop-up menu | |
| |
| |
Edit the pop-up menu | |
| |
| |
Optimize and export the document | |
| |
| |
| |
Create a Navigation Bar | |
| |
| |
Understanding Navigation Bars | |
| |
| |
Building Efficient Navigation Bars | |
| |
| |
Tasks | |
| |
| |
Create a generic button symbol with an Up state | |
| |
| |
Create other states for the button symbol | |
| |
| |
Create instances of the generic button symbol | |
| |
| |
Optimize and export the document and nav bar | |
| |
| |
Preview the document and nav bar | |
| |
| |
| |
Integrate Fireworks HTML into an HTML Editor | |
| |
| |
Understanding Web Page Structure and Basic HTML Code | |
| |
| |
Using Exported Fireworks HTML | |
| |
| |
Building a Content Page Around a Fireworks HTML Page | |
| |
| |
Inserting a Fireworks HTML Table into an Existing HTML Page | |
| |
| |
| |
Enhancing Productivity | |
| |
| |
Introduction: Making Your Job Easier | |
| |
| |
| |
Tailor and Customize Work | |
| |
| |
Customizing Keyboard Shortcuts | |
| |
| |
Using the History Panel | |
| |
| |
Maximizing Available Resources | |
| |
| |
Tasks | |
| |
| |
Create a duplicate keyboard shortcut set and custom shortcut | |
| |
| |
Undo a step in the History panel | |
| |
| |
Replay steps in the History panel | |
| |
| |
Save steps as a command | |
| |
| |
| |
Make Global Changes | |
| |
| |
Using the Find Panel | |
| |
| |
Using Batch Process | |
| |
| |
Tasks | |
| |
| |
Find and replace text | |
| |
| |
Run a batch process | |
| |
| |
View the results of batch processing | |
| |
| |
| |
Integrate Fireworks with Other Applications | |
| |
| |
Working with Files for Use in Other Applications | |
| |
| |
Using Quick Export | |
| |
| |
Using the File Manager | |
| |
| |
Launching Fireworks from Dreamweaver | |
| |
| |
Saving Time with Dreamweaver Libraries | |
| |
| |
Inserting a Library Item | |
| |
| |
Exporting a Library Item | |
| |
| |
| |
Understand Intellectual Property Issues | |
| |
| |
Understanding Intellectual Property | |
| |
| |
Privacy as It Impacts Advertising and Marketing | |
| |
| |
Data Files List | |
| |
| |
Glossary | |
| |
| |
Index | |