advertisement
Contents
Chapter 4: Selecting and transforming objects
Chapter 5: Working with bitmaps
Blurring and sharpening bitmaps
Chapter 6: Working with vector objects
Last updated 5/2/2011 iii
USING FIREWORKS
Contents
Chapter 8: Applying color, strokes, and fills
Chapter 10: Layers, masking, and blending
Chapter 11: Styles, symbols, and URLs
Chapter 12: Slices, rollovers, and hotspots
Chapter 13: Creating buttons and pop-up menus
Chapter 14: Prototyping websites and application interfaces
iv
Last updated 5/2/2011
USING FIREWORKS
Contents
Chapter 15: Creating animations
Create twist and fade animations
Chapter 16: Creating slide shows
Chapter 17: Optimizing and exporting
Optimize GIF, PNG, TIFF, BMP, and PICT files
Chapter 18: Using Fireworks with other applications
Last updated 5/2/2011 v
USING FIREWORKS
Contents
Chapter 20: Preferences and keyboard shortcuts
Select and customize keyboard shortcuts
vi
Last updated 5/2/2011
advertisement
Related manuals
advertisement
Table of contents
- 2 Legal notices
- 3 Contents
- 7 Chapter 1: What’s new
- 7 Improved performance, stability
- 7 Pixel Precision
- 7 Adobe Device Central integration
- 7 Supported workflows with Flash Catalyst and Flash Builder
- 7 Extensibility improvements
- 8 Swatch sharing across the suite
- 9 Chapter 2: Fireworks basics
- 9 About working in Fireworks
- 9 Draw and edit vector and bitmap objects
- 9 Add interactivity to graphics
- 9 Optimize and export graphics
- 9 Vector and bitmap graphics
- 10 About vector graphics
- 10 About bitmap graphics
- 10 Creating a new Fireworks document
- 11 Create a new document
- 11 Set default dimensions for new document
- 11 Create a new document the same size as an object on the Clipboard
- 12 Templates
- 12 Create template
- 12 Create file from template
- 12 Opening and importing files
- 12 Open a Fireworks document
- 12 Open a recently closed file
- 12 Open a recently closed file when no files are open
- 13 Open graphics created in other applications
- 13 Animated GIFs
- 13 EPS files
- 13 PSD files
- 13 WBMP files
- 13 Create Fireworks PNG files from HTML files
- 14 Open only the first table of an HTML file
- 14 Import the first table of an HTML file into an open Fireworks document
- 14 Insert objects into a Fireworks document
- 14 Drag an image or text into Fireworks
- 14 Paste into Fireworks
- 15 Location of pasted objects
- 15 Resample pasted objects
- 15 Resample a bitmap object by pasting
- 15 Import a PNG file into a Fireworks document layer
- 16 Import from a digital camera or scanner
- 16 Direct Fireworks to Photoshop Acquire plug-ins
- 16 Import an image from a digital camera (Windows)
- 16 Import an image from a digital camera (Mac OS)
- 16 Import an image from a scanner
- 17 Saving Fireworks files
- 17 Save a Fireworks PNG file for use in an earlier version
- 17 Save all open documents
- 17 Save documents in other formats
- 17 Add a picture frame
- 18 Reset warning messages
- 18 Take screenshot (Windows only)
- 19 Chapter 3: Workspace
- 19 Workspace basics
- 19 Fireworks workspace overview
- 19 The Start page
- 19 About Fireworks panels
- 20 Workspace overview
- 22 Hide or show all panels
- 22 Display panel options
- 22 (Illustrator) Adjust panel brightness
- 22 Reconfigure the Tools panel
- 22 Manage windows and panels
- 22 Rearrange, dock, or float document windows
- 23 Dock and undock panels
- 24 Move panels
- 24 Add and remove panels
- 25 Manipulate panel groups
- 25 Stack floating panels
- 25 Resize panels
- 25 Collapse and expand panel icons
- 26 Working with ConnectNow
- 27 Save and switch workspaces
- 27 Save a custom workspace
- 27 Display or switch workspaces
- 27 Delete a custom workspace
- 27 Restore the default workspace
- 28 (Photoshop) Restore a saved workspace arrangement
- 28 The Tools panel
- 29 Display tool options in the Property inspector
- 29 Select a tool from a tool group
- 29 The Property inspector
- 29 Undock the Property inspector
- 29 Dock the Property inspector at the bottom of the workspace
- 29 Expand or collapse the Property inspector
- 30 Display and move toolbars (Windows only)
- 30 Show or hide a toolbar
- 30 Undock a toolbar
- 30 Dock a toolbar (Windows only)
- 30 Lock editing during save operation
- 31 Navigate and view documents
- 31 Use document tabs to select documents
- 31 Zoom and pan in and out
- 31 Zoom in, using preset increments
- 32 Zoom out, using preset increments
- 32 Zoom in on a specific area
- 32 Zoom out of a specific area
- 32 Return to 100% magnification
- 32 Pan around the document
- 32 Fit the document in the current view
- 32 Use view modes to manage the workspace
- 32 Display multiple views of a document
- 33 View documents as they appear on different platforms
- 33 Change the canvas
- 33 Change the canvas size
- 33 Change the canvas color
- 33 Resize a document and its contents
- 34 About resampling
- 34 Rotate the canvas
- 34 Trim or fit the canvas
- 35 Crop a document
- 35 Use rulers, guides, and the grid
- 36 Show and hide rulers
- 36 Create a horizontal or vertical guide
- 36 Move a guide to a specific position
- 36 Show or hide guides or the grid
- 36 Snap objects to guides or to the grid
- 37 Lock or unlock all guides
- 37 Remove a guide
- 37 Display distance between guides
- 37 Smart Guides
- 37 Preview in browser
- 38 Undo and repeat multiple actions
- 38 Undo and redo actions
- 38 Repeat actions
- 38 Save actions for reuse
- 38 Use the saved custom command
- 38 Recovering unsaved files (Mac only)
- 39 Disable recovery file generation
- 39 Change default location for recovered files
- 40 Chapter 4: Selecting and transforming objects
- 40 Select objects
- 40 Select objects by clicking
- 40 Select objects by dragging
- 41 Move or modify objects with the Subselection tool
- 41 Select an object that is behind other objects
- 41 Selection information in the Property inspector
- 41 Modify a selection
- 41 Add to a selection
- 41 Deselect an object while leaving other objects selected
- 42 Select everything on every layer in the document
- 42 Deselect all selected objects
- 42 Hide the path selection feedback of a selected object
- 42 Hide selected objects
- 42 Show all objects
- 42 Select pixels
- 43 Options for bitmap selection tools
- 43 Edge options
- 43 Marquee or Oval Marquee style options
- 43 Create pixel selection marquees
- 43 Select a rectangular or elliptical area of pixels
- 43 Select a free-form area of pixels
- 43 Plot points to create a marquee selection
- 44 Select pixels in areas of similar color
- 44 Select similar colors throughout a document
- 45 Create a selection based on opaque areas of objects
- 45 Remove a selection marquee
- 45 Adjust selection marquees
- 45 Reposition a selection while creating it
- 45 Move an existing marquee
- 45 Add pixels to an existing selection
- 46 Subtract pixels from a selection
- 46 Select part of an existing marquee
- 46 Inverse a pixel selection
- 46 Feather a pixel selection
- 46 Expand or contract a marquee
- 46 Select an area around an existing marquee
- 46 Smooth the border of a marquee
- 47 Convert, transfer, or save marquee selections
- 47 Convert a marquee to a path
- 47 Transfer a marquee selection to another bitmap object
- 47 Save or restore a marquee selection
- 47 Delete a saved marquee selection
- 48 Copy or move the contents of a marquee selection
- 48 Move the contents of a marquee selection
- 48 Copy the contents of a marquee selection
- 48 Insert a new bitmap by copying a selection
- 48 Edit selected objects
- 48 Move, duplicate, or delete objects
- 48 Move a selection
- 49 Move or copy selected objects by pasting
- 49 Duplicate one or more selected objects
- 49 Clone a selection
- 49 Delete selected objects
- 49 Cancel or deselect a selection
- 49 Transform and distort objects and selections
- 50 Transform selected objects by using the transform handles
- 50 Resize a selected object
- 51 Resize/scale effects and strokes when the associated object is resized
- 51 Resize all selected objects
- 51 Skew objects
- 51 Distort objects
- 51 Rotate or flip objects
- 52 Rotate a selected object 90° or 180°
- 52 Rotate a selected object by dragging
- 52 Relocate the axis of rotation
- 52 Reset the axis of rotation to the center of the selection
- 52 Flip an object while maintaining relative position
- 52 Numerically transform objects
- 52 Scale or rotate selected objects by using the Numeric Transform command
- 53 View numeric transformation information
- 53 9-slice scaling
- 53 9-slicing symbols
- 53 Apply 9-slice guides to a symbol
- 54 Scale in one dimension with three slices
- 54 Identify symbols that use 9-slice scaling
- 54 9-slicing standard objects
- 55 Organize multiple objects
- 55 Options for organizing objects
- 55 Group or ungroup objects
- 55 Select objects within groups
- 56 Select an object that is part of a group
- 56 Select the group that contains a subselected object
- 56 Select all objects within a selected group
- 56 Stack the order of objects
- 56 Change the stacking order of a selected object or group within a layer
- 56 Arrange objects among layers
- 56 Align objects
- 56 Align selected objects
- 57 Align autoshapes
- 57 Evenly distribute the widths or heights of three or more selected objects
- 58 Chapter 5: Working with bitmaps
- 58 Creating bitmaps
- 58 Create bitmap objects by drawing
- 58 Create empty bitmap objects
- 58 Cut or copy pixels and paste them as a new bitmap object
- 59 Convert selected vector objects to a bitmap image
- 59 Editing bitmaps
- 59 Draw bitmap objects
- 59 Paint an object with the Brush tool
- 59 Change pixels to the fill color
- 60 Apply a gradient fill to a pixel selection
- 60 Sample a color to use as a stroke or fill color
- 60 Erase pixels in a bitmap object or selection
- 60 Crop a selected bitmap
- 61 Retouching bitmaps
- 61 Clone pixels
- 62 Set options for the Rubber Stamp tool
- 62 Duplicate a pixel selection
- 62 Blur, sharpen, and smudge images
- 63 Lighten and darken parts of images
- 63 Remove red-eye from photos
- 64 Replace colors in bitmap objects
- 64 Replace a color by using the color swatch
- 64 Replace a color with a selected color in an image
- 65 Blur edges by feathering
- 65 Adjust bitmap color and tone
- 65 Apply a Live Filter to an area defined by a bitmap selection marquee
- 66 Adjust tonal range in bitmaps
- 66 Adjust highlights, midtones, and shadows with Levels
- 67 Adjust highlights, midtones, and shadows automatically
- 68 Adjust a specific color in the tonal range with Curves
- 69 Delete a point along the curve
- 69 Adjust the tonal balance manually
- 69 Adjust brightness and contrast
- 70 Change object colors by blending
- 70 Adjust hue and saturation
- 71 Change an RGB image to a two-tone image or add color to a grayscale image
- 71 Invert an image's color values
- 71 Change an object to grayscale
- 72 Change an object to sepia tone
- 72 Blurring and sharpening bitmaps
- 72 Blurring options
- 72 Change a bitmap into a line drawing
- 73 Convert an image to a transparency
- 73 Sharpen an image
- 74 Add noise to an image
- 74 Add noise
- 75 Chapter 6: Working with vector objects
- 75 Basic shapes
- 75 Draw and edit basic shapes
- 75 Draw a line, rectangle, or ellipse
- 75 Draw a shape from the center point
- 75 Add arrowheads to a line
- 76 Adjust the position of a basic shape as you draw it
- 76 Resize a selected line, rectangle, or ellipse
- 76 Increase the sharpness of lines
- 78 Draw basic rounded rectangles
- 78 Draw a basic polygon
- 79 Draw a star
- 79 Edit/save primitive rectangles
- 80 Auto Shapes
- 80 The Auto Shape tools
- 80 Draw an Auto Shape
- 81 Add a shadow to an Auto Shape
- 81 Change Auto Shape properties precisely
- 81 Change Auto Shape properties by using control points
- 81 Adjust Arrow Auto Shapes
- 82 Adjust Arrow Line Auto Shapes
- 82 Adjust beveled, chamfered, and rounded rectangle Auto Shapes
- 82 Adjust Connector Line Auto Shapes
- 82 Adjust Doughnut Auto Shapes
- 82 Adjust L-shaped Auto Shapes
- 82 Adjust Measure Tool Auto Shapes
- 83 Adjust Pie Auto Shapes
- 83 Adjust Smart polygon Auto Shapes
- 83 Adjust Spiral Auto Shapes
- 83 Adjust Star Auto Shapes
- 83 Use additional Auto Shapes
- 83 Add new Auto Shapes to Fireworks
- 84 Free-form shapes
- 84 Draw free-form paths with the Vector Path tool
- 84 Draw free-form paths by plotting points with the Pen tool
- 85 Draw a path with straight line segments
- 85 Draw a path with curved segments
- 86 Convert path segments to straight or curved points
- 86 Convert a corner point to a curve point
- 86 Convert a curve point to a corner point
- 87 Edit free-form paths by using points and point handles
- 87 Select specific points on a selected path
- 87 Insert a point on a selected path
- 87 Delete a point from a selected path
- 87 Move a point
- 87 Change a straight path segment
- 88 Change the shape of a curved path segment
- 88 Adjust the handle of a corner point
- 89 Extend and merge free-form paths
- 89 Resume drawing an existing open path
- 89 Merge two open paths
- 89 Auto-join similar open paths
- 89 Compound shapes
- 89 Create compound shapes
- 89 Apply compound shape after creating multiple vector objects
- 90 Apply compound shape before creating multiple vector objects
- 90 Convert compound shapes to composite path
- 90 Special vector-editing techniques
- 90 Edit with vector tools
- 90 Bend and reshape vector objects with the Freeform tool
- 92 Distort selected paths with the Reshape Area tool
- 92 Redraw or extend a selected path segment with the Redraw Path tool
- 93 Change path appearance by varying pressure and speed with Path Scrubber tools
- 93 Slice a path into multiple objects with the Knife tool
- 93 Edit with path operations
- 93 Create one continuous path from two open paths
- 93 Create a composite path
- 93 Break apart a composite path
- 93 Combine selected closed paths as one path enclosing the entire area of the original paths
- 94 Convert a path to a marquee selection
- 94 Create an object from the intersection of other objects
- 94 Remove portions of a path object
- 95 Crop a path
- 95 Simplify a path
- 95 Expand a selected object's stroke
- 96 Contract or expand a path
- 96 Edit paths using the Path panel
- 97 Chapter 7: Working with text
- 97 Enter text
- 97 Create and move text blocks
- 98 Change auto-sized and fixed-width text blocks
- 98 Text overflow indicator
- 98 Selecting text
- 99 Format and edit text
- 99 About fonts
- 100 Previewing fonts
- 100 Specify a typeface size
- 100 Make missing fonts available
- 100 Choose a font family and style
- 100 Choose a font family and style with the Property inspector
- 101 Choose a font family and style with the Text menu
- 101 Change text to uppercase
- 101 Change text to lowercase
- 101 Change text to sentence case
- 101 Insert line break
- 101 Undo text changes
- 101 Insert special characters
- 101 Insert placeholder text
- 101 Apply color to text
- 102 Set the color of text in a selected text block
- 102 Set spacing between lines and letters
- 103 Set kerning or tracking
- 103 Set the leading of selected text
- 103 Set text orientation and alignment
- 103 Set text orientation
- 104 Set text alignment
- 104 Set paragraph indention and spacing
- 104 Apply text effects
- 104 Smooth edges of text
- 105 Adjust the character width of selected characters
- 105 Change the proximity of text to the baseline
- 105 Save stroke, fill, and filter text attributes as a style
- 106 Attaching text to a path
- 106 Attach text to a path and edit it
- 106 Change text orientation and direction on a path
- 107 Attach text in path
- 107 Convert text to paths
- 107 Transform text blocks
- 108 Solidify text
- 108 Import text
- 108 Replacements for missing fonts
- 108 Select a replacement font
- 109 Check spelling of text
- 109 Spell-check text
- 109 Customize spell checking
- 110 Chapter 8: Applying color, strokes, and fills
- 110 Applying colors
- 110 Activate, remove, or swap the stroke and fill
- 110 Activate the stroke or fill color
- 110 Reset stroke and fill colors to the default
- 110 Remove the stroke and fill from selected objects
- 110 Swap the fill and stroke colors
- 111 Apply and organize swatches
- 111 Apply a swatch color to the stroke or fill of a selected object
- 111 Select, change, or add swatch groups
- 111 Add or replace a color in the Swatches panel
- 111 Delete a swatch
- 111 Clear or sort swatches
- 111 Create and modify colors in the Color Mixer
- 112 Apply color to a selected vector object
- 112 Pick a color
- 112 Cycle through color models
- 112 Create colors using the system color pickers
- 113 Manage colors with the Color Palette panel
- 113 Find the nearest websafe color for any color value
- 113 Create and swap color palettes
- 113 Export a palette
- 113 Create a color gradation series
- 114 Create a shared palette
- 114 Select colors from a color pop-up window
- 114 Select a color for a color box
- 114 Display the current Swatches panel swatch group
- 114 Display a different swatch group in the color pop-up window
- 114 Sample colors from a color pop-up window
- 114 Identify color values
- 114 View the color value of any part of a document
- 115 View the color value of the active stroke or fill color
- 115 Display color information for a different color model
- 115 Dither to simulate web-safe colors and transparency
- 115 Apply a web dither fill
- 115 Apply a transparent dither fill
- 116 Save swatches
- 116 Save a swatch group
- 116 Saving swatches as ASE files
- 116 Save swatches as an ASE file
- 116 Import Swatches from other CS applications
- 116 Kuler panel
- 116 About the Kuler panel
- 117 Browse themes
- 117 Search themes
- 117 View a theme online on Kuler
- 117 Saving frequent searches
- 117 Working with themes
- 117 Add a theme to the Swatches panel of your application
- 117 Edit a theme
- 118 Create panel tools
- 118 Applying strokes and fills
- 118 Apply and change strokes
- 118 Change stroke attributes of selected objects
- 119 Change the stroke color of a drawing tool
- 119 Remove stroke attributes from a selected object
- 119 Align strokes
- 119 Create and edit custom strokes
- 120 Open the Edit Stroke dialog box
- 120 Set general brush stroke options
- 120 Modify the brush tip
- 120 Set stroke sensitivity
- 120 Save/delete custom strokes
- 121 Move a brush stroke inside or outside a path
- 121 Create stroke styles
- 121 Create and edit solid fills
- 121 Change the solid fill color of vector drawing tools and the Paint Bucket tool
- 122 Edit the solid fill of a selected vector object
- 122 Create and apply pattern and gradient fills
- 122 Apply a pattern fill to a selected object
- 122 Create a custom pattern fill from an external file
- 122 Apply a gradient fill to a selected object
- 123 Edit a gradient fill
- 123 Create fills with the Gradient tool
- 123 Reduce banding for gradients
- 124 Transform and distort fills
- 124 Modify the edges of fills
- 124 Save a custom gradient fill
- 124 Remove a fill from a selected object
- 125 Add three-dimensional effects to strokes and fills
- 125 Add texture to a stroke or fill
- 125 Add a custom texture
- 125 Create a new texture from an external file
- 126 Chapter 9: Using Live Filters
- 126 Applying Live Filters
- 126 About Live Filters
- 127 Apply Live Filters
- 127 Apply a Live Filter to selected objects
- 127 Enable or disable a Live Filter applied to an object
- 127 Enable or disable all Live Filters applied to an object
- 127 Save applied effects
- 127 Apply beveled edges
- 127 Apply embossing
- 128 Apply shadows and glows
- 128 Filter settings for shadows
- 128 Apply a solid shadow
- 129 Apply a drop shadow or inner shadow
- 129 Apply a glow
- 129 Apply filters and Photoshop plug-ins as Live Filters
- 129 Install and apply Photoshop plug-ins
- 130 Edit and customize Live Filters
- 130 Edit Live Filter settings
- 130 Reorder or remove Live Filters
- 130 Reorder Live Filters
- 130 Remove a single filter applied to a selected object
- 130 Remove all filters from a selected object
- 130 Create custom Live Filters
- 130 Create a custom Live Filter using the Styles panel
- 131 Apply a custom Live Filter to selected objects
- 131 Save Live Filters as commands
- 132 Chapter 10: Layers, masking, and blending
- 132 Layers
- 133 Activate a layer
- 133 Add and remove layers
- 133 Add a layer
- 133 Delete a layer
- 133 Duplicate a layer and objects
- 133 Duplicate an object
- 134 Expand or collapse layers
- 134 Organize layers
- 134 Name a layer or object
- 134 Move a single layer or object
- 134 Move all selected objects on a layer
- 134 Protect layers and objects
- 134 Lock objects and layers
- 135 Turn on or off Single Layer Editing
- 135 Show or hide objects and layers
- 135 Hide or lock other layers
- 135 Merge objects in the Layers panel
- 135 Distribute objects to layers
- 136 Share layers
- 136 Share the selected layer across states
- 136 Share the selected layer across pages
- 136 Disable the sharing of a layer
- 136 Use the Web Layer
- 136 Rename a slice or hotspot in the Web Layer
- 136 About importing Photoshop grouped layers
- 137 Masking
- 137 About vector masks
- 137 About bitmap masks
- 138 Create a mask from an existing object
- 138 Mask objects by using the Paste As Mask command
- 139 Mask objects by using the Paste Inside command
- 140 Use text as a mask
- 140 Use auto vector mask
- 140 Mask objects using the Layers panel
- 141 Mask objects by using the Reveal and Hide commands
- 141 Use Reveal All and Hide All to create a mask
- 142 Use Reveal Selection and Hide Selection to create a mask
- 142 About importing and exporting Photoshop layer masks
- 143 Group objects to form a mask
- 143 Select and move masks
- 143 Select masks and masked objects using mask thumbnails
- 143 Select masks and masked objects using the Subselection tool
- 144 Move masks and masked objects
- 145 Edit masks
- 145 Modify a selected mask’s shape
- 145 Modify a selected mask’s color
- 145 Add more mask objects to a mask
- 145 Modify a mask using the transformation tools
- 146 Add masked objects to a masked selection
- 146 Replace a mask
- 146 Disable or enable a selected mask
- 146 Delete a selected mask
- 146 Change the way masks are applied
- 147 Apply a vector mask using its path outline
- 148 Show a vector mask's fill and stroke
- 148 Apply a bitmap mask using its alpha channel
- 148 Apply a vector or bitmap mask using its grayscale appearance
- 148 Convert a vector mask to a bitmap mask
- 148 Blending and transparency
- 148 About blending modes
- 148 Elements in a blending mode
- 148 Blending modes
- 150 Examples of blending modes
- 151 Adjust opacity and apply blends
- 151 Specify a blending mode and opacity before you draw an object
- 151 Set a blending mode and opacity level for existing objects
- 151 Set a default blending mode and opacity level to be applied to objects as you draw them
- 151 About the Color Fill Live Filter
- 152 Chapter 11: Styles, symbols, and URLs
- 152 Styles
- 152 Apply a style
- 153 Create and delete styles
- 153 Create a style
- 153 Rename a style
- 153 Base a new style on an existing style
- 153 Delete a style
- 154 Edit or redefine styles
- 154 Edit a style
- 154 Redefine a style
- 154 Saving and importing styles
- 154 Save the style library
- 154 Import styles
- 154 Load styles to the current document
- 155 Change style icon size
- 155 Copy attributes from one object to another without applying a style
- 155 Break the link to a style
- 155 Remove style overrides from objects
- 155 Select unused styles in the current document
- 155 Duplicate a style
- 155 Symbols
- 156 Create a symbol
- 156 Create a symbol from a selected object
- 156 Create a symbol from scratch
- 156 Place an instance of a symbol
- 156 Edit a symbol and all of its instances
- 157 Edit a symbol
- 157 Switch from symbol editing to page editing
- 157 Rename a symbol
- 157 Duplicate a symbol
- 157 Change symbol type
- 157 Select all unused symbols in the Document Library panel
- 158 Delete a symbol and all of its instances
- 158 Swap a symbol
- 158 Edit specific symbol instances
- 158 Break symbol links
- 158 Edit an instance without breaking the symbol link
- 158 Create and use component symbols
- 159 Add a component symbol to a document
- 159 Adjust component symbol properties
- 159 Create a component symbol
- 160 Save an existing symbol as a component symbol
- 160 Create editable symbol parameters using JavaScript
- 161 Import and export symbols
- 162 Import one or more prepared symbols from a Fireworks symbol library
- 162 Import symbols from another file into the current document
- 162 Import a symbol by dragging and dropping or copying and pasting
- 162 Export symbols
- 162 Update exported symbols and instances in multiple documents
- 162 Create nested symbols
- 163 9-slice scaling nested symbols
- 163 Enable 9-slice scaling for an existing symbol
- 163 URLs
- 164 About absolute and relative URLs
- 164 Link to pages in a Fireworks document
- 164 Give default page URLs an extension other than .htm
- 164 Assign a URL to a web object
- 164 Create a URL library
- 165 Create a URL library
- 165 Add a new URL to a URL library
- 165 Simultaneously add a URL to the library and assign it to a web object
- 165 Add used URLs to a URL library
- 165 Delete a selected URL from the URL preview panel
- 165 Delete all unused URLs from the library
- 165 Edit URLs
- 165 Import and export URLs
- 166 Export URLs
- 166 Import URLs
- 167 Chapter 12: Slices, rollovers, and hotspots
- 167 Creating and editing slices
- 167 Create rectangular slices
- 168 Draw a rectangular slice object
- 168 Create a rectangular slice based on a selected object
- 168 Create nonrectangular slices
- 168 Draw polygon slice objects
- 168 Create a polygon slice from a vector object or path
- 169 Create HTML text slices
- 169 View and display slices and slice guides
- 169 View and select slices
- 169 Show and hide slices
- 170 Change the color of slice objects and guides
- 170 Edit slices
- 170 Edit slices by moving slice guides
- 171 Resize one or more slices
- 171 Reposition a slice guide to the far edge of the canvas
- 171 Move adjacent slice guides
- 171 Edit slices with tools
- 171 Remove a slice
- 172 Interactive slices
- 172 Add simple interactivity to slices
- 173 About rollovers
- 173 Create and attach a simple rollover
- 174 Create and attach a disjoint rollover
- 175 Apply multiple rollovers to a slice
- 175 Remove a drag-and-drop rollover from a slice, hotspot, or button
- 175 Add complex interactivity to slices
- 175 Behavior options
- 176 Attach behaviors to a selected slice
- 176 Change the mouse event that activates the behavior
- 176 Use external image files for swap images
- 177 Preparing slices for export
- 177 Assign URLs to slices
- 177 Enter alternate text
- 177 Select slices or hotspots without alternate text
- 178 Set default alternate text
- 178 Assign a target for a selected slice or hotspot
- 178 Name slices
- 178 Enter a custom slice name
- 178 Auto-name a slice file
- 178 Change the default auto-naming convention
- 180 Define how HTML tables are exported
- 180 Hotspots and image maps
- 181 Create hotspots
- 181 Create a rectangular or circular hotspot
- 181 Create an odd-shaped hotspot
- 182 Create a hotspot by tracing one or more selected objects
- 182 Convert a selected hotspot to a rectangle, circle, or polygon hotspot
- 182 Prepare hotspots for export
- 182 Create image maps
- 183 Create rollovers with hotspots
- 183 Use hotspots on top of slices
- 184 Chapter 13: Creating buttons and pop-up menus
- 184 Navigation basics
- 184 About navigation features
- 184 Create a basic navigation bar
- 184 Create button symbols
- 185 Apply states to buttons
- 185 Create a simple two-state button
- 186 Create a three- or four-state button
- 186 Convert Fireworks rollovers into buttons
- 187 Insert and import button symbols
- 187 Edit button symbols
- 187 Edit button properties at the symbol level
- 188 Edit button properties at the instance level
- 188 Set interactive button properties
- 188 Edit interactive button properties
- 189 Pop-up menus
- 189 Create a simple pop-up menu
- 190 Create submenus within a pop-up menu
- 190 Change the appearance of a pop-up menu
- 191 Add custom menu styles to the Pop-up Menu Editor
- 191 Set advanced cell properties
- 192 Change the position of pop-up menus and submenus
- 192 Set a specific position for a pop-up menu or submenu
- 192 Set the position for a pop-up menu by dragging it
- 193 Edit or move items in pop-up menus
- 193 Edit menu text
- 193 Move a menu item
- 193 About exporting pop-up menus
- 194 Chapter 14: Prototyping websites and application interfaces
- 194 Prototyping workflow
- 195 Working with Fireworks pages
- 195 Add, delete, and navigate pages
- 196 Add a page
- 196 Navigate to a page
- 196 Duplicate a page
- 196 Move one or more pages
- 196 Delete a page
- 197 Edit a page canvas
- 197 Use a master page
- 197 Create a master page
- 197 Link pages to the master page
- 198 Show or hide the master page layer
- 198 Remove master page layers
- 198 Change a master page back into a normal page
- 198 Export selected pages
- 198 Customize filenames when exporting pages
- 198 Export slices in selected pages
- 199 Multi-page preview
- 199 Enable multi-page preview
- 199 Preview pages before opening or importing them
- 199 Creating CSS-based layouts
- 199 About CSS page layout
- 200 Rules for CSS-based layouts
- 200 Export a CSS layout
- 201 Create a document demo
- 201 Prototyping Flex applications
- 202 Edit Flex component properties
- 202 Export a Fireworks document to MXML
- 202 Create and export Flex skins
- 202 Skin Flex components
- 203 Export Flex skins
- 203 MXML export limitations
- 203 Prototyping Adobe AIR applications
- 203 Add Adobe AIR mouse events
- 204 Preview an Adobe AIR application
- 204 Create an Adobe AIR application
- 205 Sign an Adobe AIR application with a digital certificate
- 206 Chapter 15: Creating animations
- 206 Animation basics
- 206 Animation workflow
- 206 About animation symbols
- 207 Create animation symbols
- 207 Create an animation symbol
- 207 Convert an object to an animation symbol
- 207 Edit animation symbols
- 207 Animation symbol properties
- 208 Change animation symbol properties
- 208 Remove animations
- 208 Remove the animation from a selected animation symbol
- 208 Remove a symbol from the document library
- 208 Change the movement or direction of a symbol
- 209 States
- 209 States and layers
- 210 States and master pages
- 210 Creating prototype/demo page with both buttons and animations
- 210 Set state duration
- 210 Hide states during playback
- 211 Change state names
- 211 Customize names of states
- 211 Manipulate states
- 211 Add a new state
- 211 Add states to a sequence
- 211 Copy a state
- 211 Copy a selected state and place it in a sequence
- 211 Reorder states
- 212 Reverse the order of states
- 212 Delete the selected state
- 212 Move selected objects in the States panel
- 212 View objects in a state
- 213 About onion skinning
- 213 Tweening
- 213 Tween instances
- 213 Preview an animation
- 213 Preview an animation in the workspace
- 214 Preview an animation in Preview view
- 214 Preview an animation in a web browser
- 214 Optimize an animation
- 214 Set the animation to repeat by looping
- 214 Select settings from the Optimize panel
- 215 Work with existing animations
- 215 Import an animated GIF
- 215 Open an animated GIF
- 215 Use multiple files as one animation
- 216 Create twist and fade animations
- 217 Chapter 16: Creating slide shows
- 217 Build and arrange a slide show
- 217 Create a slide show
- 218 Open an existing slide show
- 218 Delete an album
- 218 Arrange an album
- 218 Customize a slide show
- 218 AlbumBook Properties panel
- 218 Album Properties panel
- 219 Captions panel
- 219 Filters panel
- 219 Slideshow Properties panel
- 219 Export Options panel
- 220 Create a custom Fireworks album player
- 221 Node definitions
- 221 AlbumBook node
- 221 Album node
- 221 Slide node
- 223 Chapter 17: Optimizing and exporting
- 223 Use the Export Wizard
- 223 Use the Image Preview
- 224 Manipulate the preview area
- 224 Zoom the image
- 224 Pan the image
- 224 Divide the preview area to compare settings
- 224 Set Image Preview options
- 224 Optimize an image based on target file size
- 225 Set exported image dimensions
- 225 Define only a portion of an image for export
- 225 Select animation settings
- 226 Export using Image Preview
- 226 Optimize in the workspace
- 226 Optimize individual slices
- 226 Preview and compare optimization settings
- 227 Preview a graphic based on the current optimization settings
- 227 Compare views with different optimization settings
- 227 Switch any optimized view to the original view in 2-Up or 4-Up mode
- 227 Switch the original view to an optimized view in 2-Up or 4-Up mode
- 228 Hide or show the slice overlay
- 228 Optimize by using a preset option
- 228 Choose a file type
- 229 Save and reuse optimization settings
- 229 Save optimization settings as a preset
- 229 Share saved optimization settings with another Fireworks user
- 229 Delete a custom preset optimization
- 229 Optimize GIF, PNG, TIFF, BMP, and PICT files
- 230 Choosing a color palette
- 230 Import a custom palette
- 231 Select a color depth for an 8-bit image
- 231 Remove unused colors in an 8-bit image
- 231 Include all palette colors, including those not present in the saved image
- 231 View and edit colors in a palette
- 231 Rebuild the color table to reflect edits in the document
- 231 Select colors in a palette
- 232 Preview all the pixels in the document that contain a specific color
- 232 Lock or unlock colors in a palette
- 232 Edit colors in a palette
- 232 Use websafe colors
- 233 Use dithering to approximate colors a palette lacks
- 233 Save color palettes
- 233 Adjust compression
- 233 Make areas transparent
- 234 Make an image background transparent
- 234 Select a color for transparency
- 234 Add or remove transparent colors
- 234 Interlace images to download gradually
- 235 Match a target background color
- 235 Remove halos
- 235 Prevent halos in Fireworks PNG files and imported Photoshop files
- 235 Remove a halo manually from a GIF or other graphic file
- 236 Optimize JPEGs
- 236 Adjust JPEG quality
- 236 Selectively compress areas of a JPEG
- 237 Modify the selective JPEG compression area
- 237 Blur or sharpen JPEG detail
- 238 Create a progressive JPEG image
- 238 Export from the workspace
- 238 Export pages as image files
- 238 Export a single image
- 239 Export a sliced document
- 239 Export all slices
- 239 Export selected slices
- 240 Update a slice
- 240 Export an animation
- 240 Export an animated GIF
- 240 Export multiple animated GIFs with different animation settings
- 241 Export states or layers as multiple files
- 241 Export an area from a document
- 241 Export HTML
- 242 Include comments in exported HTML
- 242 Results of exporting
- 242 Export Fireworks HTML
- 243 Copy HTML code to the Clipboard
- 244 Copy code from an exported Fireworks file and paste it into another HTML document
- 244 Update exported HTML
- 245 Export CSS layers
- 245 Export XHTML
- 246 Export files with and without UTF-8 encoding
- 246 Set HTML export options
- 247 Export Adobe PDF files
- 248 View exported PDF files (recommended)
- 248 Export FXG files
- 248 Send a Fireworks document as an e-mail attachment
- 250 Chapter 18: Using Fireworks with other applications
- 250 Working with Dreamweaver
- 250 Place Fireworks images in Dreamweaver files
- 250 Insert Fireworks images into Dreamweaver using the Files panel
- 250 Insert Fireworks images into Dreamweaver using the Insert menu
- 250 Create new Fireworks files from Dreamweaver placeholders
- 252 Place Fireworks HTML code in Dreamweaver
- 252 Copy Fireworks HTML code for use in Dreamweaver
- 253 Update Fireworks HTML exported to Dreamweaver
- 253 Export Fireworks files to Dreamweaver libraries
- 253 Edit Fireworks files from Dreamweaver
- 254 About Roundtrip HTML
- 255 About supported and non-supported Dreamweaver behaviors
- 255 Optimize Fireworks images and animations placed in Dreamweaver
- 255 Change optimization settings for a Fireworks image placed in Dreamweaver
- 256 Change animation settings
- 256 Set launch-and-edit options
- 256 Set Fireworks as the primary external image editor for Dreamweaver
- 257 Set launch-and-edit preferences for Fireworks source files
- 257 About Design Notes and source files
- 258 Transferring site files with the File Management button
- 258 Working with HomeSite, GoLive, and other HTML editors
- 258 Place Fireworks images in HomeSite
- 258 Place Fireworks HTML in HomeSite
- 259 Export Fireworks HTML to HomeSite
- 259 Copy Fireworks HTML to the Clipboard for use in HomeSite
- 259 Copy code from an exported Fireworks file and paste it into HomeSite
- 259 Update Fireworks HTML that was exported to HomeSite
- 259 Edit Fireworks images in HomeSite
- 259 Working with GoLive and other HTML editors
- 260 Working with Flash
- 260 Place Fireworks graphics in Flash
- 260 Import Fireworks PNG files into Flash
- 261 Options for importing Fireworks graphics, vector objects, and text
- 261 Copy or drag Fireworks graphics into Flash
- 262 About the Flash library structure
- 262 About importing Fireworks symbols in Flash
- 263 About preserving visibility and locking
- 263 Supported Photoshop layer effects
- 263 Exporting Fireworks graphics to other formats for use in Flash
- 264 Use Fireworks to edit graphics in Flash
- 265 Working with Illustrator
- 265 Working with Illustrator
- 266 Importing Illustrator files containing multiple artboards
- 267 Working with Photoshop
- 267 Place Photoshop images in Fireworks
- 267 Converted and unsupported Photoshop features in Fireworks
- 267 Drag, open, or import Photoshop images into Fireworks
- 268 Import options for Photoshop files
- 268 About importing text from Photoshop
- 269 Import/Export Photoshop gradients
- 269 Maintain appearance of Adjustment layer after import
- 269 Maintain appearance of adjusted layers
- 269 Use Photoshop filters and plug-ins
- 270 Enable Photoshop plug-ins using the Preferences dialog box
- 270 Enable Photoshop plug-ins using the Live Filters window
- 270 Place Fireworks graphics in Photoshop
- 270 Export a file in Photoshop format
- 271 Customize Photoshop export settings
- 271 Working with Director
- 272 Place Fireworks files in Director
- 272 Export 32-bit PNG images with transparency
- 272 Export layered and sliced Fireworks content to Director
- 272 Import a flattened Fireworks image into Director
- 272 Import layered, sliced, or interactive Fireworks content
- 273 Edit Director cast members in Fireworks
- 273 Start Fireworks to edit a Director cast member
- 273 Optimize cast members in Director
- 273 Share image metadata with Adobe XMP
- 274 Add metadata using the File Info dialog box
- 275 Work with metadata templates
- 275 Create a metadata template
- 275 Save metadata in the File Info dialog box as an XMP file
- 275 Show or delete metadata templates
- 275 Apply metadata templates to files in Adobe Bridge
- 276 Edit metadata templates
- 276 Import metadata into a document
- 276 Previewing Fireworks documents in mobile emulators
- 276 Preview Fireworks documents in Device Central
- 277 Create Fireworks document based on a selected mobile device
- 277 Create Fireworks document based on selected mobile devices
- 278 Chapter 19: Automating tasks
- 278 Finding and replacing
- 278 Find and replace regular expressions
- 278 Example 1
- 278 Example 2
- 279 Select the source for the search
- 279 Set options for finding and replacing in multiple files
- 280 Find and replace text
- 280 Find and replace fonts
- 280 Find and replace colors
- 280 Find and replace URLs
- 280 Find and replace non-websafe colors
- 281 Batch-processing
- 281 Batch-processing workflow
- 283 Change optimization settings during batch-processing
- 283 Change filenames during batch-processing
- 283 Scaling graphics during batch-processing
- 284 Find and replace during batch-processing
- 284 Using commands for batch-processing
- 285 Perform JavaScript commands during batch-processing
- 285 Specify the location for saving backup files
- 285 Batch processes as scripts
- 285 Create a batch process script
- 286 Run a batch script
- 286 Drag and drop frequently used scripts
- 286 Extending Fireworks
- 286 Open the Extension Manager from within Fireworks
- 286 Creating an MXP file for assets
- 287 Scripting
- 287 Scripting with the History panel
- 287 Save steps as a command for reuse
- 287 Undo or redo steps
- 288 Change the number of steps the History panel remembers
- 288 Clear all steps
- 288 Play back a saved command
- 288 Replay a selection of steps
- 288 Apply selected steps to objects in many documents
- 288 Repeat the last step
- 288 About scripting with JavaScript
- 288 Creating commands and panels with Flash
- 289 Manage commands
- 289 Rename a custom command that you created
- 289 Delete a custom command that you created
- 289 Edit a command, using JavaScript
- 289 Edit selected actions from the History panel, using JavaScript
- 290 Chapter 20: Preferences and keyboard shortcuts
- 290 Set preferences
- 290 General preferences
- 290 Edit preferences
- 291 Guides and Grids preferences
- 291 Type preferences
- 292 Photoshop Import and open preferences
- 292 Launch and Edit preferences
- 293 Plug-ins preferences
- 293 Restore default preferences
- 293 Select and customize keyboard shortcuts
- 293 Select a shortcut set
- 293 Create custom and secondary shortcuts
- 294 Delete custom shortcuts and shortcut sets
- 294 Delete a custom shortcut set
- 294 Delete a custom shortcut
- 294 Create a reference sheet for the current shortcut set
- 294 Work with configuration files
- 295 About user configuration files
- 295 About master configuration files that affect all users
- 295 Location of the Fireworks preferences file
- 295 About reinstalling Fireworks
- 296 View package contents (Mac OS only)