Adobe Fireworks CS3 Manuale Utente

USING FIREWORKS

ADOBE FIREWORKS CS3User Guide5When you start the Video Workshop, you choose exactly the products and topics you want to learn. You can see details abo

ADOBE FIREWORKS CS3User Guide95• To close the path, click the first point you plotted. The beginning and end points of a closed path are the same.Note

ADOBE FIREWORKS CS3User Guide962 Click a point with the Subselection tool to select it. Selected corner points appear as solid blue squares.3 Drag the

ADOBE FIREWORKS CS3User Guide97Converting path segments to straight or curved Straight path segments are intersected by corner points. Curved path seg

ADOBE FIREWORKS CS3User Guide98The handles retract, and the adjacent segments straighten. Selecting pointsThe Subselection tool allows you to select m

ADOBE FIREWORKS CS3User Guide99To change the shape of a path segment: ❖ Drag a point handle with the Subselection tool. Alt-drag (Windows) or Option-d

ADOBE FIREWORKS CS3User Guide100To merge two open paths:1Select the Pen tool in the Tools panel.2 Click the end point of one of the paths.3 Move the p

ADOBE FIREWORKS CS3User Guide101As you move the pointer over a selected path, it changes to the push or pull pointer, depending on its location relati

ADOBE FIREWORKS CS3User Guide102Distorting paths You can use the Reshape Area tool to pull the area of all selected paths within the outer circle of t

ADOBE FIREWORKS CS3User Guide1032 If desired, change the precision level of the Redraw Path tool by selecting a number from the pop-up menu in the Pre

ADOBE FIREWORKS CS3User Guide104To create one continuous path from two open paths:1Select the Subselection tool in the Tools panel.2 Select two end po

ADOBE FIREWORKS CS3User Guide6Plug-ins Plug-in modules are small software programs that extend or add features to your software. Once installed, plug-

ADOBE FIREWORKS CS3User Guide105To create a closed path that encloses the area common to all selected closed paths:❖ Select Modify > Combine Paths

