background image

macromedia

macromedia

®

Using Fireworks

FIREWORKS

®

2

Summary of Contents for FIREWORKS 2

Page 1: ...macromedia macromedia Using Fireworks FIREWORKS 2...

Page 2: ...IED ONTO ANOTHER DISK EXCEPT FOR ARCHIVAL PURPOSES OR INTO MEMORY UNLESS AS PART OF THE EXECUTION OF FIREWORKS WHEN FIREWORKS HAS COMPLETED EXECUTION APPLE SOFTWARE SHALL NOT BE USED BY ANY OTHER PROG...

Page 3: ...13 Welcome to Fireworks 14 What is Fireworks 14 Using the document window 15 View Controls toolbar 21 Using the toolbars 21 Navigating and viewing the document 32 Setting document magnification 32 Sh...

Page 4: ...4 Transforming and distorting objects 54 Using color 55 Using the Color Mixer 56 Using the Swatches panel 57 System color pickers 58 Using color wells 58 Applying strokes and fills 59 The Stroke panel...

Page 5: ...and instances 79 Tweening 80 Compositing 81 Using the Object inspector 81 Using blending modes 81 Masking 83 CHAPTER 3 Importing and Exporting 85 Fireworks in the workflow 86 Importing 86 Import File...

Page 6: ...102 Animation panel 102 Export Area 103 Web export formats 103 GIF 103 JPEG 104 PNG 105 Web format comparison 105 Other export formats 106 TIFF 106 PICT 106 BMP 106 xRes LRG 106 Batch processing 106 F...

Page 7: ...g 117 Slice objects as event areas 117 Creating a sliced image 117 Exporting an image in multiple slices 118 Specifying export settings for slice objects 119 Naming slices 119 JavaScript rollovers 120...

Page 8: ...9 PNG alpha transparency 129 Using Fireworks HTML 130 Exporting HTML with a Fireworks file 130 Some HTML basics 132 Common HTML tags 132 Copying and pasting from a Fireworks HTML file 133 JavaScript 1...

Page 9: ...9 1 CHAPTER 1 Getting Your Bearings...

Page 10: ...indows 95 or Windows 98 40 MB or more recommended for Windows NT 60 MB of available hard disk space 100 MB or more recommended CD ROM drive Mouse or digitizing tablet 640x480 resolution 256 color moni...

Page 11: ...eworks Double click the installation application Setup exe Click the Install button in the Add Remove Programs module in the Control Panel and navigate to the Setup exe application in the Fireworks fo...

Page 12: ...reworks quickly Fireworks Help Fireworks Help available whenever the Fireworks application is active includes information on every Fireworks tool panel dialog box and preference Fireworks Tutorials Fi...

Page 13: ...thout switching to your web browser Compare up to four alternative files simultaneously to choose the best mix of quality and file size reduction Export optimization Simplify file format palette setti...

Page 14: ...no longer complicated by switching from tool to tool and valuable time is saved by avoiding repetitive procedures Fireworks is a single tool that handles all the necessary steps By creating editable...

Page 15: ...and editability of B zier paths Launching Fireworks displays the document window your interface to the illustration A Fireworks canvas can be up to 6000 pixels wide by 6000 pixels tall Move resize or...

Page 16: ...text and web objects which are special objects used to define areas of interactivity or image slicing Press and hold a tool to reveal tool groups Use this tool To Activate by pressing Pointer Select...

Page 17: ...Activate by pressing Brush Draw brush strokes using Stroke panel settings b Redraw Path Redraw portions of a selected path b Scale Resize and rotate objects q Skew Slant and rotate objects and change...

Page 18: ...or squares Circle Hotspot Draw URL hotspots in the shape of circles Polygon Hotspot Draw URL hotspots in the shape of irregular polygons Slice Create rectangular slice objects Use this tool To Activa...

Page 19: ...box and the selected object s dimensions Choose Window Info to show or hide the Info panel The Info panel s Options pop up contains settings for your document s color model and unit of measurement Pa...

Page 20: ...e objects Stroke Settings Control the interaction of an object s stroke and fill Any text or path object Transformation Method Transform text as pixels or as paths Text Group Type Define object group...

