Fireworks 4.0 Easy Learning eBook Table of Contents CREATING FIREWORKS WEB DOCUMENT How to Create a New Fireworks Document .7 How to Open Existing Fireworks Document .9 How to Open the HTML File .10 How to Work with Import Command 11 How to Work with Export Command 12 How to Work with Export Wizard 14 How to Work with HTML Setup General 16 How to work with HTML Setup - Table 18 How to Work with HTML Setup Document Specific 19 How to Copy HTML Code 21 How to Set the General Preference 23 How to Edit Preference .25 How to Launch and Edit in the Preference Dialog Box 27 How to Work with Folders in the Preferences Dialog Box .29 How to Work with the Import in the Preference Dialog Box 31 USING FIREWORKS WEB DESIGN TOOLS 32 How to Work with Pointer Tool .32 How to Work with Select Behind Tool .33 How to Work with Export Area Tool 34 How to Work with Subselection Tool 36 How to Work with the Marquee Tool 37 How to Work with the Oval Marquee Tool .38 How to Work with Lasso Tool 39 How to Work with Crop Tool 40 How to Work with Magic Wand Tool 41 How to Work with Line Tool 42 How to Work with Pen Tool 43 How to Work with the Rectangle Tool .44 How to Work with the Rounded Rectangle Tool 45 How to Work with the Ellipse Tool 46 How to Work with the Polygon Tool 47 How to Work with the Polygon Tool Options Panel 48 How to Work with the Text Tool 50 How to Work with the Pencil Tool .51 How to Work with the Brush Tool 52 How to Work with the Redraw Path Tool53 How to Work with the Scale Tool .54 How to Work with the Skew Tool .55 How to Work with the Distort Tool 56 How to Work with the Freeform Tool 57 How to Work with the Reshape Area Tool .58 How to Work with Eyedropper Tool .59 How to Work with the Paint Bucket Tool60 How to Work with the Eraser Tool 61 How to Change Pointer Tool Option 62 How to Change the Marquee Tool Option .63 How to Change Polygon Lasso Option 64 How to Work with Magic Wand Tool Option .65 How to Work with the Pen Tool Option 66 How to Work with the Pencil Tool Option67 How to Work with the Eraser Tool Option .68 How to Work with the Rubber Stamp Option .69 EDITING TEXT AND IMAGE 70 How to Change the Font Type .70 How to Change the Font Size 72 How to Change the Text Style - Bold 73 How to Change the Text Style - Italic 74 How to Change the Text Style Underline .75 How to Change the Image Brightness and Contrast 76 How to Adjust the Image Curves 77 How to Adjust the Image Hue or Saturation 79 How to Adjust Image Invert 81 How to Adjust the Image level 82 How to Blur the Image 84 How to Convert Image to Alpha 85 How to Convert Image with Find Edges.86 How to Sharpen the Image 87 How to Unsharp Mask the Image 88 USING FIREWORKS PANELS AND EXTRAS 90 How to Work with the Stroke Panel .90 How to Work with the Fill Panel 92 How to Work with the Mixer Panel 94 How to Work with Swatches Panel 95 How to Work with Show Grid 96 How to Work with the Styled Panel 97 How to Work with Colored Pencil 98 How to Work with Accented Edges 99 How to Work with Diffuse Glow 100 How to Work with Bas Relief 101 Creating Fireworks Web Document Welcome to Fireworks 4.0 Easy Learning eBook How to Create a New Fireworks Document To Create a New Fireworks Document Fireworks 4.0 produces Web graphics and pages for your website efficiently You can quickly create buttons, animations, graphics, and web pages with Fireworks Step !"Choose the File tab from the Menu Bar and click New in the Menu Step !"After entered to the New Document dialog box, you will see four main things as the picture shown Enter the canvas Width measurements in pixels, inches, or centimeters Enter the canvas Height measurements in pixels, inches, or centimeters Enter a Resolution in pixels per inch or pixels per centimeter Select white, transparent, or a custom Color for the canvas How to Open Existing Fireworks Document To Open Existing Fireworks Document Step !"Choose the File tab from the Menu Bar and click Open in the Menu Step !"You can open the jpg, bmp and many others document in various formats as well How to Open the HTML File To Open the HTML File Step !"Choose the File tab from the Menu Bar and click Update HTML in the Menu Step !"Enter the File Name or Select the file to update in the Locate HTML File dialog box !"After that click on the Open button 10 How to Work with Show Grid To Work with Show Grid Step !"Choose the View tab from the Menu Bar and select Grid After that click Show Grid Step !"This is the result of Show Grid 96 How to Work with the Styled Panel To Work with the Styled Panel Step !"Choose the Window tab from the Menu Bar and select Styles in the Menu Step !"Select the Styles tab in the panel you want Step !"This is the result of changing the Styles 97 How to Work with Colored Pencil To Work with Colored Pencil Step !"Choose the Xtras tab from the Menu Bar and select Artistic After that click Colored Pencil Step !"This is the result of using the Colored Pencil Before & After 98 How to Work with Accented Edges To Work with Accented Edges Step !"Choose the Xtras tab from the Menu Bar and select Brush Strokes After that click Accented Edges Step !"This is the result of Accented Edges Before & After 99 How to Work with Diffuse Glow To Work with Diffuse Glow Step !"Choose the Xtras tab from the Menu Bar and select Distort After that click Diffuse Glow Step !"This is the result of Diffuse Glow Before & After 100 How to Work with Bas Relief To Work with Bas Relief Step !"Choose the Xtras tab from the Menu Bar and select Sketch After that click Bas Relief Step !"This is the result of Bas Relief Before & After 101 Index A Accented Edges 99 result 99 Adjust 77, 79, 82 Adjust Color 76, 77, 79, 81, 82 Adjust Image Invert 81 Image 82 Image Curves 77 Image Hue 79 Image level 82 midtowns 82 Alpha 85, 86 Convert 85, 86 Convert Image 85 Anti-alias 63 Apply button 50 Artistic 98 B Bas Relief 101 result 101 Before & After 70, 72, 73, 74, 75, 98, 99, 100, 101 Blur 84 Blur Radius 84 Drag 84 Image 84 Bmp Bold 73 Brightness 76 result 76 Brush Strokes 99 Brush tool 25, 52 shape 25 C Canvas Color 68 Canvas Size 25 Change 62, 63, 70, 72, 73, 74, 75, 76 Change Pointer Tool Option 62 Change Polygon Lasso Option 64 Font Size 72 Font Type 70 Image Brightness 76 Marquee Tool Option 63 Text Style 73, 74, 75 Tool Option 62 102 Characteristics 50 Choose 7, 9, 10, 11, 12, 14, 16, 21, 23, 34, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 50, 53, 54, 55, 56, 57, 58, 60, 61, 70, 72, 73, 74, 76, 77, 79, 81, 82, 84, 85, 86, 87, 88, 90, 92, 94, 95, 96, 97, 98, 99, 100, 101 Choose Brush Tool 52 Choose Multiple Nav Bar HTML Pages 19 Choose Pencil Tool 51 Choose Polygon 48 Choose Text 75 Crop Tool 40 Distort Tool 56 Edit 21, 23 Ellipse Tool 46 Eraser Tool 61 Export Area Tool 34 File 7, 9, 10, 11, 12, 14, 16 Freeform Tool 57 HTML Style 16 Lasso Tool 39 Line Tool 42 Magic Wand Tool 41 Marquee Tool 37, 38 Paint Bucket Tool 60 Pen Tool 43 Polygon Tool 47 Rectangle Tool 44 Redraw Path Tool 53 Reshape Area Tool 58 Rounded Rectangle Tool 45 Scale Tool 54 Skew Tool 55 Subselection Tool 36 Text 70, 72, 73, 74 Text Tool 50 View 96 Window 90, 92, 94, 95, 97 Xtras 76, 77, 79, 81, 82, 84, 85, 86, 87, 88, 98, 99, 100, 101 Color Color Mixer 94 Color Mixer dialog 94 entered 94 Colored Pencil 98 Connect-the-dots 43 drawing 43 Continue 14, 21 Contrast 76 Conversion 85 result 85 Convert 85, 86 Convert Image 85, 86 Alpha 85, 86 Copy HTML Code 21 Create New Fireworks Document Crop Document 25 Crop Tool 40 103 Choose 40 Curves 77 D Diffuse Glow 100 result 100 Distort 100 Distort Tool 56 Choose 56 Document Specific 19 Double Click 64, 65 Magic Wand Tool 65 Polygon Lasso Tool 64 Drag 61, 68, 69, 84, 88, 90 Blur Radius 84 Edge Softness 68 Eraser Size 68 Eraser tool 61 Pixel Radius 88 Sharpen Amount 88 Size 90 Stamp Size 69 Threshold 88 Drawing 43 connect-the-dots 43 Dreamweaver 27 E Edge 63, 64 Edge Softness 68 Drag 68 edit 64 Edit 21, 23, 25, 27, 64 Edit Preference 25 Choose 21, 23 Edge 64 Effects 29 Elect 73 Style 73 Ellipse Tool 46 Choose 46 Enter 7, 10, 23, 48, 94 Color Mixer dialog 94 File Name 10 New Document dialog Preferences dialog 23 Resolution Tool Options 48 Eraser Size 68 Drag 68 Eraser tool 25, 61, 68 Eraser Tool Option 68 Choose 61 Drag 61 Export 12, 34 104 Export Area Tool 34 Choose 34 Export Command 12 Export dialog 34 Export Preview 34 Export Wizard 14 Extension 16 Eyedropper Tool 59 Select 59 F File Name 10 Choose 7, 9, 10, 11, 12, 14, 16 Enter 10 Select 10 Fill 29, 92 Fill Category 92 Fill Color 68 Fill Panel 92 result 92 Find Edges 86 result 86 Finish 21 Fireworks 23, 27, 29, 43 Fireworks 4.0 Easy Learning eBook Fireworks PNG file 27 Fireworks Xtras menu 29 Fixed Ratio 63 Folders 29 Font 70 Font Size 72 Change 72 Font Type 70 Change 70 select 70 Freeform Tool 57 Choose 57 G Gaussian Blur 84 result 84 General 16, 23 General Preference 23 Set 23 Grid 96 H Height Hide Edges 25 HTML 12, 16, 19, 27 HTML File 10, 16 name 16 Open 10 HTML Setup 16, 18, 19 HTML Style 16 105 Choose 16 Hue 79 result 79 I Image 82, 84, 87, 88 Image Brightness 76 Change 76 Image Curves 77 Adjust 77 result 77 Image Hue 79 Adjust 79 Image level 82 Adjust 82 Blur 84 Sharpen 87 Unsharp Mask 88 Images Only 34 Import 11, 31 Import button 11 Import Command 11 Invert 81 use 81 Italic 74 J Jpg open L Lasso Tool 39 Choose 39 Launch 27 Select 27 Level 82 Levels dialog 82 see 82 Line Tool 42 Choose 42 Locate HTML File dialog 10 M Magic Wand Tool 41, 65 Magic Wand Tool Option 65 Choose 41 Double Click 65 Marquee Tool 37, 38 Marquee Tool Option 63 Change 63 Choose 37, 38 Menu Bar 7, 9, 10, 11, 12, 14, 16, 21, 23, 27, 73, 74, 76, 77, 79, 81, 82, 84, 85, 86, 87, 88, 90, 92, 94, 95, 96, 97, 98, 99, 100, 101 Midtowns 82 adjusts 82 106 Mixer Panel 94 Modify 25, 63 Style 63 Move 32 Pointer tool 32 N Name 16 HTML file 16 New New Document dialog entered New Fireworks Document Create O Oil 90 Open 9, 10 Open button 10 Open Existing Fireworks Document HTML File 10 jpg Optimize Image 27 Other 85, 86 Oval Marquee Tool 38 P Paint Bucket Tool 60 Choose 60 Panel 32, 33, 34, 40 Pattern 29 Pen Tool 43, 66 Pen Tool Option 66 Choose 43 Pencil 90 Pencil Tool 51, 67 Pencil Tool Option 67 Restrict 67 Photoshop 29, 31 Pixel Radius 88 Drag 88 PNG 29 Pointer Tool 32, 62 Move 32 Select 32 Polygon Lasso 64 Polygon Lasso Tool 64 Double Click 64 Polygon Tool 47, 48 Polygon Tool Options Panel 48 Choose 47 Preference 23 Preference Dialog Box 27, 29, 31 Preferences dialog 23 entered 23 107 R Rectangle Tool 44 Choose 44 Redraw Path Tool 53 Choose 53 Reshape Area Tool 58 Choose 58 Resolution Enter Restrict 67 Pencil tool 67 Result 75, 76, 77, 79, 84, 85, 86, 87, 88, 90, 92, 96, 99, 100, 101 Accented Edges 99 Bas Relief 101 Brightness 76 Conversion 85 Diffuse Glow 100 Fill 92 Find Edges 86 Gaussian Blur 84 Hue 79 Image Curves 77 Sharpen 87 Show Grid 96 Stroke 90 Underline 75 Unsharp Mask 88 RGB 82 Rounded Rectangle Tool 45 Choose 45 Rubber Stamp 69 Rubber Stamp Option 69 Rubber Stamp Tool 69 S Saturation 79 Save 34 Save button 12 Scale Tool 54 Choose 54 See 64, 65, 66, 67, 68, 69, 82 Levels dialog 82 Tool Options 64, 65, 66, 67, 68, 69 Select 10, 18, 27, 32, 33, 59, 70, 72, 74, 75, 97 Select Behind Tool 33 Select 33 use 33 Select Editing 25 Select Include HTML Comments 16 Select Lowercase File Name 16 Select Preview 77 Select Table 18 Eyedropper Tool 59 file 10 Font 70 108 Launch 27 Pointer Tool 32 Select Behind Tool 33 Size 72 Style 74, 97 Table 18 Type 75 Selects Solid 92 Set 23 General Preference 23 Shape 25, 48 Brush tool 25 Sharpen 87, 88 Sharpen Amount 88 Drag 88 Sharpen More 87 Image 87 result 87 Shift 57 Shift key 41 use 41 Show Grid 96 result 96 Show Pen Preview 66 Show Solid Points 66 Size 72, 90 Drag 90 select 72 Sketch 101 Skew Tool 55 Choose 55 Slice Auto-naming 19 Stamp Size 69 Drag 69 Stroke 29, 90 Stroke Category 90 Stroke Color 68 Stroke Name 90 Stroke Panel 90 result 90 Style 63, 73, 74, 97 elect 73 modify 63 select 74, 97 Styled Panel 97 Subselection Tool 36 Choose 36 use 36 Swatches 95 Swatches Panel 95 T Table 18 Select 18 Text 70, 72, 73, 74 Text Style 73, 74, 75 109 Change 73, 74, 75 Text Tool 50 Choose 50, 70, 72, 73, 74 Texture 29, 90, 92 Threshold 88 Drag 88 Tool Options 48, 62, 64, 65, 66, 67, 68, 69 change 62 entered 48 see 64, 65, 66, 67, 68, 69 Type 75 select 75 U Underline 75 result 75 Unsharp Mask 88 Image 88 result 88 Update HTML 10 Use 33, 36, 41, 81 Invert 81 Select Behind Tool 33 Shift key 41 Subselection Tool 36 V View 96 Choose 96 W Watercolor 90 Web 19 Width Choose 90, 92, 94, 95, 97 Work 11, 12, 14, 16, 18, 19, 29, 31, 32, 33, 34, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 65, 66, 67, 68, 69, 90, 92, 94, 95, 96, 97, 98, 99, 100, 101 X Xtras 76, 77, 79, 81, 82, 84, 85, 86, 87, 88, 98, 99, 100, 101 Choose 76, 77, 79, 81, 82, 84, 85, 86, 87, 88, 98, 99, 100, 101 110 ... Relief 101 Creating Fireworks Web Document Welcome to Fireworks 4.0 Easy Learning eBook How to Create a New Fireworks Document To Create a New Fireworks Document Fireworks 4.0 produces Web graphics... Bar Decides if the original Fireworks PNG file opens when you use Fireworks to edit images from within Dreamweaver or another HTML editor Decides if the original Fireworks PNG file opens when... Select white, transparent, or a custom Color for the canvas How to Open Existing Fireworks Document To Open Existing Fireworks Document Step !"Choose the File tab from the Menu Bar and click Open