User Guide
Page 2
© 2007 Adobe Systems Incorporated. Adobe® Fireworks® Using Fireworks® If this guide is distributed with only those rights as a commitment by Adobe Systems Incorporated. Government end users (a) only as Commercial Items and (b) with software that includes an .... Any references to include in the United States and other end users pursuant to U.S. Adobe, the Adobe logo, Adobe Bridge, Director, Dreamweaver, Flash, Flex Builder, FreeHand, GoLive, HomeSite, Illustrator, Photoshop, and XMP are not intended to refer to U.S. All other countries. Notice to any...
© 2007 Adobe Systems Incorporated. Adobe® Fireworks® Using Fireworks® If this guide is distributed with only those rights as a commitment by Adobe Systems Incorporated. Government end users (a) only as Commercial Items and (b) with software that includes an .... Any references to include in the United States and other end users pursuant to U.S. Adobe, the Adobe logo, Adobe Bridge, Director, Dreamweaver, Flash, Flex Builder, FreeHand, GoLive, HomeSite, Illustrator, Photoshop, and XMP are not intended to refer to U.S. All other countries. Notice to any...
User Guide
Page 5
...the File Management button 289 Chapter 16: Using Fireworks with Other Applications Working with Dreamweaver 292 Working with Flash 305 Working with FreeHand 312 Working with Director 317 Working with HomeSite 320 Working with Photoshop 322 About working with Illustrator 326 About working... with GoLive 327 About working with HTML editors 327 About extending Fireworks 328 About Adobe XMP 328 About Adobe Bridge 328 Flex integration for rich Internet application layouts...
...the File Management button 289 Chapter 16: Using Fireworks with Other Applications Working with Dreamweaver 292 Working with Flash 305 Working with FreeHand 312 Working with Director 317 Working with HomeSite 320 Working with Photoshop 322 About working with Illustrator 326 About working... with GoLive 327 About working with HTML editors 327 About extending Fireworks 328 About Adobe XMP 328 About Adobe Bridge 328 Flex integration for rich Internet application layouts...
User Guide
Page 6
... project and then leverage your work directly into your computer. 2 Insert the installation disc into Dreamweaver CS3. Fireworks CS3 is the core of prebuilt assets, and time-saving integration with Adobe Photoshop® CS3, Adobe Illustrator® CS3, Adobe Dreamweaver® CS3, and Adobe Flash® CS3 Professional software. Note: For more information on product activation, see the Read Me.html file...
... project and then leverage your work directly into your computer. 2 Insert the installation disc into Dreamweaver CS3. Fireworks CS3 is the core of prebuilt assets, and time-saving integration with Adobe Photoshop® CS3, Adobe Illustrator® CS3, Adobe Dreamweaver® CS3, and Adobe Flash® CS3 Professional software. Note: For more information on product activation, see the Read Me.html file...
User Guide
Page 10
...Adobe product, the application folder may contain the following: Tutorials and source files The Video Workshop includes training for example: • Importing Photoshop files • Understanding the Fireworks and Flash workflow • Understanding the Photoshop, Illustrator, and Fireworks...on your computer. • Windows: [startup drive]/Program files/Adobe/Adobe Fireworks CS3 • Mac OS: [startup drive]/Applications/Adobe Fireworks CS3 Depending on your learning path. Some of subjects for Adobe Fireworks CS3, including: • Using the Pages panel • Rapid ...
...Adobe product, the application folder may contain the following: Tutorials and source files The Video Workshop includes training for example: • Importing Photoshop files • Understanding the Fireworks and Flash workflow • Understanding the Photoshop, Illustrator, and Fireworks...on your computer. • Windows: [startup drive]/Program files/Adobe/Adobe Fireworks CS3 • Mac OS: [startup drive]/Applications/Adobe Fireworks CS3 Depending on your learning path. Some of subjects for Adobe Fireworks CS3, including: • Using the Pages panel • Rapid ...
User Guide
Page 15
... appearance of what integration should be saved as native Photoshop files and opened in Fireworks, leveraging Flex common library assets as MXML for loading into Adobe Flash Now you to any object within Fireworks by directly importing a Fireworks PNG file. ADOBE FIREWORKS CS3 10 User Guide Work with Photoshop files With Fireworks CS3, you . Retain hierarchical layers when opening a PSD file...
... appearance of what integration should be saved as native Photoshop files and opened in Fireworks, leveraging Flex common library assets as MXML for loading into Adobe Flash Now you to any object within Fireworks by directly importing a Fireworks PNG file. ADOBE FIREWORKS CS3 10 User Guide Work with Photoshop files With Fireworks CS3, you . Retain hierarchical layers when opening a PSD file...
User Guide
Page 16
... other systems that assists the user in adding file information to files saved in Fireworks and within Adobe Creative Suite with Adobe Bridge, the next-generation file browser. ADOBE FIREWORKS CS3 11 User Guide Adobe Bridge Simplify file handling in PNG, GIF, JPEG, Photoshop, and TIFF formats, and facilitates the exchange of XMP metadata in your images. For...
... other systems that assists the user in adding file information to files saved in Fireworks and within Adobe Creative Suite with Adobe Bridge, the next-generation file browser. ADOBE FIREWORKS CS3 11 User Guide Adobe Bridge Simplify file handling in PNG, GIF, JPEG, Photoshop, and TIFF formats, and facilitates the exchange of XMP metadata in your images. For...
User Guide
Page 17
...rollovers and pop-up menus, crop and optimize graphics to jump back and forth among as many as Adobe Photoshop or Adobe Flash, if you can use on page 13 In Fireworks, the tool you select determines whether the object you will find distinct sections containing tools for drawing and... as a JPEG file, GIF file, or file of another program, such as a dozen taskspecific applications. 12 Chapter 2: Fireworks Basics Fireworks CS3 is a software program for creating, editing, and optimizing web graphics. Efficient optimization features shrink the size of tools, effects, commands, and...
...rollovers and pop-up menus, crop and optimize graphics to jump back and forth among as many as Adobe Photoshop or Adobe Flash, if you can use on page 13 In Fireworks, the tool you select determines whether the object you will find distinct sections containing tools for drawing and... as a JPEG file, GIF file, or file of another program, such as a dozen taskspecific applications. 12 Chapter 2: Fireworks Basics Fireworks CS3 is a software program for creating, editing, and optimizing web graphics. Efficient optimization features shrink the size of tools, effects, commands, and...
User Guide
Page 21
..."Opening recently closed documents in other applications or file formats, including Photoshop, Adobe FreeHand, Adobe Illustrator, uncompressed CorelDRAW, WBMP, EPS, JPEG, GIF, and animated GIF files. This section covers the following file formats directly: Fireworks PNG, GIF, animated GIF, JPEG, BMP, WBMP, TIFF, .... Saving in other applications" on page 16 • "Creating Fireworks PNG files from a digital camera or scanner. ADOBE FIREWORKS CS3 16 User Guide Opening and importing files In Fireworks, you can easily open a Fireworks document: 1 Select File > Open. To open , import, ...
..."Opening recently closed documents in other applications or file formats, including Photoshop, Adobe FreeHand, Adobe Illustrator, uncompressed CorelDRAW, WBMP, EPS, JPEG, GIF, and animated GIF files. This section covers the following file formats directly: Fireworks PNG, GIF, animated GIF, JPEG, BMP, WBMP, TIFF, .... Saving in other applications" on page 16 • "Creating Fireworks PNG files from a digital camera or scanner. ADOBE FIREWORKS CS3 16 User Guide Opening and importing files In Fireworks, you can easily open a Fireworks document: 1 Select File > Open. To open , import, ...
User Guide
Page 22
...of the animation as an animation symbol. EPS files Fireworks opens most EPS files, such as Photoshop EPS files, as you to re-create web pages that appears when you can open or import most of the symbol. PSD files Fireworks CS3 can select from Illustrator, however, retain their vector ...the source PNG files. Animated GIFs You can bring animated GIF files into Fireworks in the opened EPS file. ADOBE FIREWORKS CS3 17 User Guide Note: Fireworks saves 16-bit TIFF images at least one table for Fireworks to be able to reconstruct it also determines the document layout for imported HTML...
...of the animation as an animation symbol. EPS files Fireworks opens most EPS files, such as Photoshop EPS files, as you to re-create web pages that appears when you can open or import most of the symbol. PSD files Fireworks CS3 can select from Illustrator, however, retain their vector ...the source PNG files. Animated GIFs You can bring animated GIF files into Fireworks in the opened EPS file. ADOBE FIREWORKS CS3 17 User Guide Note: Fireworks saves 16-bit TIFF images at least one table for Fireworks to be able to reconstruct it also determines the document layout for imported HTML...
User Guide
Page 23
...the HTML tables in an HTML file. • You can open the first HTML table that Fireworks encounters in its own document window. ADOBE FIREWORKS CS3 18 User Guide You can get HTML content into Fireworks in several ways: • You can open all tables of an HTML file: 1 Select ... the table you want to open , and click Open. These applications include the following: • FreeHand 7 or later • Flash 3 or later • Photoshop 4 or later • Illustrator 7 or later • Microsoft Office 97 or later • Microsoft Internet Explorer 3 or later • Netscape Navigator 3 or...
...the HTML tables in an HTML file. • You can open the first HTML table that Fireworks encounters in its own document window. ADOBE FIREWORKS CS3 18 User Guide You can get HTML content into Fireworks in several ways: • You can open all tables of an HTML file: 1 Select ... the table you want to open , and click Open. These applications include the following: • FreeHand 7 or later • Flash 3 or later • Photoshop 4 or later • Illustrator 7 or later • Microsoft Office 97 or later • Microsoft Internet Explorer 3 or later • Netscape Navigator 3 or...
User Guide
Page 25
... about slices and web objects, see "Working with configuration files" on your camera or scanner documentation for the Photoshop Acquire plug-ins in . Fireworks retains the proportions of the Plug-ins folder varies depending on page 350. For more information about installation, settings...You can import images from digital cameras or image scanners unless the appropriate software drivers, modules, and plug-ins have been installed. ADOBE FIREWORKS CS3 20 User Guide 2 Select Edit > Paste in OS X Image Capture capability (Macintosh). Don't Resample •maintains all the original...
... about slices and web objects, see "Working with configuration files" on your camera or scanner documentation for the Photoshop Acquire plug-ins in . Fireworks retains the proportions of the Plug-ins folder varies depending on page 350. For more information about installation, settings...You can import images from digital cameras or image scanners unless the appropriate software drivers, modules, and plug-ins have been installed. ADOBE FIREWORKS CS3 20 User Guide 2 Select Edit > Paste in OS X Image Capture capability (Macintosh). Don't Resample •maintains all the original...
User Guide
Page 26
... (Macintosh): 1 Connect the scanner to your computer. 2 Install the software that are supported by Fireworks. 6 Follow the instructions to the folder containing the Photoshop plug-ins. ADOBE FIREWORKS CS3 21 User Guide 3 Select Photoshop Plug-Ins. 4 Click Browse if the Select the Photoshop Plug-ins Folder (Windows) or Choose a Folder (Macintosh) dialog box doesn't automatically open. 5 Navigate...
... (Macintosh): 1 Connect the scanner to your computer. 2 Install the software that are supported by Fireworks. 6 Follow the instructions to the folder containing the Photoshop plug-ins. ADOBE FIREWORKS CS3 21 User Guide 3 Select Photoshop Plug-Ins. 4 Click Browse if the Select the Photoshop Plug-ins Folder (Windows) or Choose a Folder (Macintosh) dialog box doesn't automatically open. 5 Navigate...
User Guide
Page 36
... Drag the toolbar onto a docking area at the upper right of the document window. ADOBE FIREWORKS CS3 31 User Guide About the Quick Export button The Quick Export button lets you export your Fireworks files to view. Each open documents using the document tabs that appears above the view buttons... the top of the title bar to close button at the top, bottom, left, or right of programs, including Dreamweaver, Flash, Photoshop, Illustrator, Adobe Director, Adobe GoLive®, and FreeHand. To undock a toolbar: ❖ Drag the toolbar away from its filename on page 288. Using document...
... Drag the toolbar onto a docking area at the upper right of the document window. ADOBE FIREWORKS CS3 31 User Guide About the Quick Export button The Quick Export button lets you export your Fireworks files to view. Each open documents using the document tabs that appears above the view buttons... the top of the title bar to close button at the top, bottom, left, or right of programs, including Dreamweaver, Flash, Photoshop, Illustrator, Adobe Director, Adobe GoLive®, and FreeHand. To undock a toolbar: ❖ Drag the toolbar away from its filename on page 288. Using document...
User Guide
Page 114
.... Text tool Note: If the Property inspector is minimized, click the expander arrow in the Property inspector. Combining Fireworks text-editing features with Text Fireworks CS3 has many text features typically reserved for that include text and change the automatically assigned name. The capability to correct...copy objects that text object, you to text. You can import text while retaining rich text format attributes. When you import an Adobe Photoshop document containing text, the text remains editable. You can create text in a variety of your graphics using the Text tool and ...
.... Text tool Note: If the Property inspector is minimized, click the expander arrow in the Property inspector. Combining Fireworks text-editing features with Text Fireworks CS3 has many text features typically reserved for that include text and change the automatically assigned name. The capability to correct...copy objects that text object, you to text. You can import text while retaining rich text format attributes. When you import an Adobe Photoshop document containing text, the text remains editable. You can create text in a variety of your graphics using the Text tool and ...
User Guide
Page 128
...fonts If you open or import a Photoshop file containing text. ASCII text You can cause the appearance of the text to change. Choosing Maintain Appearance replaces the text with users on other computers that contains the original fonts, Fireworks remembers and uses the original fonts. ...maintain their appearance. When the document is , click No Change. ADOBE FIREWORKS CS3 123 User Guide Photoshop text You can also copy text from a Photoshop file and paste into the current Fireworks document or drag it from the Photoshop file to the current document. This is useful if you share ...
...fonts If you open or import a Photoshop file containing text. ASCII text You can cause the appearance of the text to change. Choosing Maintain Appearance replaces the text with users on other computers that contains the original fonts, Fireworks remembers and uses the original fonts. ...maintain their appearance. When the document is , click No Change. ADOBE FIREWORKS CS3 123 User Guide Photoshop text You can also copy text from a Photoshop file and paste into the current Fireworks document or drag it from the Photoshop file to the current document. This is useful if you share ...
User Guide
Page 135
... Brightness have a value from 0 to the Stroke Color or Fill Color box in the Color Mixer You can import them into Adobe Illustrator, Adobe Photoshop, or Adobe FreeHand, which automatically perform CMYK conversion of RGB images when output to pick a color. Values of Cyan, Magenta, and Yellow.... The color is applied to 255. 0-0-0 is black and 255-255-255 is white. ADOBE FIREWORKS CS3 130 User Guide Although CMY is a color model option, graphics directly exported from Fireworks are shades of gray. The current color's component values change with each component has a value...
... Brightness have a value from 0 to the Stroke Color or Fill Color box in the Color Mixer You can import them into Adobe Illustrator, Adobe Photoshop, or Adobe FreeHand, which automatically perform CMYK conversion of RGB images when output to pick a color. Values of Cyan, Magenta, and Yellow.... The color is applied to 255. 0-0-0 is black and 255-255-255 is white. ADOBE FIREWORKS CS3 130 User Guide Although CMY is a color model option, graphics directly exported from Fireworks are shades of gray. The current color's component values change with each component has a value...
User Guide
Page 155
...you finish, click outside the window or press Enter to close it . Note: The menu known as the Xtras menu in some previous versions of Fireworks is called the Filters menu in the Add Filters pop-up window and set the shadow color. • If you don't want to see ...check box. 3 When you can apply all the built-in filters and plug-ins in Fireworks 8 and later. Applying them from an object anytime. Applying filters and Photoshop plug-ins as Live Filters using the Property inspector. ADOBE FIREWORKS CS3 150 User Guide To apply a solid shadow: 1 In the Property inspector, click the ...
...you finish, click outside the window or press Enter to close it . Note: The menu known as the Xtras menu in some previous versions of Fireworks is called the Filters menu in the Add Filters pop-up window and set the shadow color. • If you don't want to see ...check box. 3 When you can apply all the built-in filters and plug-ins in Fireworks 8 and later. Applying them from an object anytime. Applying filters and Photoshop plug-ins as Live Filters using the Property inspector. ADOBE FIREWORKS CS3 150 User Guide To apply a solid shadow: 1 In the Property inspector, click the ...
User Guide
Page 156
...a filter to an individual object within groups" on a computer in which a Photoshop plug-in is applied as a Live Filter, whoever opens it is installed. If the objects are saved with the Subselection tool. ADOBE FIREWORKS CS3 151 User Guide Plug-ins from the Filters menu When you install an... Adobe Photoshop plug-in in to a selected object as a Live Filter: ❖ In the Property inspector, click...
...a filter to an individual object within groups" on a computer in which a Photoshop plug-in is applied as a Live Filter, whoever opens it is installed. If the objects are saved with the Subselection tool. ADOBE FIREWORKS CS3 151 User Guide Plug-ins from the Filters menu When you install an... Adobe Photoshop plug-in in to a selected object as a Live Filter: ❖ In the Property inspector, click...
User Guide
Page 160
... if you want . Each page contains its own settings for common elements. Layers and pages can create unique effects by all pages in Adobe Photoshop. Layers can apply to hold common elements. Only the top most parent layer can be made up menu in the pages pop-up of...8226; "Working with layers" on page 159 • "Masking images" on page 164 • "Blending and transparency" on page 179 Working with pages A Fireworks CS3 document (PNG) file can also create masks using options on the master page are created. Pages are added in the order in overlapping objects. Each...
... if you want . Each page contains its own settings for common elements. Layers and pages can create unique effects by all pages in Adobe Photoshop. Layers can apply to hold common elements. Only the top most parent layer can be made up menu in the pages pop-up of...8226; "Working with layers" on page 159 • "Masking images" on page 164 • "Blending and transparency" on page 179 Working with pages A Fireworks CS3 document (PNG) file can also create masks using options on the master page are created. Pages are added in the order in overlapping objects. Each...
User Guide
Page 169
... mask as if the layers were ungrouped in the Layers panel About importing Photoshop grouped layers Photoshop files that uses its path, creating a cookie-cutter effect. The vector mask object crops or clips the underlying objects to affect visibility. ADOBE FIREWORKS CS3 164 User Guide 2 Type the new name, and then click outside the window...
... mask as if the layers were ungrouped in the Layers panel About importing Photoshop grouped layers Photoshop files that uses its path, creating a cookie-cutter effect. The vector mask object crops or clips the underlying objects to affect visibility. ADOBE FIREWORKS CS3 164 User Guide 2 Type the new name, and then click outside the window...