Page 21: ...choose Window Toolbox On Macintosh use the menu to duplicate functions found on the Windows Main toolbar and Modify toolbar On Windows choose Window Toolbars and choose a toolbar to show or hide indi...

Page 22: ...n Fireworks such as in the Toolbox Fill panel or Color Mixer to access all the swatches in the current color palette Then click to pick a color from the pop up set of color swatches To Choose this fro...

Page 23: ...a brush stroke Choose a new color The Stroke color well is selected automatically Apply color changes to an object having only a fill Choose a new color The Fill color well is selected automatically...

Page 24: ...el Use the Fill panel to control how objects are filled Choose from the available fill categories and then choose one of the many fill types from within each category To choose a color in the Fill pan...

Page 25: ...color palette Then click to pick a color from the pop up set of color swatches Like the Stroke and Fill panels the Effect panel has controls for selecting effect type and name Use the Options pop up...

Page 26: ...color swatches Open the Text Editor by clicking on a document with the Text tool drawing a rectangular text block with the Text tool double clicking a text container or selecting a text block and choo...

Page 27: ...ow Hide icon at the left of the layer name When the icon is visible the layer is also visible Similarly clicking the Lock Unlock icon locks and unlocks individual layers When a layer is locked items o...

Page 28: ...operation and store a log of the changes in the Project Log panel To Do this Distribute a selected group of objects across frames Click the Distribute button after selecting objects or Drag the squar...

Page 29: ...en the user points to it with the mouse cursor event The Behaviors inspector lists all behaviors assigned to the currently selected web object Use the Behaviors inspector to edit or remove existing be...

Page 30: ...up or Select the object and click a URL in the Library window Add a URL to the URL Library 1 Enter or select the URL in the History pop up 2 Click the Add to Library button to the right of the History...

Page 31: ...Swatches panel Color Mixer Stroke panel Fill panel Effect panel Layers panel Frames panel Info panel Object inspector Find Replace panel Project Log panel Behaviors inspector URL Manager Styles panel...

Page 32: ...nt Setting document magnification Fireworks magnification ranges from 6 percent to 6400 percent To Do this Enlarge a document view level Choose the Magnify tool and click inside a document window or C...

Page 33: ...Windows or Command 6 Macintosh Zoom to the lowest magnification Choose 6 from the Magnification pop up or Choose View Magnification 6 Zoom in to view a specific area Choose the Magnify tool and drag...

Page 34: ...hic must contain web safe colors text textures Live Effects and hotspot links How Diana approaches this task without Fireworks 1 Create a line drawing of an artist s palette using an application such...

Page 35: ...reworks imports all major web design file formats Alternatively Diana can create this vector art in FreeHand and open it directly in Fireworks 2 Apply strokes fills and effects Apply realistic strokes...

Page 36: ...map Use the hotspot tools in the Toolbox to add hotspot objects to the paint wells These hotspots can link to any URL Use the Object inspector to define map type background URL and alternate image de...

Page 37: ...esign and final output requirements Decide in advance which settings are best Canvas size Set the canvas size in the New Document dialog box to define the size of your document Set canvas dimensions u...

Page 38: ...s of the document s unit of measurement rulers always display in pixels Rulers To show or hide rulers choose View Rulers To set the ruler s zero point click and drag the zero point marker from the upp...

Page 39: ...ent guides from moving Clear All Remove all ruler guides not slice guides Slice Color Change the color of slice guides Show Slice Guides Show or hide slice guides To Do this Show or hide the grid Choo...

Page 40: ...p third party plug ins while in image edit mode In addition to file name and location the Import File dialog box shows file size format and a thumbnail preview if available To import a bitmap graphic...

Page 41: ...of transparency Use frame controls to preview frames or play an animated GIF Use the Magnification tool to magnify the preview area Enter a maximum number of colors for the exported file Preview up to...

Page 42: ...icking the Export Wizard button in the Export Preview The Export Wizard asks questions regarding your exported file s intended use and suggests appropriate graphic formats Export dialog box Use the Ex...

Page 43: ...43 2 CHAPTER 2 Creating and Editing a Graphic...

