User Guide
Page 2
Using Adobe® Fireworks® CS4 for Windows® and Mac OS This user guide is protected under copyright law, furnished for noncommercial purposes only so long as (1) proper attribution to Adobe is subject to change without notice, and should not be incorporated by...license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/ Adobe, the Adobe logo, Adobe AIR, Acrobat, ActionScript, Creative Suite, Director, Dreamweaver, Fireworks, Flash, Flex, Flex Builder, Freehand, GoLive, HomeSite, Illustrator, InCopy, InDesign, Photoshop, Reader, Version Cue, and XMP are either registered ...
Using Adobe® Fireworks® CS4 for Windows® and Mac OS This user guide is protected under copyright law, furnished for noncommercial purposes only so long as (1) proper attribution to Adobe is subject to change without notice, and should not be incorporated by...license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/ Adobe, the Adobe logo, Adobe AIR, Acrobat, ActionScript, Creative Suite, Director, Dreamweaver, Fireworks, Flash, Flex, Flex Builder, Freehand, GoLive, HomeSite, Illustrator, InCopy, InDesign, Photoshop, Reader, Version Cue, and XMP are either registered ...
User Guide
Page 5
USING FIREWORKS CS4 v Contents Tweening ...202 Preview an animation 202 Optimize an animation 203 Work with existing animations 204 Create twist and fade animations 204 Chapter 16: Creating slide shows Build and arrange a slide show 206 Customize a slide show 207 Create a custom Fireworks ... Fireworks with other applications Working with Dreamweaver 238 Working with HomeSite, GoLive, and other HTML editors 246 Working with Flash 248 Working with FreeHand and Illustrator 253 Working with Photoshop 257 Working with Director 261 About Adobe Bridge 263 Share image metadata with Adobe...
USING FIREWORKS CS4 v Contents Tweening ...202 Preview an animation 202 Optimize an animation 203 Work with existing animations 204 Create twist and fade animations 204 Chapter 16: Creating slide shows Build and arrange a slide show 206 Customize a slide show 207 Create a custom Fireworks ... Fireworks with other applications Working with Dreamweaver 238 Working with HomeSite, GoLive, and other HTML editors 246 Working with Flash 248 Working with FreeHand and Illustrator 253 Working with Photoshop 257 Working with Director 261 About Adobe Bridge 263 Share image metadata with Adobe...
User Guide
Page 7
... personal information is transmitted. 1 Chapter 1: Resources Adobe® Fireworks® delivers an efficient design environment for rapidly prototyping websites and user interfaces, and for creating and optimizing images for the web. Activation and registration Help with installation For help with Adobe Photoshop®, Adobe Illustrator®, Adobe Dreamweaver®, and Adobe Flash® Professional software. If you...
... personal information is transmitted. 1 Chapter 1: Resources Adobe® Fireworks® delivers an efficient design environment for rapidly prototyping websites and user interfaces, and for creating and optimizing images for the web. Activation and registration Help with installation For help with Adobe Photoshop®, Adobe Illustrator®, Adobe Dreamweaver®, and Adobe Flash® Professional software. If you...
User Guide
Page 9
... complete on-line product Help are available for Adobe digital video applications. Resource Central Instantly access tutorials, sample files, and extensions for the cost of services, plug-ins, and extensions in on -line. USING FIREWORKS CS4 3 Resources If you're not connected to ...services seamlessly integrate with dispersed working in Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks, or Dreamweaver, and you can also download samples and other web services (such as on accessing product help, see the Adobe website at www.adobe.com/support to your work done. Because...
... complete on-line product Help are available for Adobe digital video applications. Resource Central Instantly access tutorials, sample files, and extensions for the cost of services, plug-ins, and extensions in on -line. USING FIREWORKS CS4 3 Resources If you're not connected to ...services seamlessly integrate with dispersed working in Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks, or Dreamweaver, and you can also download samples and other web services (such as on accessing product help, see the Adobe website at www.adobe.com/support to your work done. Because...
User Guide
Page 11
... interface design. expansive 9-slice scaling tool now applies to HTML and CSS, Flex, or SWF. Adobe AIR authoring Create your own custom collection. USING FIREWORKS CS4 5 Resources New user interface Switch from other Creative Suite applications-like Photoshop, Illustrator, and Flash-with automatic margin and padding detection. CSS based layouts Design complete Web pages...
... interface design. expansive 9-slice scaling tool now applies to HTML and CSS, Flex, or SWF. Adobe AIR authoring Create your own custom collection. USING FIREWORKS CS4 5 Resources New user interface Switch from other Creative Suite applications-like Photoshop, Illustrator, and Flash-with automatic margin and padding detection. CSS based layouts Design complete Web pages...
User Guide
Page 15
... in Photoshop and preserve most EPS files as a separate image in its own Fireworks state. Animated GIFs • Import an animated GIF as an animation symbol and then edit and move all the elements of the animation as another file format. USING FIREWORKS CS4 9 Fireworks basics ... images in other applications or file formats, including Photoshop®, Adobe FreeHand®, Adobe Illustrator®, WBMP, EPS, JPEG, GIF, and animated GIF files. You can save your project files created in earlier versions of Fireworks to an animation symbol in other applications You can...
... in Photoshop and preserve most EPS files as a separate image in its own Fireworks state. Animated GIFs • Import an animated GIF as an animation symbol and then edit and move all the elements of the animation as another file format. USING FIREWORKS CS4 9 Fireworks basics ... images in other applications or file formats, including Photoshop®, Adobe FreeHand®, Adobe Illustrator®, WBMP, EPS, JPEG, GIF, and animated GIF files. You can save your project files created in earlier versions of Fireworks to an animation symbol in other applications You can...
User Guide
Page 18
...camera and the images you import. USING FIREWORKS CS4 12 Fireworks basics 5 Do one of the following : • (Windows) In Fireworks, select File > Scan, and then select either Twain Acquire or Twain Select. • (Mac OS) In Fireworks, select File > Acquire, and then ... 3/8/2011 In Mac OS, Fireworks automatically looks for Photoshop Acquire plug-ins in Image Capture capability (Mac OS). Direct Fireworks to Photoshop Acquire plug-ins 1 In Fireworks, select Edit > Preferences (Windows) or Fireworks > Preferences (Mac OS). 2 Click the Plug-ins category. 3 Select Photoshop Plug-Ins and...
...camera and the images you import. USING FIREWORKS CS4 12 Fireworks basics 5 Do one of the following : • (Windows) In Fireworks, select File > Scan, and then select either Twain Acquire or Twain Select. • (Mac OS) In Fireworks, select File > Acquire, and then ... 3/8/2011 In Mac OS, Fireworks automatically looks for Photoshop Acquire plug-ins in Image Capture capability (Mac OS). Direct Fireworks to Photoshop Acquire plug-ins 1 In Fireworks, select Edit > Preferences (Windows) or Fireworks > Preferences (Mac OS). 2 Click the Plug-ins category. 3 Select Photoshop Plug-Ins and...
User Guide
Page 19
...after you select Images, each page is always editable. Download the utility from Adobe AIR Marketplace at 24-bit color depth. Save documents in the Export As pop... you want to save the document in its original format: Fireworks PNG, GIF, animated GIF, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD, and PICT (Mac OS only). This file format can use File > Open...Commands > Save All. USING FIREWORKS CS4 13 Fireworks basics Note: For most TWAIN modules or Photoshop Acquire plug-ins, additional dialog boxes prompt you to set using the Optimize panel. Fireworks PNG files have changed since the...
...after you select Images, each page is always editable. Download the utility from Adobe AIR Marketplace at 24-bit color depth. Save documents in the Export As pop... you want to save the document in its original format: Fireworks PNG, GIF, animated GIF, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD, and PICT (Mac OS only). This file format can use File > Open...Commands > Save All. USING FIREWORKS CS4 13 Fireworks basics Note: For most TWAIN modules or Photoshop Acquire plug-ins, additional dialog boxes prompt you to set using the Optimize panel. Fireworks PNG files have changed since the...
User Guide
Page 23
...FIREWORKS CS4 17 Workspace Workspace overview You create and manipulate your own. The workspaces of your documents and files using the Window menu. • The Tools panel contains tools for creating and editing images, artwork, page elements, and so on . A B C D E G F H Default Illustrator workspace A. Application bar C. On the Mac... manipulate the elements much the same way in Photoshop. (Adobe Flash®, Adobe Dreamweaver®, and Adobe Fireworks® have no Control panel.) • Flash, Dreamweaver, and Fireworks have a Property inspector that displays options for...
...FIREWORKS CS4 17 Workspace Workspace overview You create and manipulate your own. The workspaces of your documents and files using the Window menu. • The Tools panel contains tools for creating and editing images, artwork, page elements, and so on . A B C D E G F H Default Illustrator workspace A. Application bar C. On the Mac... manipulate the elements much the same way in Photoshop. (Adobe Flash®, Adobe Dreamweaver®, and Adobe Fireworks® have no Control panel.) • Flash, Dreamweaver, and Fireworks have a Property inspector that displays options for...
User Guide
Page 24
...Adobe InDesign®, Photoshop, Fireworks)To hide or show all panels, including the Tools panel and Control panel, press Tab. • (Illustrator, InCopy, InDesign, Photoshop) To hide or show all the elements within it on multiple monitors. You can be grouped, stacked, or docked. • On the Mac...the Brightness slider. In Adobe Illustrator®, for demonstration purposes. Move the pointer to the edge of the Tools panel. Display panel options ❖ Click the panel menu icon in Dreamweaver. Last updated 3/8/2011 USING FIREWORKS CS4 18 Workspace • ...
...Adobe InDesign®, Photoshop, Fireworks)To hide or show all panels, including the Tools panel and Control panel, press Tab. • (Illustrator, InCopy, InDesign, Photoshop) To hide or show all the elements within it on multiple monitors. You can be grouped, stacked, or docked. • On the Mac...the Brightness slider. In Adobe Illustrator®, for demonstration purposes. Move the pointer to the edge of the Tools panel. Display panel options ❖ Click the panel menu icon in Dreamweaver. Last updated 3/8/2011 USING FIREWORKS CS4 18 Workspace • ...
User Guide
Page 25
Drop zone In Photoshop, you can also select a layout for a moment. Manage Document windows When you lay out your documents. • To switch to one file, the Document windows ... windows, drag a window's tab to help you open more than one of the drop zones along the top, bottom, or sides of another window. USING FIREWORKS CS4 19 Workspace A B C Narrow blue drop zone indicates Color panel will be docked on the Application bar. You can change the font size of the dock...
Drop zone In Photoshop, you can also select a layout for a moment. Manage Document windows When you lay out your documents. • To switch to one file, the Document windows ... windows, drag a window's tab to help you open more than one of the drop zones along the top, bottom, or sides of another window. USING FIREWORKS CS4 19 Workspace A B C Narrow blue drop zone indicates Color panel will be docked on the Application bar. You can change the font size of the dock...
User Guide
Page 27
... You can stack floating panels or panel groups so that they move as a unit in the workspace. Some panels, such as the Color panel in Photoshop, cannot be stacked or moved as a unit when you drag the topmost title bar. (Panels that it anywhere in this way.) Free-floating stacked ... icons in the default workspace. Stack floating panels When you to position it floats freely, drag the panel by its tab or title bar. USING FIREWORKS CS4 21 Workspace Manipulate panel groups • To move a panel into a drop zone, the panel floats freely. Note: Be sure to the drop zone at ...
... You can stack floating panels or panel groups so that they move as a unit in the workspace. Some panels, such as the Color panel in Photoshop, cannot be stacked or moved as a unit when you drag the topmost title bar. (Panels that it anywhere in this way.) Free-floating stacked ... icons in the default workspace. Stack floating panels When you to position it floats freely, drag the panel by its tab or title bar. USING FIREWORKS CS4 21 Workspace Manipulate panel groups • To move a panel into a drop zone, the panel floats freely. Note: Be sure to the drop zone at ...
User Guide
Page 28
...icon collapses automatically when you see only the icons (and not the labels), adjust the width of the dock until the text disappears. USING FIREWORKS CS4 22 Workspace Panels collapsed to icons Panels expanded from icons • To collapse or expand all panel icons in a dock, click the ...top of the dock. • To expand a single panel icon, click it in by its icon, or the double arrow in the Application bar. • (Photoshop) Select Window > Workspace > Essentials (Default). • (InDesign, InCopy) Select Window > Workspace > Reset [Workspace Name]. You can drag panel icons up and...
...icon collapses automatically when you see only the icons (and not the labels), adjust the width of the dock until the text disappears. USING FIREWORKS CS4 22 Workspace Panels collapsed to icons Panels expanded from icons • To collapse or expand all panel icons in a dock, click the ...top of the dock. • To expand a single panel icon, click it in by its icon, or the double arrow in the Application bar. • (Photoshop) Select Window > Workspace > Essentials (Default). • (InDesign, InCopy) Select Window > Workspace > Reset [Workspace Name]. You can drag panel icons up and...
User Guide
Page 29
... of the full version of the Preferences dialog box. Manually check for help system only. USING FIREWORKS CS4 23 Workspace Manage connections to web services In Adobe® Creative Suite® 4, the Connections panel lets you manage connections to web services and the...topics "Help and support" on page 2 Last updated 3/8/2011 Visit www.adobe.com to access Community Help. However, you use this option to services such as ConnectNow meetings. 1 In Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks, or Dreamweaver, choose Window > Extensions > Connections. 2 Enter your work...
... of the full version of the Preferences dialog box. Manually check for help system only. USING FIREWORKS CS4 23 Workspace Manage connections to web services In Adobe® Creative Suite® 4, the Connections panel lets you manage connections to web services and the...topics "Help and support" on page 2 Last updated 3/8/2011 Visit www.adobe.com to access Community Help. However, you use this option to services such as ConnectNow meetings. 1 In Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks, or Dreamweaver, choose Window > Extensions > Connections. 2 Enter your work...
User Guide
Page 30
...workspace 1 With the workspace in Dreamweaver.) Save and switch workspaces By saving the current size and position of keyboard shortcuts (Photoshop only). The names of the following: • (Photoshop, Illustrator) Choose Window > Workspace > Save Workspace. • (InDesign, InCopy) Choose Window > Workspace > New ...click the Share My Computer Screen button at the center of menus. 4 Click OK or Save. USING FIREWORKS CS4 24 Workspace Working with ConnectNow Adobe® ConnectNow provides you with a secure, personal online meeting notes, and control an attendee's computer. For...
...workspace 1 With the workspace in Dreamweaver.) Save and switch workspaces By saving the current size and position of keyboard shortcuts (Photoshop only). The names of the following: • (Photoshop, Illustrator) Choose Window > Workspace > Save Workspace. • (InDesign, InCopy) Choose Window > Workspace > New ...click the Share My Computer Screen button at the center of menus. 4 Click OK or Save. USING FIREWORKS CS4 24 Workspace Working with ConnectNow Adobe® ConnectNow provides you with a secure, personal online meeting notes, and control an attendee's computer. For...
User Guide
Page 31
...select Remember Panel Locations. • To display panels in their default locations on startup, deselect Remember Panel Locations. USING FIREWORKS CS4 25 Workspace Delete a custom workspace • Select Manage Workspaces from the workspace switcher in the Application bar, select the.... When you select a tool, the Property inspector displays tool options. The Tools panel The Tools panel is not available in Fireworks.) • (Photoshop, InDesign, InCopy) Select Delete Workspace from the workspace switcher. • (Illustrator) Choose Window > Workspace > Manage Workspaces, select...
...select Remember Panel Locations. • To display panels in their default locations on startup, deselect Remember Panel Locations. USING FIREWORKS CS4 25 Workspace Delete a custom workspace • Select Manage Workspaces from the workspace switcher in the Application bar, select the.... When you select a tool, the Property inspector displays tool options. The Tools panel The Tools panel is not available in Fireworks.) • (Photoshop, InDesign, InCopy) Select Delete Workspace from the workspace switcher. • (Illustrator) Choose Window > Workspace > Manage Workspaces, select...
User Guide
Page 96
You can edit text any time-even after you apply Live Filters, and can change from an Adobe Photoshop® document. Auto-sizing text blocks are automatically saved under a name that matches the text you remove text. The circle indicates an auto-sizing ...block: • To create an auto-sizing text block, click in the Layers panel. More Help topics "Type preferences" on the canvas with text Adobe® Fireworks® enables you to use many features typically reserved for sophisticated desktop publishing applications, including using the Text tool. • When the text pointer is...
You can edit text any time-even after you apply Live Filters, and can change from an Adobe Photoshop® document. Auto-sizing text blocks are automatically saved under a name that matches the text you remove text. The circle indicates an auto-sizing ...block: • To create an auto-sizing text block, click in the Layers panel. More Help topics "Type preferences" on the canvas with text Adobe® Fireworks® enables you to use many features typically reserved for sophisticated desktop publishing applications, including using the Text tool. • When the text pointer is...
User Guide
Page 106
... Modify > Combine Paths > Join. Replace Missing Fonts Replaces fonts in its original font. USING FIREWORKS CS4 100 Working with text Note: Converted text can't be resized or scaled, the resulting font size appears in Fireworks. Because the characters are not installed on your computer, you can make the text difficult to... scale, rotate, skew, and flip text to vector objects. Transform text blocks You can edit and save the text. By default, text from Adobe Photoshop or Adobe Illustrator®, import a Photoshop or Illustrator file, or copy the text into Fireworks.
... Modify > Combine Paths > Join. Replace Missing Fonts Replaces fonts in its original font. USING FIREWORKS CS4 100 Working with text Note: Converted text can't be resized or scaled, the resulting font size appears in Fireworks. Because the characters are not installed on your computer, you can make the text difficult to... scale, rotate, skew, and flip text to vector objects. Transform text blocks You can edit and save the text. By default, text from Adobe Photoshop or Adobe Illustrator®, import a Photoshop or Illustrator file, or copy the text into Fireworks.
User Guide
Page 110
... using the system color pickers 1 Click any color box. 2 Select Windows OS or Mac OS from any color pop-up sliders, or pick a color from the color bar....each new color model. For more information, see the documentation for print, import them into Adobe Illustrator, Adobe Photoshop, or Adobe FreeHand. Hue has a value from 0 to 360 degrees, and Saturation and Brightness have ... of black. You can select alternative color models from the Color Mixer Options menu. USING FIREWORKS CS4 104 Applying color, strokes, and fills By default, the Color Mixer identifies RGB colors as...
... using the system color pickers 1 Click any color box. 2 Select Windows OS or Mac OS from any color pop-up sliders, or pick a color from the color bar....each new color model. For more information, see the documentation for print, import them into Adobe Illustrator, Adobe Photoshop, or Adobe FreeHand. Hue has a value from 0 to 360 degrees, and Saturation and Brightness have ... of black. You can select alternative color models from the Color Mixer Options menu. USING FIREWORKS CS4 104 Applying color, strokes, and fills By default, the Color Mixer identifies RGB colors as...
User Guide
Page 114
... Saving frequent searches 1 Select the Custom option in the first pop-up menus above the results. Last updated 3/8/2011 USING FIREWORKS CS4 108 Applying color, strokes, and fills 6 Export the object as a GIF or PNG file and select Index Transparency or ... panel to delete, and click Save. Note: Use only alphanumerical characters (Aa-Zz, 0-9) in Adobe Photoshop® CS4, Adobe Flash® Professional CS4, Adobe InDesign® CS4, Adobe Illustrator® CS4, and Adobe Fireworks® CS4. Then clear the searches you want to create and save them . For more information, see "...
... Saving frequent searches 1 Select the Custom option in the first pop-up menus above the results. Last updated 3/8/2011 USING FIREWORKS CS4 108 Applying color, strokes, and fills 6 Export the object as a GIF or PNG file and select Index Transparency or ... panel to delete, and click Save. Note: Use only alphanumerical characters (Aa-Zz, 0-9) in Adobe Photoshop® CS4, Adobe Flash® Professional CS4, Adobe InDesign® CS4, Adobe Illustrator® CS4, and Adobe Fireworks® CS4. Then clear the searches you want to create and save them . For more information, see "...