ADOBE FIREWORKS CS3User Guide106You might want to use Simplify if you have a straight line that contains more than two points, for example. (Only two

ADOBE FIREWORKS CS3User Guide1074 Specify a corner type: miter, round, or beveled.5 If you chose miter, set the miter limit, the point at which a mite

ADOBE FIREWORKS CS3User Guide108Inset pathsInvert pathsOpen/close pathsExtrude pathsBlend pathsPoint toolsStraightenSmoothRound to whole positionsRoun

109Chapter 6: Working with TextFireworks CS3 has many text features typically reserved for sophisticated desktop publishing applications. You can crea

ADOBE FIREWORKS CS3User Guide110The Property inspector when the Text tool is selectedNaming a text objectAs you add text to your Fireworks document, t

ADOBE FIREWORKS CS3User Guide1116 When you have finished entering text, do one of the following:• Click outside the text block.• Select another tool i

ADOBE FIREWORKS CS3User Guide112Formatting textWithin a text block, you can vary all aspects of text, including size, font, spacing, leading, and base

ADOBE FIREWORKS CS3User Guide113Note: The fonts that were used most recently appear at the top of the Font pop-up menu.2 To change the font size, drag

ADOBE FIREWORKS CS3User Guide114A. Fill Color box• In the Tools panel, click the Fill Color box and select a color from the color pop-up window, or sa

ADOBE FIREWORKS CS3User Guide7• Think Tank articles describe how designers engage with technology and what their experiences mean for design, design t

ADOBE FIREWORKS CS3User Guide115To set kerning:1Do one of the following to select the text you want to kern:• Click between two characters with the Te

ADOBE FIREWORKS CS3User Guide116Setting text orientationA text block can be oriented horizontally or vertically. By default, text is oriented horizont

ADOBE FIREWORKS CS3User Guide117Vertical text can be aligned to the top or bottom of a text block, centered within the text block, or fully justified

ADOBE FIREWORKS CS3User Guide118Smoothing text edgesTo smooth out a text edge, you “anti-alias” it. This makes the edges of the text blend into the ba

ADOBE FIREWORKS CS3User Guide119Setting baseline shiftBaseline shift determines how closely text sits above or below its natural baseline. If there is

ADOBE FIREWORKS CS3User Guide120Attaching text to a pathTo free text from the restrictions of rectangular text blocks, you can draw a path and attach

ADOBE FIREWORKS CS3User Guide121Changing text orientation and direction on a pathThe order in which you draw a path establishes the direction of the t

ADOBE FIREWORKS CS3User Guide122You can still edit the transformed text, although severe transformations may make the text difficult to read. When a t

ADOBE FIREWORKS CS3User Guide123Photoshop textYou can open or import a Photoshop file containing text. You can also copy text from a Photoshop file an

ADOBE FIREWORKS CS3User Guide1244 Click OK.The next time you open a document with the same missing fonts, the Missing Fonts dialog box includes the fo

ADOBE FIREWORKS CS3User Guide8User communitiesFeatures forums, blogs, and other avenues for users to share technologies, tools, and information; ask q

ADOBE FIREWORKS CS3User Guide1252 Select the desired options in the Spelling Setup dialog box:• Select one or more language dictionaries.Note: The Mac

126Chapter 7: Applying Color, Strokes, and FillsFireworks CS3 has a wide range of panels, tools, and options for organizing and selecting colors, and

ADOBE FIREWORKS CS3User Guide127Note: The Paint Bucket tool fills pixel selections and vector objects with the color shown in the Fill Color box in th

ADOBE FIREWORKS CS3User Guide128Changing swatch groupsYou can easily switch to another swatch group or create your own. The Swatches panel Options men

ADOBE FIREWORKS CS3User Guide1294 Move the tip of the eyedropper pointer to the open space after the last swatch in the Swatches panel.The eyedropper

ADOBE FIREWORKS CS3User Guide130Although CMY is a color model option, graphics directly exported from Fireworks are not ideal for printing. To repurpo

ADOBE FIREWORKS CS3User Guide131To pick a color from the Color Mixer:1Deselect all objects before mixing a color to prevent unwanted object editing as

ADOBE FIREWORKS CS3User Guide132Note: By default, the color’s RGB values appear in the Info panel and the Color Mixer, and its hexadecimal value appea

ADOBE FIREWORKS CS3User Guide133When you view the graphic in a web browser, the web page background shows through every other pixel of the trans-paren

ADOBE FIREWORKS CS3User Guide134To create and swap color palettes for your document:1Select the Mixers tab in the Color Palette panel.2 Use the four f

ADOBE FIREWORKS CS3User Guide9Add multiple pages to a single documentIn a never-ending effort to improve web-design workflows, Fireworks CS3 makes it

ADOBE FIREWORKS CS3User Guide135To create a color gradation series using the Blender tab:1Select the Blender tab in the Color Palette panel.2 Use the

ADOBE FIREWORKS CS3User Guide136To display a different swatch group in the color pop-up window:❖ Select a swatch group from the color pop-up window Op

ADOBE FIREWORKS CS3User Guide137Use the options in the Property inspector or the Stroke Options pop-up window to change the stroke applied to an objec

ADOBE FIREWORKS CS3User Guide138Creating custom strokesYou can use the Edit Stroke dialog box to change specific stroke characteristics.The Edit Strok

ADOBE FIREWORKS CS3User Guide1396 To select a dotted or dashed line, select an option from the Dash pop-up menu.7 To set the lengths of dashes and spa

ADOBE FIREWORKS CS3User Guide140Creating stroke stylesYou can change specific stroke characteristics such as ink amount, tip shape, and tip sensitivit

ADOBE FIREWORKS CS3User Guide141Editing solid fillsA solid fill is a solid color that fills the interior of an object. You can change an object’s fill

ADOBE FIREWORKS CS3User Guide142Adding a custom patternYou can set a bitmap file as a new pattern fill. You can use files with these formats as patter

ADOBE FIREWORKS CS3User Guide143Edit Gradient pop-up windowTo open the Edit Gradient pop-up window:1 Select an object that has a gradient fill or sele

ADOBE FIREWORKS CS3User Guide144To use the Gradient tool:1Click the Paint Bucket tool in the Tools panel and select the Gradient tool from the pop-up

ADOBE FIREWORKS CS3User Guide10Work with Photoshop filesWith Fireworks CS3, you can directly import native files from Photoshop. Achieving a whole new

ADOBE FIREWORKS CS3User Guide1452 Select an edge option: Hard Edge, Anti-Alias, or Feather. 3 For a feathered edge, also select the number of pixels o

ADOBE FIREWORKS CS3User Guide146• Select a texture from the pop-up menu.• Select Other from the pop-up menu and navigate to a texture file to use an e

147Chapter 8: Using Live FiltersFireworks CS3 Live Filters (formerly known as Live Effects) are enhancements that you can apply to vector objects, bit

ADOBE FIREWORKS CS3User Guide148Note: A newly created fill assumes the current color displayed in the Fill Color box in the Tools panel. You can custo

ADOBE FIREWORKS CS3User Guide149Applying beveled edgesApplying a beveled edge to an object gives it a raised look. You can create an inner bevel or an

ADOBE FIREWORKS CS3User Guide150To apply a solid shadow:1In the Property inspector, click the Add Live Filters button, point to Shadow and Glow, and t

ADOBE FIREWORKS CS3User Guide151Plug-ins from the Filters menuWhen you install an Adobe Photoshop plug-in in Fireworks, it is added to the Filters men

ADOBE FIREWORKS CS3User Guide152Editing Live FiltersWhen you click a Live Filter’s info button in the Property inspector, Fireworks opens a pop-up win

ADOBE FIREWORKS CS3User Guide153To create a custom Live Filter using the Property inspector:1Apply Live Filter settings to selected objects. For more

ADOBE FIREWORKS CS3User Guide154A. Save button5 Enter a command name and click OK to add the command to the Commands menu.

ADOBE FIREWORKS CS3User Guide11Adobe BridgeSimplify file handling in Fireworks and within Adobe Creative Suite with Adobe Bridge, the next-generation

155Chapter 9: Pages, Layers, Masking, and BlendingFireworks CS3 added the capability to create a single PNG file that contains multiple pages. Each pa

ADOBE FIREWORKS CS3User Guide156Adding and removing pagesUsing the Pages panel, you can add new pages, delete unwanted pages, and duplicate existing p

ADOBE FIREWORKS CS3User Guide157Using a master pageIf you have some elements that you want to be common across all of your pages, you can use a master

ADOBE FIREWORKS CS3User Guide158Note: If you use the Quick Export button to export the file, only the currently selected page is exported.2 Choose the

ADOBE FIREWORKS CS3User Guide159Working with layersEach object in a document resides on a layer. You can either create layers before you draw or add l

ADOBE FIREWORKS CS3User Guide160To activate a layer, do one of the following:• Click the layer name in the Layers panel.• Select an object on that lay

ADOBE FIREWORKS CS3User Guide161Viewing layersThe Layers panel displays objects and layers in a hierarchical structure. If a document contains many ob

ADOBE FIREWORKS CS3User Guide162Protecting layers and objectsThe Layers panel offers a number of options that let you control the accessibility of obj

ADOBE FIREWORKS CS3User Guide163Merging down causes all selected vector objects and bitmap objects to be flattened into the bitmap object that lies ju

ADOBE FIREWORKS CS3User Guide1642 Type the new name, and then click outside the window or press Enter.Note: When you rename a slice, that name is used

12Chapter 2: Fireworks BasicsFireworks CS3 is a software program for designing professional on-screen graphics. Its innovative solutions tackle the ma

ADOBE FIREWORKS CS3User Guide165When a vector mask is selected, the Property inspector displays information about how the mask is applied. The bottom

ADOBE FIREWORKS CS3User Guide166Bitmap mask properties in the Property inspector when a bitmap tool is selectedBy default, most bitmap masks are appli

ADOBE FIREWORKS CS3User Guide167If you are masking multiple objects, the objects must be grouped. For more information about grouping objects, see “Gr

ADOBE FIREWORKS CS3User Guide168To create a mask using the Paste Inside command: 1Select the object or objects to use as the paste inside contents.2 P

ADOBE FIREWORKS CS3User Guide169Using text as a maskText masks are a type of vector mask. You apply text masks just as you apply masks using existing

ADOBE FIREWORKS CS3User Guide170Image with mask appliedThe mask as it appears in the Layers panelNote: For more information about modifying a bitmap m

ADOBE FIREWORKS CS3User Guide1715 Draw on the empty mask. In the areas where you draw, the underlying masked object is either hidden or shown, dependi

ADOBE FIREWORKS CS3User Guide172Fireworks masks can also be exported to Photoshop. They are converted into Photoshop layer masks. If the masked object

ADOBE FIREWORKS CS3User Guide173Editing masksYou can modify masks in many ways. By modifying a mask’s position, shape, and color, you can change the v

ADOBE FIREWORKS CS3User Guide174When selected, masks have a green highlight and masked objects have a blue highlight.Moving masks and masked objectsYo

ADOBE FIREWORKS CS3User Guide13You can also use the Fireworks tools to edit imported graphics. You can import and edit files in JPEG, GIF, PNG, PSD, a

ADOBE FIREWORKS CS3User Guide1752 Select the Subselection tool and drag the mask’s move handle to a new location.To move masked objects independently

ADOBE FIREWORKS CS3User Guide176To modify a selected mask’s color, do one of the following:• For grayscale bitmap masks, use the bitmap tools to draw

ADOBE FIREWORKS CS3User Guide177A bitmap mask applied using its alpha channelBoth vector and bitmap masks can be applied using their grayscale appeara

ADOBE FIREWORKS CS3User Guide1782 Select Modify > Flatten Selection.Adding objects to a masked selectionYou can add more objects to an existing mas

ADOBE FIREWORKS CS3User Guide179Blending and transparencyCompositing is the process of varying the transparency or color interaction of two or more ov

ADOBE FIREWORKS CS3User Guide180Pin Light replaces the color, depending on the blend color. If the blend color is lighter than 50% gray, pixels darker

ADOBE FIREWORKS CS3User Guide181Adjusting opacity and applying blends You can use the Property inspector or the Layers panel to adjust the opacity of

ADOBE FIREWORKS CS3User Guide182About the Color Fill Live FilterFireworks also offers a Live Filter that allows you to adjust the color of an object b

183Chapter 10: Using Styles, Symbols, and URLsFireworks provides three panels in which you can store and reuse styles, symbols, and URLs. Styles are s

ADOBE FIREWORKS CS3User Guide184Styles panelWhen you apply a style to an object, you can later update the style without affecting the original object.

ADOBE FIREWORKS CS3User Guide14About vector graphicsVector graphics render images using lines and curves, called vectors, that include color and posit

ADOBE FIREWORKS CS3User Guide1854 Name the style if you want, and click OK.An icon depicting the style appears in the Styles panel.To base a new style

ADOBE FIREWORKS CS3User Guide186Using style defaultsIf you want to delete all custom styles from the Styles panel and restore any deleted default styl

ADOBE FIREWORKS CS3User Guide1873 Select a symbol type: Graphic, Animation, or Button. 4 If you want to use 9-slice scaling guides to scale the symbol

ADOBE FIREWORKS CS3User Guide188• Select an instance and select Modify > Symbol > Edit Symbol.• Select a symbol in the Library panel and choose

ADOBE FIREWORKS CS3User Guide189The following figure shows how images are scaled using the 9-slice scaling feature.The 9-slice scaling guides are enab

ADOBE FIREWORKS CS3User Guide190Creating and using rich graphic symbolsRich symbols are a type of graphic symbol that can be intelligently scaled and

ADOBE FIREWORKS CS3User Guide1917 Click the browse button in the upper right corner of the panel and browse to the symbol PNG file. This is saved in t

ADOBE FIREWORKS CS3User Guide192The Create Symbol Script panel allows non-programmers to assign some simple symbol attributes and create the JavaScrip

ADOBE FIREWORKS CS3User Guide193function applyCurrentValues(){var currValues = Widget.elem.customData["currentValues"];//color_bg is the Lay

ADOBE FIREWORKS CS3User Guide194• Opacity• Filters• Width and height• x and y coordinatesNote: Button instances have additional properties that can be

© 2007 Adobe Systems Incorporated. All rights reserved.Adobe® Fireworks® Using Fireworks®If this guide is distributed with software that includes an e

ADOBE FIREWORKS CS3User Guide15Creating a new documentWhen you select File > New to create a new document in Fireworks, you create a Portable Netwo

ADOBE FIREWORKS CS3User Guide195The imported symbols appear in the Library panel.You can also import and export individual symbols into and out of the

ADOBE FIREWORKS CS3User Guide1965 Select Update from the Library panel Options menu.Note: To update all imported symbols, select all the symbols in th

ADOBE FIREWORKS CS3User Guide197Relative URLs are usually the simplest ones to use for links to files that will always remain in the same folder as th

ADOBE FIREWORKS CS3User Guide198To simultaneously add a URL to the library while assigning it to a web object:1Select the object.2 Do one of the follo

ADOBE FIREWORKS CS3User Guide1992 Select an HTML file and click Open.All URLs in this file are imported.

200Chapter 11: Slices, Rollovers, and HotspotsSlices are the basic building blocks for creating interactivity in Fireworks. Slices are web objects—the

ADOBE FIREWORKS CS3User Guide201Updating parts of a web page Slicing allows you to easily update parts of a web page that change frequently. For examp

ADOBE FIREWORKS CS3User Guide202To create an HTML slice:1Draw a slice object and leave it selected.2 In the Property inspector, select HTML from the T

ADOBE FIREWORKS CS3User Guide203Viewing and displaying slices and slice guidesYou can control the visibility of slices and other web objects in your d

ADOBE FIREWORKS CS3User Guide204To change the color of a selected slice object:❖ In the Property inspector, select a new color from the color box.To c

ADOBE FIREWORKS CS3User Guide16Opening and importing filesIn Fireworks, you can easily open, import, and edit both vector and bitmap images created in

ADOBE FIREWORKS CS3User Guide205 The pointer changes to the guide movement pointer.2 Drag the slice guide to the desired location. The slices are resi

ADOBE FIREWORKS CS3User Guide206• The Behaviors panel allows you to create more complex interactivity. The Behaviors panel contains a variety of inter

ADOBE FIREWORKS CS3User Guide207The simplest rollover swaps an image in Frame 1 with an image directly below it in Frame 2. You can build more complic

ADOBE FIREWORKS CS3User Guide208Note: You can select the slice while in any frame.7 Click the behavior handle and select Simple Rollover from the menu

ADOBE FIREWORKS CS3User Guide209A slice triggering a rollover behavior and a disjoint rollover behaviorNote: You can also add multiple behaviors using

ADOBE FIREWORKS CS3User Guide210Set Nav Bar Image sets a slice to be a part of a Fireworks navigation bar. Each slice that is part of the navigation b

ADOBE FIREWORKS CS3User Guide2113 Click the arrow beside the event and select a new event from the pop-up menu:onMouseOver triggers the behavior when

ADOBE FIREWORKS CS3User Guide212Using the Property inspector or the Layers panel, you can give slices unique names. Fireworks uses the name you specif

ADOBE FIREWORKS CS3User Guide213Export settingsYou can optimize a slice by selecting an option from the Export Settings pop-up menu in the Property in

ADOBE FIREWORKS CS3User Guide214For example, if the document name is mydoc, the naming convention doc.name + “slice” + Slice # (A,B,C...) results in a

ADOBE FIREWORKS CS3User Guide17Note: Fireworks saves 16-bit TIFF images at 24-bit color depth.Animated GIFs You can bring animated GIF files into Fire

ADOBE FIREWORKS CS3User Guide215Note: Use caution when selecting None as a menu option for slice auto-naming. If you select None as the option for any

ADOBE FIREWORKS CS3User Guide216Working with hotspots and image mapsWeb designers can use hotspots to make small parts of a larger graphic interactive

ADOBE FIREWORKS CS3User Guide2172 Drag the hotspot tool to draw a hotspot over an area of the graphic. Hold down Alt (Windows) or Option (Macintosh) t

ADOBE FIREWORKS CS3User Guide218Creating image maps After you’ve inserted several hotspots on top of a desired graphic, you must export the graphic as

ADOBE FIREWORKS CS3User Guide219Note: A hotspot can trigger only a disjoint rollover. It cannot be the target of a rollover coming from another hotspo

220Chapter 12: Creating Buttons and Pop-up MenusIn Fireworks you can create a variety of JavaScript buttons and Cascading Style Sheet (CSS) or JavaScr

ADOBE FIREWORKS CS3User Guide221About button statesA button can have up to four different states. Each state represents the button’s appearance in res

ADOBE FIREWORKS CS3User Guide222• Click Copy Up Graphic to paste a copy of the Up state button into the Over window, and then edit it to change its ap

ADOBE FIREWORKS CS3User Guide2233 In the pop-up menu that appears, do one of the following:• Select Bevel and Emboss > Inner Bevel.• Select Bevel a

ADOBE FIREWORKS CS3User Guide224To place instances of a button symbol in a document:1Open the Library panel.2 Drag the button symbol to the document.T

ADOBE FIREWORKS CS3User Guide18You can get HTML content into Fireworks in several ways:• You can open all the HTML tables in an HTML file.• You can op

ADOBE FIREWORKS CS3User Guide225• Size and position of the active area• Core button behavior• Optimization and export settings• URL link (also availab

ADOBE FIREWORKS CS3User Guide226Setting interactive button propertiesWith Fireworks, you can control the interactive elements of a button, including t

ADOBE FIREWORKS CS3User Guide227• Select a URL from the URL panel.Note: Changing the URL for a button symbol won’t change the URL for existing button

ADOBE FIREWORKS CS3User Guide228Setting the alternate (alt) text for a button symbol or instanceAlternate (alt) text appears on or near an image place

ADOBE FIREWORKS CS3User Guide229Creating pop-up menus Pop-up menus are displayed in a browser when the user moves a pointer over or clicks a triggerin

ADOBE FIREWORKS CS3User Guide230Depending on the design of the pop-up menu, you may not use all the tabs or options in the Pop-up Menu Editor. You can

ADOBE FIREWORKS CS3User Guide231Creating submenus within a pop-up menuUsing the Indent Menu and Outdent Menu buttons on the Content tab of the Pop-up

ADOBE FIREWORKS CS3User Guide2323 Click Done.Designing the appearance of a pop-up menuAfter you create a basic menu and optional submenus, you can for

ADOBE FIREWORKS CS3User Guide233For information on opening an existing pop-up menu in the Pop-up Menu Editor, see “Editing pop-up menus” on page 236.2

ADOBE FIREWORKS CS3User Guide234Setting advanced pop-up menu propertiesThe Advanced tab of the Pop-up Menu Editor offers additional settings to contro

ADOBE FIREWORKS CS3User Guide19Pasting into FireworksPasting an object copied from another application into Fireworks places the object in the center

ADOBE FIREWORKS CS3User Guide2358 Do one of the following to complete the pop-up menu or continue building it:• Click Next to move to the Position tab

ADOBE FIREWORKS CS3User Guide236To set the position for a pop-up submenu using the Pop-up Menu Editor:1With the desired pop-up menu open in the Pop-up

ADOBE FIREWORKS CS3User Guide237To move an entry in the pop-up menu:1With the desired pop-up menu displayed in the Pop-up Menu Editor, click the Conte

238Chapter 13: Creating AnimationsAnimated graphics add an exciting, sophisticated look to your website. In Fireworks, you can create animated graphic

ADOBE FIREWORKS CS3User Guide239Note: Degree and direction of movement options are found only in the Animate dialog box.3 Use the Frame Delay controls

ADOBE FIREWORKS CS3User Guide2402 Select Modify > Animation > Animate selection.3 Enter the desired settings in the dialog box. For more informa

ADOBE FIREWORKS CS3User Guide241To change animation symbol properties:1Select an animation symbol.2 Select Modify > Animation > Settings to open

ADOBE FIREWORKS CS3User Guide242You can change the direction of the motion by changing the angle of the path. To change movement or direction:❖ Drag o

ADOBE FIREWORKS CS3User Guide2433 Enter a value for the frame delay.4 Press Enter, or click outside the panel to close the pop-up window.Showing and h

ADOBE FIREWORKS CS3User Guide244To copy a selected frame and place it in a sequence:1Select Duplicate Frame from the Frames panel Options menu. 2 Ente

ADOBE FIREWORKS CS3User Guide202 Select Edit > Paste in Fireworks.If the bitmap image on the Clipboard has a different resolution than the current

ADOBE FIREWORKS CS3User Guide245To share a layer across frames:1Click the layer to select it. 2 Select Share Across Frames.Note: All the contents in a

ADOBE FIREWORKS CS3User Guide246No Onion Skinning turns off onion skinning and displays only the contents of the current frame.Show Next Frame display

ADOBE FIREWORKS CS3User Guide247• To set how long each frame appears in the Document window, enter frame delay settings in the Frames panel.• Frames e

ADOBE FIREWORKS CS3User Guide2482 From the Transparency pop-up menu in the Optimize panel, select either Index Transparency or Alpha Trans-parency. Fo

ADOBE FIREWORKS CS3User Guide249Imported GIFs lose their original frame delay settings and assume the frame delay of the current document. Because the

250Chapter 14: Creating SlideshowsCreate Slideshow is a built-in Flash command that gives you the ability to generate Flash or HTML/SPRY-based slidesh

ADOBE FIREWORKS CS3User Guide251If you are a Flash designer or developer, you can also build a custom album player in Flash to display the Fireworks A

ADOBE FIREWORKS CS3User Guide252To delete an album:1Select Commands > Create Slideshow.2 In the Create Slideshow window, select Albums > Open an

ADOBE FIREWORKS CS3User Guide253Auto-Start Slideshow: Starts the slideshow automatically when the player opens.Allow clicking images: Allows the viewe

ADOBE FIREWORKS CS3User Guide254Slideshow Properties panelUse these options to customize the currently selected slideshow.Apply to all albums: Apply t

ADOBE FIREWORKS CS3User Guide213 Select Photoshop Plug-Ins.4 Click Browse if the Select the Photoshop Plug-ins Folder (Windows) or Choose a Folder (Ma

ADOBE FIREWORKS CS3User Guide255<?xml version=”1.0” encoding=”utf-8”?><FWACPlayer><Player name=”Player - Black (Flash)” preview=”player

ADOBE FIREWORKS CS3User Guide256showThumbnails: whether or not to show thumbnails; or, whether or not thumbnails were exportedthumbWidth: width of thu

257Chapter 15: Optimizing and ExportingThe ultimate goal in web graphic design is to create great-looking images that download as fast as possible. To

ADOBE FIREWORKS CS3User Guide258• Adjusting the colors in the graphic (for 8-bit file formats only). You can limit colors by confining the image to a

ADOBE FIREWORKS CS3User Guide259A. Saved set of options for the selected export B. File size and download time estimates C. Preview chosen export sett

ADOBE FIREWORKS CS3User Guide260Note: When you zoom or pan while multiple views are open, all views zoom and pan simultaneously.5 Click Export when yo

ADOBE FIREWORKS CS3User Guide261• Enter pixel coordinates for the boundaries of the export area.To set animation settings using Image Preview:1 Click

ADOBE FIREWORKS CS3User Guide262You don’t have to use the Export Wizard and Image Preview in Fireworks if you’re comfortable optimizing and exporting

ADOBE FIREWORKS CS3User Guide263GIF Adaptive 256 is a color palette that contains only the actual colors used in the graphic. The color palette contai

ADOBE FIREWORKS CS3User Guide264When you optimize a selected slice, the slices not being optimized are dimmed.To preview a graphic based on the curren

ADOBE FIREWORKS CS3User Guide224 Follow the instructions to apply the desired settings. The imported image is opened as a new Fireworks document.Savin

ADOBE FIREWORKS CS3User Guide265Choosing a file typeYou should base your choice of file format upon the design and use of your graphic. A graphic’s ap

ADOBE FIREWORKS CS3User Guide266Choosing a color paletteGIFs and other 8-bit image formats contain a color palette. A color palette is a list of up to

ADOBE FIREWORKS CS3User Guide267To select a color depth:❖ Select an option from the Colors pop-up menu in the Optimize panel or type a value in the te

ADOBE FIREWORKS CS3User Guide268Viewing colors in a paletteThe color table in the Optimize panel displays colors in the current preview when you are w

ADOBE FIREWORKS CS3User Guide269To select a range of colors:1Click a color.2 Hold Shift and click the last color in the range you want to select.To pr

ADOBE FIREWORKS CS3User Guide270Note: Right-click (Windows) or Control-click (Macintosh) a color in the palette to display a shortcut menu of edit opt

ADOBE FIREWORKS CS3User Guide271To change a GIF’s compression:❖ Enter a Loss setting in the Optimize panel.Making areas transparent You can set transp

ADOBE FIREWORKS CS3User Guide272• Click a color in the document.To add or remove transparent colors:1Click the Preview, 2-Up, or 4-Up button at the up

ADOBE FIREWORKS CS3User Guide273Adjusting JPEG qualityJPEG is a lossy format, which means that some image data is discarded when it is compressed, red

ADOBE FIREWORKS CS3User Guide2747 Select Preserve Text Quality. All text items will automatically be exported at a higher level, regardless of the Sel

ADOBE FIREWORKS CS3User Guide234 Select either Images or Fireworks PNG in the Export As pop-up menu. If you select Images, each page will be saved in

ADOBE FIREWORKS CS3User Guide275By setting the Matte option in the Optimize panel, you can anti-alias objects that lie directly above the canvas to th

ADOBE FIREWORKS CS3User Guide276• File > ExportFireworks then applies these settings to new documents.Note: As in previous versions of Fireworks, n

ADOBE FIREWORKS CS3User Guide2772 The current export/save location, which is defined anytime you browse away from the default location presented in a

ADOBE FIREWORKS CS3User Guide2787 (Optional) Select Put Images in Subfolder.8 Click Export.The files Fireworks exported appear on your hard disk. Imag

ADOBE FIREWORKS CS3User Guide279If you retain the original filename for the updated slice and upload the slice to the same place on your website where

ADOBE FIREWORKS CS3User Guide2802 Type a filename and select a destination folder.3 In the Export pop-up menu, select one of the following:Frames to F

ADOBE FIREWORKS CS3User Guide281• Export each page in a Fireworks file to a separate HTML file.• Copy HTML code to the Clipboard in Fireworks, and the

ADOBE FIREWORKS CS3User Guide282• The HTML code necessary to reassemble sliced images and any JavaScript code if the document contains inter-active el

ADOBE FIREWORKS CS3User Guide2835 Click OK to return to the Export dialog box.6 Select Export HTML file from the HTML pop-up menu. Choosing Export HTM

ADOBE FIREWORKS CS3User Guide284To copy Fireworks HTML using the Export dialog box:1Select File > Export.Note: Optionally, if you are exporting to

ADOBE FIREWORKS CS3User Guide24The Fireworks work environment When you open a document in Fireworks for the first time, Fireworks activates the work e

ADOBE FIREWORKS CS3User Guide2855 If your Fireworks document contains interactive elements, you’ll need to copy the JavaScript code as well.JavaScript

ADOBE FIREWORKS CS3User Guide286Fireworks Frames exports all frames as CSS layers.Fireworks Slices exports the slices in the document as CSS layers.5

ADOBE FIREWORKS CS3User Guide287Note: For more information on HTML setup options, see “Setting HTML export options” on page 287.3 Export your document

ADOBE FIREWORKS CS3User Guide288• Select a formula for auto-naming slices in the Slice Auto-Naming pop-up menus. You can use the default settings, or

ADOBE FIREWORKS CS3User Guide289Customizing the Quick Export pop-up menuYou can add additional options to the Quick Export pop-up menu if you know Jav

ADOBE FIREWORKS CS3User Guide290Check Out checks the file out, overwriting the local file with the remote copy. Check Out is enabled in Fireworks only

291Chapter 16: Using Fireworks with Other ApplicationsWhether you’re creating web content or multimedia content, Fireworks is an essential component o

ADOBE FIREWORKS CS3User Guide292Working with Dreamweaver Unique integration features make it easy to work on files interchangeably in Dreamweaver and

ADOBE FIREWORKS CS3User Guide293When you create a Fireworks image from a Dreamweaver image placeholder, a new Fireworks document is created with a can

ADOBE FIREWORKS CS3User Guide294Fireworks is opened with an empty canvas that is exactly the same size as the placeholder image. The Document window i

iiiContentsChapter 1: Getting StartedInstallation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

ADOBE FIREWORKS CS3User Guide25Using the Tools panelThe Tools panel is organized into six categories: Select, Bitmap, Vector, Web, Colors, and View. C

ADOBE FIREWORKS CS3User Guide295Exporting Fireworks HTML to DreamweaverExporting Fireworks files to Dreamweaver is a two-step process. From Fireworks,

ADOBE FIREWORKS CS3User Guide296Copying code from an exported Fireworks file and pasting it into DreamweaverYou can open an exported Fireworks HTML fi

ADOBE FIREWORKS CS3User Guide297Note: Dreamweaver library items do not support pop-up menus.To export a Fireworks document as a Dreamweaver library it

ADOBE FIREWORKS CS3User Guide298About Roundtrip HTMLFireworks recognizes and preserves most types of edits made to a document in Dreamweaver, includin

ADOBE FIREWORKS CS3User Guide299Editing Fireworks tablesWhen you open and edit an image slice that is part of a placed Fireworks table, Dreamweaver au

ADOBE FIREWORKS CS3User Guide300Dreamweaver supports all behaviors applied in Fireworks, including those required for rollovers and buttons. The follo

ADOBE FIREWORKS CS3User Guide301A dialog box opens. Although the title bar doesn’t display this name, this is actually the Fireworks Export Preview di

ADOBE FIREWORKS CS3User Guide302To edit a placed animation’s settings, see “Optimizing Fireworks images and animations placed in Dreamweaver” on page

ADOBE FIREWORKS CS3User Guide3033 In the Editors list, if Fireworks appears in the list, select it. If Fireworks is not in the list, click the Plus (+

ADOBE FIREWORKS CS3User Guide304To specify launch-and-edit preferences for Fireworks:1In Fireworks, choose Edit > Preferences.Note: On Mac OS X, ch

ADOBE FIREWORKS CS3User Guide26Selecting a tool from a tool groupA small triangle in the lower right corner of a tool in the Tools panel indicates tha

ADOBE FIREWORKS CS3User Guide305Working with Flash Fireworks integrates well with Flash. You can easily import, copy and paste, or export Fireworks ve

ADOBE FIREWORKS CS3User Guide306The Import Fireworks Document dialog box appears.Do one of the following:a Select the Import as a Single, Flattened Bi

ADOBE FIREWORKS CS3User Guide307Keep all text editable preserves the editability of all text. If text objects contain special fills, strokes, or effec

ADOBE FIREWORKS CS3User Guide3086 Select the way you’d like text imported:Import as bitmaps to maintain appearance preserves the editability of text,

ADOBE FIREWORKS CS3User Guide309About importing rich graphic symbolsWhen importing rich graphic symbols, such as Flex components, into Flash, there ar

ADOBE FIREWORKS CS3User Guide310For information on exporting JPEG and GIF files, see Fireworks Help. For information on exporting to PNG format, see “

ADOBE FIREWORKS CS3User Guide3115 In the Objects section, choose one of the following:Maintain Paths allows you to maintain path editability. Effects

ADOBE FIREWORKS CS3User Guide312Using Fireworks to edit graphics imported into FlashWith launch-and-edit integration, you can use Fireworks to make ch

ADOBE FIREWORKS CS3User Guide313Note: Use the Property inspector to change selected objects to Anti-Alias or Hard Edge.File Conversion specifies how m

ADOBE FIREWORKS CS3User Guide3142 Create a new document in Fireworks or open an existing one.3 Select Edit > Paste.To drag a FreeHand graphic into

ADOBE FIREWORKS CS3User Guide27To collapse the Property inspector when it is docked, do one of the following:• Click the expander arrow or the title o

ADOBE FIREWORKS CS3User Guide315Open Frames as Layers imports Fireworks frames as separate layers.6 Select a frame to import from the Frame pop-up men

ADOBE FIREWORKS CS3User Guide316Note: Use the Copy Path Outlines command with FreeHand 10 and earlier versions. With FreeHand MX, use Edit > Copy t

ADOBE FIREWORKS CS3User Guide317• Live Filters• Blending modes• Textures, pattern fills, web dither fills, and gradient fills • Slice objects and imag

ADOBE FIREWORKS CS3User Guide3183 Select Director from the Save As pop-up menu.4 Select an option from the Source pop-up menu:Fireworks Layers exports

ADOBE FIREWORKS CS3User Guide3193 Change options if desired:Color allows you to specify a color depth for the imported graphics. If they contain trans

ADOBE FIREWORKS CS3User Guide3202 In Fireworks, change the optimization settings as desired.3 Click Update when finished. Click Done if the MIX Editin

ADOBE FIREWORKS CS3User Guide321To export Fireworks HTML to HomeSite:❖ Export your document to HTML in Fireworks, and then open the exported file in H

ADOBE FIREWORKS CS3User Guide322• Right-click the image on the Thumbnails tab of the Results window.• Right-click the associated img tag in the HTML c

ADOBE FIREWORKS CS3User Guide323• The first alpha channel in the Channels palette converts to transparent areas in the Fireworks image. Fireworks does

ADOBE FIREWORKS CS3User Guide324Layers: Convert to Fireworks Objects imports each layer in the Photoshop file as a separate object on a single layer i

ADOBE FIREWORKS CS3User Guide28The Color Mixer panel lets you create new colors to add to the current document’s color palette or to apply to selected

ADOBE FIREWORKS CS3User Guide3253 Navigate to the folder where the Photoshop or other filters and plug-ins are installed, and click Select (Windows) o

ADOBE FIREWORKS CS3User Guide326Flatten Each Fireworks Layer flattens all objects on each individual Fireworks layer, and each Fireworks layer becomes

ADOBE FIREWORKS CS3User Guide327Images: Illustrator AI files can contain linked files and placed files of the following types: PDF, BMP, EPS, GIF, JPE

ADOBE FIREWORKS CS3User Guide328About extending FireworksIf you are proficient in JavaScript and Fireworks, you can use JavaScript to write your own o

ADOBE FIREWORKS CS3User Guide329Flex integration for rich Internet application layouts (MXML export)As designers continue to push the technology envel

330Chapter 17: Automating Repetitive TasksWeb designers often spend lots of time doing repetitive tasks, such as optimizing images or converting image

ADOBE FIREWORKS CS3User Guide331Find panel A. Search option B. Find optionTo select the source for the search:1 Open the document.2 Do one of the foll

ADOBE FIREWORKS CS3User Guide332Setting options for finding and replacing in multiple filesWhen finding and replacing among multiple files, you can de

ADOBE FIREWORKS CS3User Guide333To search for and replace fonts in one or more Fireworks documents:1Select Find Font from the Find pop-up menu of the

ADOBE FIREWORKS CS3User Guide334To search for all non-websafe colors and replace them with websafe colors:❖ Select Find Non-Web216 from the Find pop-u

ADOBE FIREWORKS CS3User Guide29• Select Group With > New Panel Group from the Options menu in the panel group’s title bar. (The Group With command’

ADOBE FIREWORKS CS3User Guide335Note: If the files you select are locked or checked in from a Dreamweaver site, you are prompted to unlock them or che

ADOBE FIREWORKS CS3User Guide336• To add a task to the batch, select it in the Batch Options list and click Add. Each task can be added only once. For

ADOBE FIREWORKS CS3User Guide33710 Click Save Script if you want to save the batch process settings for future use.For more information, see “Saving b

ADOBE FIREWORKS CS3User Guide338Scaling graphics with a batch processYou can alter the height and width of images being exported using the Scale optio

ADOBE FIREWORKS CS3User Guide3393 Select the type of attribute to find and replace from the Find pop-up menu: text, font, color, URL, or Non-Web216.4

ADOBE FIREWORKS CS3User Guide340For information on completing the batch process, see “Batch processing” on page 334. For more information on creating

ADOBE FIREWORKS CS3User Guide341Note: The exact location of this folder varies from system to system and depends on whether you want the command to be

ADOBE FIREWORKS CS3User Guide342Note: If stored as a SWF file in the Command Panels folder on your hard disk, commands are available as panels in the

ADOBE FIREWORKS CS3User Guide343To undo or redo steps using the History panel:1Drag the Undo Marker up the panel until you reach the last step you wan

ADOBE FIREWORKS CS3User Guide344For documentation on the JavaScript API, see Extending Fireworks.About scripting with Flash SWF filesWith Flash, you c

ADOBE FIREWORKS CS3User Guide30Using the panel group or panel Options menuEach panel group and panel has an Options menu listing a range of choices sp

ADOBE FIREWORKS CS3User Guide345To edit a command using JavaScript:1From your desktop, navigate to the appropriate Commands or Command Panels folder o

346Chapter 18: Preferences and Keyboard ShortcutsFireworks CS3 preference settings let you control the general appearance of the user interface, as we

ADOBE FIREWORKS CS3User Guide347• Nearest Neighbor interpolation results in jagged edges and sharp contrasts with no blurring. The effect is similar t

ADOBE FIREWORKS CS3User Guide348Note: Flash is an exception. When launching and editing graphics in Flash, Fireworks always uses the preferences you s

ADOBE FIREWORKS CS3User Guide3492 Locate the Fireworks CS3 Preferences file on your hard disk and delete it.The exact location of this file varies fro

ADOBE FIREWORKS CS3User Guide3507 Do one of the following:• Click the Add a New Shortcut (+) button to add a secondary shortcut to the shortcut list.•

ADOBE FIREWORKS CS3User Guide351Note: Windows systems often hide certain files and folders by default. Ensure that your Folder View options are set to

ADOBE FIREWORKS CS3User Guide352Note: Your user-specific configuration files are located in your user-specific Application Data (Windows) or Applicati

353IndexNumerics24-bit color 26732-bit color 267Aabsolute URLs, entering 196accessibilityof Help 3ACT file format, swatches 128ACT file, exporting 133

INDEX354switching to 61bitmapsadjusting brightness and contrast 76adjusting color and tone 71adjusting hue and saturation 77blurring and sharpening 79

ADOBE FIREWORKS CS3User Guide31About the Quick Export button The Quick Export button lets you export your Fireworks files to a number of programs, inc

INDEX355Hexadecimal 130HSB 130RGB 130Color Palette panel 133color palettesAdaptive 266appending to current swatches 128Black and White 266Custom 266ed

INDEX356recent 16saving 22switching 31tiling views 33Dodge tool 66Doughnut tool 87Down button state 221downloadsupdates, plug-ins, and tryouts 7downsa

INDEX357UTF-8 286XHTML 286exporting graphics 13Extension Manager 341external editor preference 303external files, converting to swap image 211Extras 5

INDEX358gradient fills 64adding new color 143adjusting 144adjusting color transition 143applying 142changing colors 143converting images to transparen

INDEX359reference sheet for current set 350secondary shortcuts 349UTF-8 encoded reference sheets 350keyboard shortcuts in Help 3Knife tool 103LLaunch

INDEX360defined 245multiframe editing 246turning off 246viewing all frames 246viewing current and adjacent frames 246viewing next frame 246opacity, ad

INDEX361importing PSD files into Adobe Fireworks 323Pick Distance preference 347PICT file format 265pie chart 87Pie tool 87pixels 14adjusting tonal ra

INDEX362Simple Rollover behavior 209swap image 207rotatingconstraining 56objects 55relocating axis of rotation 56Rounded Rectangle tool 87, 89rounded

INDEX363straight segments, editing 95Stroke Color box 136strokes 136adding texture 145changing centering 139changing color of drawing tools 137choosin

INDEX364Red-eye Removal 66, 69Replace Color 66, 69, 70Rubber Stamp 66Scale 55Sharpen 66Skew 56Smudge 66Subselection 100, 173Text 109tool group pop-up

ADOBE FIREWORKS CS3User Guide32Zooming and panningFireworks lets you zoom in or out at a preset or user-defined magnification percentage. A. Hand tool

ADOBE FIREWORKS CS3User Guide33Note: You cannot enter a magnification percentage in the Set Magnification text box.To zoom out based on a specific are

ADOBE FIREWORKS CS3User Guide34To close a document view window:❖ Click the window’s Close button.Controlling document redrawDisplay modes affect a doc

ivChecking spelling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

ADOBE FIREWORKS CS3User Guide35To change the canvas color from the Modify menu:1Select Modify > Canvas > Canvas Color.2 Select White, Transparen

ADOBE FIREWORKS CS3User Guide367 Select Current Page Only to apply the canvas size change to the current page. If this box is unchecked, the canvas si

ADOBE FIREWORKS CS3User Guide37Original; trimmed canvas To trim or fit the canvas to the document contents:1 Choose Select > Deselect to view the d

ADOBE FIREWORKS CS3User Guide38Using rulers, guides, and the grid You can use rulers and guides to lay out objects as precisely as possible and to hel

ADOBE FIREWORKS CS3User Guide39Fireworks also has slice guides that allow you to slice a document for use on the web. Regular image guides are differe

ADOBE FIREWORKS CS3User Guide402 Select the new grid color from the color box pop-up window, and click OK.To change the size of the grid’s cells:1Sele

41Chapter 3: Selecting and Transforming ObjectsAs you work in Fireworks CS3, you manipulate vector and bitmap objects, text blocks, slices and hotspot

ADOBE FIREWORKS CS3User Guide42• Select the object in the Layers panel.To preview what you would select if you were to click on an object beneath the

ADOBE FIREWORKS CS3User Guide43Note: The name appears in the title bar of the document whenever you select this item. For slices and buttons, the name

ADOBE FIREWORKS CS3User Guide44To show all objects:❖ Select View > Show All.Note: To hide objects whether they are selected or not, you can click o

vChapter 14: Creating SlideshowsThe Create Slideshow command . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

ADOBE FIREWORKS CS3User Guide45Note: The Magic Wand tool also has a Tolerance setting. For more information, see “Selecting areas of similar color” on

ADOBE FIREWORKS CS3User Guide46Selecting areas of similar colorThe Magic Wand tool allows you to select areas of pixels that are similar in color. By

ADOBE FIREWORKS CS3User Guide47Removing a selection marqueeYou can remove a selection marquee without affecting the document.To remove a marquee, do o

ADOBE FIREWORKS CS3User Guide48To subtract pixels from a selection:❖ Hold down Alt (Windows) or Option (Macintosh) and use a bitmap selection tool to

ADOBE FIREWORKS CS3User Guide49A pixel selection is created on the selected bitmap from the intersection of the opaque areas of the two overlapping ob

ADOBE FIREWORKS CS3User Guide50Selecting an area around an existing marqueeYou can create an additional marquee to frame an existing marquee at a spec

ADOBE FIREWORKS CS3User Guide51Saving marquee selectionsYou can save the size, shape, and location of a selection to reapply later. You can also save

ADOBE FIREWORKS CS3User Guide52• “Subtract from selection” subtracts the active selection from the one specified in the Document and Selection boxes.•

ADOBE FIREWORKS CS3User Guide53Inserting a new bitmap by cutting or copyingYou can insert a new bitmap based on a pixel selection into the current lay

ADOBE FIREWORKS CS3User Guide54Note: You cannot use the Duplicate or Clone commands with bitmap selections. Use the Subselection tool or Rubber Stamp

1Chapter 1: Getting StartedAdobe® Fireworks® CS3, a unique hybrid vector and bitmap tool, delivers the most efficient design environment for rapidly p

ADOBE FIREWORKS CS3User Guide55A. Center point B. Transform handlesObject rotated, scaled, skewed, distorted, and flipped vertically and horizontallyT

ADOBE FIREWORKS CS3User Guide56Note: You can also rotate the document canvas. For more information, see “Rotating the canvas” on page 36. To rotate a

ADOBE FIREWORKS CS3User Guide57To achieve the illusion of perspective:❖ Drag a corner point.Distorting objectsYou change the size and proportions of a

ADOBE FIREWORKS CS3User Guide58Organizing objectsWhen working with multiple objects in a single document, you can use several techniques to organize t

ADOBE FIREWORKS CS3User Guide59To select the group that contains a subselected object, do one of the following:• Right-click (Windows) or Control-clic

ADOBE FIREWORKS CS3User Guide60• Select Modify > Align > Center Horizontal to align the center points of the objects along a horizontal axis.• S

61Chapter 4: Working with BitmapsBitmaps are graphics composed of small colored squares called pixels, which combine like the tiles of a mosaic to cre

ADOBE FIREWORKS CS3User Guide62When you create a new bitmap object, it is added to the current layer. In the Layers panel with layers expanded, you ca

ADOBE FIREWORKS CS3User Guide63Accessing photo editing toolsTo make it easy for you to get started editing photos as quickly as possible, Fireworks ha

ADOBE FIREWORKS CS3User Guide64Painting bitmap objectsYou can use the Brush tool to paint a brush stroke using the color in the Stroke Color box, or y

ADOBE FIREWORKS CS3User Guide2Note: If you want to install the software on a different computer, you must first deactivate it on your computer. Choose

ADOBE FIREWORKS CS3User Guide652 Open a Fireworks document or any file that Fireworks can open. For more information, see “Slices, Rollovers, and Hots

ADOBE FIREWORKS CS3User Guide66To feather the edges of a pixel selection as you make a pixel selection:1Select a bitmap selection tool from the Tools

ADOBE FIREWORKS CS3User Guide673 Move to a different part of the image and drag the pointer. You will see two pointers. The first one, the source of t

ADOBE FIREWORKS CS3User Guide68To smudge colors in an image: 1Select the Smudge tool.2 Set the tool options in the Property inspector:Size specifies t

ADOBE FIREWORKS CS3User Guide69Original photograph; after using the Red-eye Removal toolTo correct the red-eye effect in a photograph:1 Select the Re

ADOBE FIREWORKS CS3User Guide703 Click the From color box to select the color probe, and select a color from the pop-up menu to specify the color you

ADOBE FIREWORKS CS3User Guide71The crop handles appear around the entire selected bitmap or around the selection marquee, if you drew one in step 1.3

ADOBE FIREWORKS CS3User Guide72Fireworks applies the Live Filter only to the new bitmap object, simulating the application of a filter to a pixel sele

ADOBE FIREWORKS CS3User Guide73To adjust highlights, midtones, and shadows:1Select the bitmap image.2 Do one of the following to open the Levels dialo

ADOBE FIREWORKS CS3User Guide74To adjust highlights, midtones, and shadows automatically:1Select the image.2 Do one of the following to select Auto Le

ADOBE FIREWORKS CS3User Guide3Most versions of in-product and LiveDocs Help let you search across the Help of multiple products. Topics also contain l

ADOBE FIREWORKS CS3User Guide75Curves dialog box3 In the Channel pop-up menu, select whether you want to apply changes to individual color channels or

ADOBE FIREWORKS CS3User Guide762 Select the appropriate eyedropper to reset the tonal values in the image:• Click the lightest pixel in the image wit

ADOBE FIREWORKS CS3User Guide77To add a Color Fill Live Filter to a selected object:1In the Property inspector, click the Add Live Filters button, and

ADOBE FIREWORKS CS3User Guide78To change an RGB image to a two-tone image or to add color to a grayscale image:❖ Select Colorize in the Hue/Saturation

ADOBE FIREWORKS CS3User Guide79Blurring and sharpening bitmapsFireworks has a set of blurring and sharpening options that you can apply as Live Filter

ADOBE FIREWORKS CS3User Guide803 Drag the Angle dial to set the direction of the blur effect.4 Drag the Distance slider to set the strength of the blu

ADOBE FIREWORKS CS3User Guide81Original; after applying Find EdgesTo apply the Find Edges filter to a selected area, do one of the following:• In the

ADOBE FIREWORKS CS3User Guide82Original; after sharpeningTo sharpen an image using a sharpen option:1Select the image.2 Do one of the following to sel

ADOBE FIREWORKS CS3User Guide83Adding noise to an imageWhen viewed at high magnification levels, most images obtained from digital cameras and scanner

84Chapter 5: Working with Vector ObjectsA vector object is a computer graphic whose shape is defined by a path. The shape of a vector path is determin

ADOBE FIREWORKS CS3User Guide4• Standard HTML tags define content structure, for screen reading or text-to-speech tools.• Style sheets control formatt

ADOBE FIREWORKS CS3User Guide85For the Rectangle or Ellipse tool, Shift-drag to constrain shapes to squares or circles. To constrain a shape and draw

ADOBE FIREWORKS CS3User Guide86To draw a polygon: 1In the Vector section of the Tools panel, select the Polygon tool, which is one of the basic shape

ADOBE FIREWORKS CS3User Guide87Chamfer Rectangle draws object groups that appear as rectangles with chamfers, corners that are rounded to the inside o

ADOBE FIREWORKS CS3User Guide88• Control+Command-click the Direction control point to reset the x-axis only.• Double-click the Perspective control poi

ADOBE FIREWORKS CS3User Guide89To adjust the width of an arrow tail:❖ Drag the body width control point of a selected arrow.Adjusting bent arrow Auto

ADOBE FIREWORKS CS3User Guide90Adjusting connector line Auto ShapesConnector lines have five control points. There are control points for placing the

ADOBE FIREWORKS CS3User Guide91To resize a slice of a selected pie:❖ Drag a drag-to-segment control point on the outer perimeter of the shape.To reset

ADOBE FIREWORKS CS3User Guide92To adjust the number of turns in a selected spiral:❖ Drag the spirals control point.To open or close a selected spiral:

ADOBE FIREWORKS CS3User Guide93Drawing freeform pathsYou can draw freeform vector paths with the Vector Path tool, much as you draw using a felt-tip m

ADOBE FIREWORKS CS3User Guide94Drawing paths by plotting pointsOne way to draw and edit vector objects in Fireworks is to plot points as if drawing a