Page 44: ...it mode Fireworks has up to 100 undo steps which are available in both image edit mode and object mode The default number of Undo Steps in File Preferences is 8 Fireworks drawing and editing tools The...

Page 45: ...selects or moves a freeform area of pixels Selects or moves a freeform area of pixels Magic Wand Activates image edit mode and selects or moves a area of similarly colored pixels Selects an area of s...

Page 46: ...when using the Pen tool double click the Pen tool at the ending point when a small arrow appears next to the cursor To end an open path when using other drawing tools release the mouse button To close...

Page 47: ...ments To select an individual point use the Subselection tool Either click individual points or drag a selection area around one or more points To move a point drag it with the Subselection tool Firew...

Page 48: ...tart a path drag to draw and release the mouse button to complete the path Use To Union Combine two or more closed paths into a single path enclosing the entire area of the original paths Stroke and f...

Page 49: ...ptions panel before drawing the rectangle Use the Polygon tool to draw stars and other polygons Use the Polygon Tool Options panel to set the number of sides choose stars or shapes and set angle acute...

Page 50: ...ill on top of the stroke check Draw Fill over Stroke in the Object inspector Checking Draw Fill over Stroke in the Object inspector fills selected objects all the way to the paths With this option che...

Page 51: ...pe Area tool is in use Move onto a selected path to activate the pull cursor Click and hold away from a selected path to activate the push cursor or reshape cursor The Freeform tool is in use The pull...

Page 52: ...space is trimmed off of the edges of the image object you were editing To prevent the editable area of an image from expanding to fill the screen when the image is edited choose File Preferences Editi...

Page 53: ...ge edit mode the primary selection tools are the Marquee and Ellipse Marquee tools the Lasso and Polygon Lasso tools and the Magic Wand tool Use these tools to highlight an area of pixels to edit move...

Page 54: ...s paths and becomes a floating image object Fireworks Xtras include Blur Invert and Sharpen Photoshop plug ins also work in Fireworks Copy Photoshop plug ins into the Fireworks Xtras folder to add the...

Page 55: ...ections by specific measurements choose Modify Transform Numeric Transform to open the Numeric Transform dialog box Select the type of transformation to perform on the current selection from the pop u...

Page 56: ...is displayed color choices are restricted to the Web 216 palette To take a color from the document and put it into the Color Mixer click the color using the Eyedropper tool from the Toolbox The highl...

Page 57: ...from the palette 1 Hold down Control Windows or Command Macintosh and point to a swatch The cursor becomes the scissors cursor 2 Click the swatch to delete it To clear the entire Swatches panel choose...

Page 58: ...Toolbox To reset to the default colors click the Default Colors button Specify default colors using the General Color Defaults preference Click to activate the stroke color well Click to activate the...

Page 59: ...elected objects and subsequently drawn objects Use the Stroke panel Options pop up and Fill panel Options pop up to adjust stroke and fill settings and to create and save custom brushes and fills The...

Page 60: ...o display the Edit Stroke panels Options Shape and Sensitivity The stroke preview at the bottom of any Stroke panel shows the current brush with the current settings A stroke in the preview that taper...

Page 61: ...s the current fill displayed in the Fill panel Paths drawn with other drawing tools have a default fill of None Saving and reusing fills Saved fills are stored within the current document To reuse a s...

Page 62: ...inside a selected object applies the new fill type to the object Filling areas of similar color On image objects use the Paint Bucket tool to fill areas of similar color With the Paint Bucket tool se...

Page 63: ...e not web safe Note To create the illusion of a true transparent fill in a web browser apply a Web Dither fill to an object and check Transparent on the Fill panel Then export the object as a GIF or P...

Page 64: ...yle characteristics such as fill or stroke type cannot be changed by using Edit Style To change fill stroke or effect settings for a style create a new style Delete a style Click a style in the Styles...

Page 65: ...Effects are pixel based effects that apply to path image and text objects and redraw to reflect subsequent editing Applying a Live Effect does not permanently change the original object The object to...

Page 66: ...e from the Effect panel category pop up 3 Check the box next to each effect you wish to apply Each time you check an effect make specific settings for that particular effect in the dialog box that ope...

