manualshive.com logo in svg

MACROMEDIA FIREWORKS 2, Руководство пользователя

Поделиться
Скачать
MACROMEDIA FIREWORKS 2 Скачать руководство пользователя страница 52

Chapter 2

52

Image edit mode basics

Switch to image edit mode to directly edit pixels in an 
image. Activities in image edit mode include:

◆

Editing imported images, such as GIFs, JPEGs, and 
PNGs.

◆

Editing pixels with the Pencil tool.

◆

Painting in color with the Brush tool.

◆

Erasing to transparency or to another color.

◆

Applying Xtra filters to pixel selections.

◆

Replicating image elements with the Rubber Stamp 
tool.

◆

Compositing images.

Switching to image edit mode

Although graphics created in object mode may have 
bitmap image characteristics, Fireworks also has a mode 
specifically for editing bitmap images pixel by pixel. In 
image edit mode, each pixel of a selected image object is 
editable.

Note: 

An image imported in object mode remains an 

image. A vector object can be converted to an image by 
choosing Modify > Merge Images.

When you enter image edit mode, a striped border 
appears around the entire document. You can draw or 
edit pixels anywhere within the document. When you 
leave image mode, the excess empty 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 > Editing and uncheck “Expand to Fill 
Document.”

To temporarily hide the striped border, choose View > 
Hide Edges. Once you leave image edit mode, Hide 
Edges is turned off. To force edges to remain visible until 
Hide Edges is chosen again, choose File > Preferences > 
Editing and uncheck Turn off “Hide Edges.” 

Leaving image edit mode

Return to object mode from image edit mode in any of 
five ways:

◆

Double-click an empty area of the document with 
any selection tool

◆

Click the Stop button on the Status bar.

◆

Choose Modify > Exit Image Edit.

◆

Press Control-Shift-D (Windows) or Command-
Shift-D (Macintosh).

◆

Press the Esc key.

To

Do this

Edit an image 
object

Select the object, and then 
choose Modify > Image Object
or
Double-click the object using 
the Pointer tool
or
Use any of these tools on the 
image object: Marquee, Ellipse 
Marquee, Lasso, Polygon Lasso, 
Magic Wand, Paint Bucket, 
Eraser, or Rubber Stamp.

Create a new 
image object

Choose Insert > Empty Image.

A striped border outlines the canvas in image edit mode.

Stop button

Stop cursor

Содержание FIREWORKS 2

Страница 1: ...macromedia macromedia Using Fireworks FIREWORKS 2...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 9: ...9 1 CHAPTER 1 Getting Your Bearings...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 43: ...43 2 CHAPTER 2 Creating and Editing a Graphic...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 85: ...85 3 CHAPTER 3 Importing and Exporting...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 113: ...113 4 CHAPTER 4 Web Design Features...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 134: ...Chapter 4 134...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Страница 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...

Отзывы:

Нет отзывов

Бренды по названию

Популярные бренды

Загрузить еще бренды