Page 67: ...ed using the Stroke panel Check Anti Alias in the Text Editor to give text an anti aliased edge Also text edges can be changed using the Fill panel A text block is a moveable and resizable object Text...

Page 68: ...ll or part of the text in the Text Editor preview area and apply changes To view the results of changes in the document move the Text Editor so that the selected text block is visible then click Apply...

Page 69: ...exceeds the length of the path the remaining text returns and repeats the shape of the path To move the starting point of text attached to a path 1 Select the text and path object 2 Choose Modify Obje...

Page 70: ...e the number of pixels per inch or centimeter One way to adjust the size of a pixelated image is to adjust the resolution which changes the size of the pixels in the image so that more or fewer pixels...

Page 71: ...ou modify the entire group To group two or more selected objects choose Modify Group To ungroup select the group and choose Modify Ungroup To work with individual objects within a group either ungroup...

Page 72: ...s color by choosing Modify Document Canvas Color and then selecting a different canvas color The name of the active layer is highlighted Drawn imported or pasted objects initially reside on the active...

Page 73: ...bject to the Web Layer creates a hotspot in the shape of that object The Web Layer is always shared across all frames Sharing a layer across frames Set a layer so that it is shared across all the fram...

Page 74: ...ocument such as text URLs fonts and colors When you use Find Replace Fireworks can search the current document or multiple files Also Fireworks can track changes made during a Find Replace operation a...

Page 75: ...s from a find and replace Choose No Backups to make no backups The changed files replace the original files Choose Overwrite Existing Backups to create only one backup of each original file If additio...

Page 76: ...owercase letters when searching text Check RegExp to use regular expressions when searching Use regular expressions to match parts of words or numbers conditionally during a search For more informatio...

Page 77: ...to apply to found fonts Finding and Replacing colors Choose Color from the Attributes pop up to search for and replace colors in Fireworks documents Choose the color to be replaced from the Find colo...

Page 78: ...ol When the symbol object the original is edited the instances copies automatically change to reflect the modifications to the symbol Use symbols and instances to Simplify modifications to existing an...

Page 79: ...ls and instances Note Symbol and instance functions are available only in object mode An arrow icon represents an instance object To Do this Create a symbol Select an object or group of objects and ch...

Page 80: ...rtical object to the horizontal object Tweening can apply to these object characteristics Transformations Tween between objects with different rotation scaling or skew transformations Opacity Tween be...

Page 81: ...ed objects Objects within a single document or a single layer can have blending modes that differ from other objects within the document or layer To set a default blending mode for newly drawn objects...

Page 82: ...e blend color and base color to use as the result color This color replaces only pixels that are darker than the blend color Difference Subtract the blend color from the base color or the base color f...

Page 83: ...side another object so that the top object continues to be visible This is known as a paste inside or clipping path in FreeHand It crops an image to its shape Pasting an object inside another object s...

Page 84: ...as the mask and the bottom object is the object to be masked 2 Select the objects 3 Choose Modify Mask Group The top object is converted to an alpha object whose grayscale values are used to mask the...

Page 85: ...85 3 CHAPTER 3 Importing and Exporting...

Page 86: ...hout switching to and from a browser Batch process all files within a folder and name and save export presets Importing Import graphics or text in any of four ways Import Open Drag and drop Copy and p...

Page 87: ...application are centered in the active document When using copy and paste Fireworks accepts these formats from the Clipboard FreeHand 7 8 Illustrator PNG PICT Macintosh DIB Windows BMP Windows ASCII t...

Page 88: ...t right center justified Leading Baseline shift Range kerning Horizontal scale First character s color All other RTF information is ignored Note Fireworks cannot import RTF text using copy and paste o...

Page 89: ...e been turned off Otherwise invisible layers are ignored Include Background Layers Import objects from the document s background layer Otherwise the background layer is ignored Render as images Raster...

Page 90: ...w the connection instructions included with the camera or scanner to ensure correct installation 2 Install the software that accompanies the scanner or camera Fireworks cannot scan images unless the a...

Page 91: ...2 Choose settings 3 Click Next 4 In the Export dialog box type a name for the file select slicing options and HTML style select the destination and click Save Windows or Export Macintosh Choose File E...

Page 92: ...ttings in 8 bit images Enabling or disabling Optimization Slicing options available None Use no slice options when exporting Use Slice Objects Export slice objects as defined using the Slice tool Slic...

Page 93: ...ose a color palette Check to dither the image Choose a format Preview and edit the colors in the image s palette Use frame controls to preview frames or play an animated GIF Use the Magnification tool...

Page 94: ...xport Preview settings for future exports or batch processing Settings within the Options panel are included in the saved export settings In addition the Animation settings are saved when the export f...

Page 95: ...most web images are exported in 8 bit color 256 colors Fireworks exports some formats with 24 bit and 32 bit depths Higher color depths create larger exported files and are typically not ideal for web...

Page 96: ...colors in the Swatches panel with colors from a palette 1 In the Swatches panel Options pop up choose Replace Swatches 2 Browse to a saved color palette or GIF image file that contains colors you want...

Page 97: ...use the Exact palette If the image contains more than 256 colors the palette reverts to Adaptive System Windows and System Macintosh Each palette contains the 256 colors as defined by the Windows or M...

Page 98: ...hanged when changing palettes or reducing the number of colors in a palette Locked colors are indicated by a small square in the lower right corner of the swatch as shown here This symbol Indicates Th...

Page 99: ...view with a small square in the lower left of the swatch as shown here Note Use shortcut menus to edit colors Right click Windows or Control click Macintosh a color in the palette to display a shortc...

Page 100: ...t Changing colors to web safe in the Export Preview does not effect the actual image only the exported version of the image However all colors set to web safe are retained each time Export Preview is...

Page 101: ...hannel Only PNGs support multilevel alpha transparency Transparency Eyedropper tools Use the transparency eyedropper tools to add or remove colors from the transparent area of the exported image Chang...

Page 102: ...Interlacing Check to make the exported GIF or PNG interlaced When viewed in a web browser interlaced images quickly appear at a low resolution and then transition to full resolution as they continue t...

Page 103: ...cancel without exporting double click outside the export area marquee press Esc or select another tool Web export formats GIF JPEG and PNG are graphic file formats that are common in web development...

Page 104: ...PEG Check either Optimized or Progressive to export the JPEG using optimized compression tables that can reduce file size Smoothing Use smoothing to help lower the file size of JPEGs Smoothing blurs h...

Page 105: ...h color graphics or better compressed low color graphics GIF JPEG PNG Color depth 8 bit maximum Up to 24 bit Up to 32 bit Compression Lossless compresses solid areas of color Lossy compresses subtle c...

Page 106: ...ame format with different settings and find and replace text colors URLs or fonts To batch process files 1 Choose File Batch Process 2 Choose the files to process Choose Current Open Files to perform...

Page 107: ...reeHand and CorelDRAW Batch Replace does not affect GIFs and JPEGs To select elements to find and replace 1 Select the type of element to find and replace from the Attributes pop up Choose either text...

Page 108: ...ix and enter text in the File Name field to add the specified text to the end of the file name before the file extension For example if _thumb is entered in the File Name field then the file GETCO gif...

Page 109: ...h processing into a different file format creates a new file in that format and does not move or delete the original file Using batch Scriptlets Save batch process settings as cross platform Scriptlet...

Page 110: ...web server The link to the image is formed and the image appears on the Dreamweaver page much as it would appear in most web browsers Note Remember to upload the image to your web server along with th...

Page 111: ...he graphic in Fireworks 5 Choose File Export Again The Save As dialog box opens 6 In the dialog box type a file name choose a destination folder and then click Save 7 Close the Fireworks document 8 Sw...

Page 112: ...e to Copy the HTML into the Dreamweaver HTML inspector and not directly into the Dreamweaver page Copy all of the JavaScript code as well as the tags for placing the image Note Export as Dreamweaver l...

Page 113: ...113 4 CHAPTER 4 Web Design Features...

Page 114: ...hic Web objects The basics of web production The key component of hotspot and rollover graphics in Fireworks is the web object Web objects are objects drawn to designate an area of the graphic that tr...

Page 115: ...t Slice tool Draw a slice object To Do this Create a hotspot object in the exact shape of another object or objects Select the object and choose Insert Hotspot If multiple objects are selected a dialo...

Page 116: ...a hotspot 1 Create or open a source graphic on which to place a hotspot 2 Choose a hotspot tool from the Toolbox Click and hold on the hotspot tool to select the Rectangle Hotspot tool Circle Hotspot...

Page 117: ...file name being exported The MAP file Generated for server side image maps this file is created when the user specifies a Map Type of Both or Server Side in the File Document Properties dialog box For...

Page 118: ...o create a slice object that covers a selection Slice guides are displayed indicating how the image will be sliced when exported 2 Set object properties for each slice object by selecting the slice ob...

Page 119: ...n to the right of the Export Settings pop up to open the Export Preview and enter specific settings for the selected slice object Naming slices Enter a slice name to define the file name of the slice...

Page 120: ...overs A common use of JavaScript rollovers is to create buttons that change appearance when the cursor is moved over them in a web browser Each appearance or state of a button is a different image Fou...

Page 121: ...n creating rollovers use slice objects to define the parts of the image that will swap out When the rollover is activated in a browser the area specified by a slice object is swapped with either image...

Page 122: ...multiple Swap Image behaviors to the same event area Using external files for rollover source Fireworks can use GIFs animated GIFs JPEGs and PNGs as the source for a rollover When an external file is...

Page 123: ...pear in its Down state when initially viewed select the slice double click its toggle group behavior on the Behaviors inspector and check Make this slice the initial state 9 Choose File Export optimiz...

Page 124: ...e symbol or if part of the symbol is edited then all instances update as well Animation panel of the Export Preview Use the Animation panel of the Export Preview to set frame delay disposal method fra...

Page 125: ...objects on the shared layer to all frames Note The Web Layer which only contains slice objects and hotspot objects is always shared across all frames To Do this Add a frame as the last frame on the Fr...

Page 126: ...rame controls at the bottom of the document window onion skinning is temporarily turned off Before and After Onion Skinning is applied to the frame containing the middle bird Display the Onion Skinnin...

Page 127: ...hod is specified Fireworks automatically selects the disposal method for each frame Choose Unspecified to create the smallest possible animated GIFs None The frame is not disposed before the new frame...

Page 128: ...e controls at the bottom of the document window to quickly preview an animation without opening the Export Preview Frame rate settings made in the Animation panel of the Export Preview affect how long...

Page 129: ...s 1 Choose File Export Special Export as Files 2 In the Export dialog box choose Frames in the Files From pop up 3 Type a name for the files and select the destination Transparency Using Fireworks cre...

Page 130: ...ollovers tables to reassemble sliced graphics status bar messages and other actions defined using the Behaviors inspector View HTML files exported by Fireworks by opening them in a web browser HTML fi...

Page 131: ...en in JavaScript which is executed by Fireworks during export Edit Fireworks output styles to customize HTML exported by Fireworks In addition use JavaScript to create dialog boxes or alerts when expo...

Page 132: ...t META META Store extra information about the HTML document such as what application created it keywords for search engines and other information used by various applications Many HTML editors or util...

Page 133: ...d of the destination SCRIPT section before the SCRIPT tag Paste the image s link in the BODY section where you want the image to appear on the page Client side image maps HTML exported by Fireworks fo...

Page 134: ...Chapter 4 134...

Page 135: ...ts see paths animated GIFs 124 129 controlling 127 creating an animation 125 creating from multiple files 124 defined 124 disposal method 127 exporting 129 Fireworks features for 124 Frames panel 124...

Page 136: ...t 68 bounding box 53 browser detection in JavaScript rollover code 123 browser save palette 97 Brush tool 17 60 brushes apply color using Color Mixer 23 editing 60 saving 61 button rollovers 120 assig...

Page 137: ...tom palettes 100 steps setting opacity 81 specifying in System color picker 23 swap stroke and fill colors 58 Swatches panel 57 switch brush and fill color 23 transparency 129 Web Dither fill 63 color...

Page 138: ...ombine commands Crop 48 Intersect 48 Punch 48 Union 48 compositing 21 81 defined 81 compression in GIF images 103 in JPEG images 104 in PNG images 105 constraining Alt key Windows 49 marquees 53 Optio...

Page 139: ...e Draft Display 34 Full Display 34 displaying paths 46 points 47 disposal method animated GIFs 127 Distort tool 17 distorting objects 54 dithering 100 document canvas color 37 canvas size 37 Draft Dis...

Page 140: ...her 61 hard edge 61 showing and hiding 47 Edit Gradient dialog box 61 adding colors 62 Edit Stroke dialog box 24 Edit Stroke panels 60 editing areas of similar colors 62 B zier curves 47 brushes 60 ef...

Page 141: ...k and white palette 97 BMP images 106 commands 92 CSS layers 92 custom palettes 97 dithering 100 editing colors in palette 98 99 exact palette 97 Export Area tool 103 Export Preview 93 Export Preview...

Page 142: ...th batch processing 107 export formats 95 processing groups of 106 steps Fill button Windows only 19 fill color applying using Color Mixer 23 Fill panel 24 61 Fill preview showing and hiding 24 fills...

Page 143: ...ith Dreamweaver 110 112 web production features 114 workflow 86 Fireworks 1 documents opening 53 Fireworks Help 12 fonts changing attributes 68 choosing 68 finding and replacing 77 formats export 95 i...

Page 144: ...ges on export 102 selecting in object mode 53 slicing when exporting 117 TIFF 106 using with Dreamweaver 110 vector 44 web formats 103 106 web formats compared 105 xRes LRG 106 Xtras 54 Grayscale colo...

Page 145: ...server side 117 server side map files 117 setting options 116 image mode blending mode behavior 82 pasting 88 image objects 53 Image Size command 70 images animated GIFs 124 129 backing up during batc...

Page 146: ...8 inspectors Behavior 29 Object 20 showing and hiding 31 installing Fireworks Macintosh 11 steps Fireworks Windows 11 steps instances breaking link with symbol 79 creating 79 defined 78 deleting 79 mo...

Page 147: ...URLs Live Effects 65 locking guides 39 looping animated GIFs 128 M Macintosh Apple Color Picker 58 installing and starting Fireworks 11 steps System requirements for 10 uninstalling Fireworks 12 Macro...

Page 148: ...mode behavior 82 drawing 48 editing tools 50 pasting 88 pushing and pulling an area 51 pushing and pulling paths 51 redrawing paths 51 selecting an image 53 slicing a path 51 using drawing and editin...

Page 149: ...33 Paint Bucket tool 18 62 adjusting fills interactively 62 editing fills 62 filling a selection 62 handles 62 setting tolerance 62 painting 60 palettes adaptive 97 appending to current palette 57 st...

Page 150: ...69 editing without point handles 51 modifying 48 moving points 47 moving text starting point 69 steps open and closed 46 placing text on 69 steps pushing and pulling 51 redrawing 51 removing points 4...

Page 151: ...document 70 steps resolution setting 37 resources for learning Fireworks 12 RGB color model 56 Rich Text Format RTF 88 right mouse button in Windows 33 rollovers assigning URL links 121 creating toggl...

Page 152: ...edges 104 Shift key constraining shapes 48 plotting point by point 49 shortcut See keyboard shortcut showing edges 47 grid 39 guides 39 layers 73 marquees 47 panels 31 rulers 38 selected objects 73 S...

Page 153: ...watches panel 22 exporting to external set 22 replacing in Swatches panel 22 saving from Swatches panel 22 sorting from Swatches panel 22 using export palette 22 Swatches panel 22 57 adding active col...

Page 154: ...68 placing on paths 69 steps point size 68 range kerning 68 resizing 67 underlining 68 using 67 vertical 69 text color applying using Color Mixer 23 Text Editor 26 68 opening 26 Text tool 17 texture...

Page 155: ...anvas command 54 turning panels on and off 31 tutorials 12 Twain importing 90 Tween Instances command 80 tweening characteristics 80 defined 80 objects 80 steps U underlining 68 Undo command 38 levels...

Page 156: ...tings 119 exporting image maps 117 location in document 73 naming slice objects 119 pre caching JavaScript rollovers 123 setting properties 115 slicing when exporting 117 specifying swap images 121 UR...

Reviews: