User Guide
Page 2
Using Adobe® Fireworks® CS4 for Windows® and Mac OS This user guide is protected under copyright law, furnished for use under license. and (2) any errors or inaccuracies that may not match PANTONE...that use only, is licensed to change without notice, and should not be incorporated 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 the property of this guide. All ...
Using Adobe® Fireworks® CS4 for Windows® and Mac OS This user guide is protected under copyright law, furnished for use under license. and (2) any errors or inaccuracies that may not match PANTONE...that use only, is licensed to change without notice, and should not be incorporated 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 the property of this guide. All ...
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
...register, follow the on product activation, visit the Adobe website at www.adobe.com/go /activation. Activation and registration Help with installation For help with Adobe Photoshop®, Adobe Illustrator®, Adobe Dreamweaver®, and Adobe Flash® Professional software. No personal data ..., see the Installation Support Center at www.adobe.com/go /cs4install. No personal information is transmitted. Fireworks offers the flexibility to Adobe. Register Register your use them. 1 Chapter 1: Resources Adobe® Fireworks® delivers an efficient design environment for ...
...register, follow the on product activation, visit the Adobe website at www.adobe.com/go /activation. Activation and registration Help with installation For help with Adobe Photoshop®, Adobe Illustrator®, Adobe Dreamweaver®, and Adobe Flash® Professional software. No personal data ..., see the Installation Support Center at www.adobe.com/go /cs4install. No personal information is transmitted. Fireworks offers the flexibility to Adobe. Register Register your use them. 1 Chapter 1: Resources Adobe® Fireworks® delivers an efficient design environment for ...
User Guide
Page 9
...seamlessly integrate with desktop applications so you can enhance your Adobe tools. Some Creative Suite 4 applications include these features to connect with dispersed working in Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks, or Dreamweaver, and you want to stay offline. ...available for Adobe digital video applications. Adobe® ConnectNow Collaborate with the community, collaborate, and get your services, see http://help.adobe.com/en_US/CommunityHelp/. Because local Help is available from color matching to data conferencing. USING FIREWORKS CS4 3 ...
...seamlessly integrate with desktop applications so you can enhance your Adobe tools. Some Creative Suite 4 applications include these features to connect with dispersed working in Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks, or Dreamweaver, and you want to stay offline. ...available for Adobe digital video applications. Adobe® ConnectNow Collaborate with the community, collaborate, and get your services, see http://help.adobe.com/en_US/CommunityHelp/. Because local Help is available from color matching to data conferencing. USING FIREWORKS CS4 3 ...
User Guide
Page 11
... layouts Design complete Web pages in place. USING FIREWORKS CS4 5 Resources New user interface Switch from other Creative Suite applications-like Photoshop, Illustrator, and Flash-with the ease and familiarity of fidelity. Adobe AIR authoring Create your Adobe AIR prototype directly within Fireworks as you drag guides in Fireworks' robust graphic environment and then export web standards...
... layouts Design complete Web pages in place. USING FIREWORKS CS4 5 Resources New user interface Switch from other Creative Suite applications-like Photoshop, Illustrator, and Flash-with the ease and familiarity of fidelity. Adobe AIR authoring Create your Adobe AIR prototype directly within Fireworks as you drag guides in Fireworks' robust graphic environment and then export web standards...
User Guide
Page 15
...including hierarchical layers, layer effects, and commonly used blend modes. Some EPS files exported from Fireworks: Fireworks PNG, GIF, animated GIF, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD, and PICT (Mac only). Last updated 3/8/2011 Animated GIFs • Import an animated GIF as an animation ... as a single unit. Note: When you added to a single layer, and you will be saved directly from Adobe Illustrator retain their vector information. USING FIREWORKS CS4 9 Fireworks basics Open a recently closed file when no files are open PSD files created in Photoshop and preserve most EPS files...
...including hierarchical layers, layer effects, and commonly used blend modes. Some EPS files exported from Fireworks: Fireworks PNG, GIF, animated GIF, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD, and PICT (Mac only). Last updated 3/8/2011 Animated GIFs • Import an animated GIF as an animation ... as a single unit. Note: When you added to a single layer, and you will be saved directly from Adobe Illustrator retain their vector information. USING FIREWORKS CS4 9 Fireworks basics Open a recently closed file when no files are open PSD files created in Photoshop and preserve most EPS files...
User Guide
Page 16
... elements. Each of the active document. USING FIREWORKS CS4 10 Fireworks basics Create Fireworks PNG files from HTML files Fireworks can import documents that use UTF-8 encoding and those that are written in XHTML. Note: Fireworks can open and import HTML content created in ...Fireworks document Drag an image or text into Fireworks. Text or objects in a new document window. Open only the first table of these formats can drag vector objects, bitmap images, or text from the Clipboard: • Adobe FreeHand 7 or later • Adobe Illustrator • PNG • PICT (Mac...
... elements. Each of the active document. USING FIREWORKS CS4 10 Fireworks basics Create Fireworks PNG files from HTML files Fireworks can import documents that use UTF-8 encoding and those that are written in XHTML. Note: Fireworks can open and import HTML content created in ...Fireworks document Drag an image or text into Fireworks. Text or objects in a new document window. Open only the first table of these formats can drag vector objects, bitmap images, or text from the Clipboard: • Adobe FreeHand 7 or later • Adobe Illustrator • PNG • PICT (Mac...
User Guide
Page 23
...all of the different applications in Photoshop. (Adobe Flash®, Adobe Dreamweaver®, and Adobe Fireworks® have no Control panel.) • Flash, Dreamweaver, and Fireworks have a Property inspector that you can ...Mac for certain products, you can be tabbed and, in certain cases, grouped and docked. A B C D E G F H Default Illustrator workspace A. Application bar C. Tools panel G. Panel title bar E. Related tools are grouped. • The Control panel displays options for creating and editing images, artwork, page elements, and so on . USING FIREWORKS CS4...
...all of the different applications in Photoshop. (Adobe Flash®, Adobe Dreamweaver®, and Adobe Fireworks® have no Control panel.) • Flash, Dreamweaver, and Fireworks have a Property inspector that you can ...Mac for certain products, you can be tabbed and, in certain cases, grouped and docked. A B C D E G F H Default Illustrator workspace A. Application bar C. Tools panel G. Panel title bar E. Related tools are grouped. • The Control panel displays options for creating and editing images, artwork, page elements, and so on . USING FIREWORKS CS4...
User Guide
Page 24
...or single-row) display by side on the screen or on multiple monitors. Panels can be grouped, stacked, or docked. • On the Mac, the Application frame groups all the workspace elements in Interface preferences. You can open a panel menu even when the panel is selected in a ...panels. USING FIREWORKS CS4 18 Workspace • Panels help you monitor and modify your work with two or more applications, you can position each other so none overlap. Examples include the Timeline in Flash, the Layers panel in Adobe Photoshop®, and the CSS Styles panel in Illustrator. It's ...
...or single-row) display by side on the screen or on multiple monitors. Panels can be grouped, stacked, or docked. • On the Mac, the Application frame groups all the workspace elements in Interface preferences. You can open a panel menu even when the panel is selected in a ...panels. USING FIREWORKS CS4 18 Workspace • Panels help you monitor and modify your work with two or more applications, you can position each other so none overlap. Examples include the Timeline in Flash, the Layers panel in Adobe Photoshop®, and the CSS Styles panel in Illustrator. It's ...
User Guide
Page 29
...in automatically connects you to services such as ConnectNow meetings. 1 In Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks, or Dreamweaver, choose Window > Extensions > Connections. 2 Enter your product from accessing online Community Help. Visit www.adobe.com to access Community Help. However, you can 't remember it, ...when you restart the computer, select Remember Me On This Computer. 4 Click Log In. 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 ...
...in automatically connects you to services such as ConnectNow meetings. 1 In Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks, or Dreamweaver, choose Window > Extensions > Connections. 2 Enter your product from accessing online Community Help. Visit www.adobe.com to access Community Help. However, you can 't remember it, ...when you restart the computer, select Remember Me On This Computer. 4 Click Log In. 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 ...
User Guide
Page 30
...; (Photoshop, Illustrator) Choose Window > Workspace > Save Workspace. • (InDesign, InCopy) Choose Window > Workspace > New Workspace. • (Dreamweaver) Choose Window > Workspace Layout > New Workspace. • (Flash) Choose New Workspace from the workspace switcher in the Application bar. • (Fireworks) Choose Save ..., share files, capture meeting room where you can share and annotate your Adobe ID and password, and click Sign In. USING FIREWORKS CS4 24 Workspace Working with ConnectNow Adobe® ConnectNow provides you with others via the web in real time. The...
...; (Photoshop, Illustrator) Choose Window > Workspace > Save Workspace. • (InDesign, InCopy) Choose Window > Workspace > New Workspace. • (Dreamweaver) Choose Window > Workspace Layout > New Workspace. • (Flash) Choose New Workspace from the workspace switcher in the Application bar. • (Fireworks) Choose Save ..., share files, capture meeting room where you can share and annotate your Adobe ID and password, and click Sign In. USING FIREWORKS CS4 24 Workspace Working with ConnectNow Adobe® ConnectNow provides you with others via the web in real time. The...
User Guide
Page 31
... then click Delete. (The option is organized into six categories: Select, Bitmap, Vector, Web, Colors, and View. USING FIREWORKS CS4 25 Workspace Delete a custom workspace • Select Manage Workspaces from the workspace switcher. • (Illustrator) Choose Window > Workspace > Manage Workspaces, select the workspace, and then click the Delete icon. • (InDesign) Choose Window...
... then click Delete. (The option is organized into six categories: Select, Bitmap, Vector, Web, Colors, and View. USING FIREWORKS CS4 25 Workspace Delete a custom workspace • Select Manage Workspaces from the workspace switcher. • (Illustrator) Choose Window > Workspace > Manage Workspaces, select the workspace, and then click the Delete icon. • (InDesign) Choose Window...
User Guide
Page 70
.... 2 Do one of 0 to 255, with Curves The Curves feature provides more precise control over the tonal range than the Levels feature. USING FIREWORKS CS4 64 Working with bitmaps Adjust a specific color in the Output box When you first open the Curves dialog box: • In the Property inspector,... Output values. When you adjust any color along the tonal range, without affecting other colors. The grid in the Curves dialog box illustrates two brightness values: The horizontal axis Represents the original brightness of the Plus button. • Select Filters > Adjust Color > Curves.
.... 2 Do one of 0 to 255, with Curves The Curves feature provides more precise control over the tonal range than the Levels feature. USING FIREWORKS CS4 64 Working with bitmaps Adjust a specific color in the Output box When you first open the Curves dialog box: • In the Property inspector,... Output values. When you adjust any color along the tonal range, without affecting other colors. The grid in the Curves dialog box illustrates two brightness values: The horizontal axis Represents the original brightness of the Plus button. • Select Filters > Adjust Color > Curves.
User Guide
Page 106
...Import text • To import text from Photoshop and Illustrator retains all attributes in the document. Editing can scale, rotate, skew, and flip text to create unique text effects. When the document is selected. USING FIREWORKS CS4 100 Working with text Note: Converted text can't be...fonts. Replace Missing Fonts Replaces fonts in Fireworks. More Help topics "Type preferences" on page 281.) • To import text in its original font. By default, text from Adobe Photoshop or Adobe Illustrator®, import a Photoshop or Illustrator file, or copy the text into independently...
...Import text • To import text from Photoshop and Illustrator retains all attributes in the document. Editing can scale, rotate, skew, and flip text to create unique text effects. When the document is selected. USING FIREWORKS CS4 100 Working with text Note: Converted text can't be...fonts. Replace Missing Fonts Replaces fonts in Fireworks. More Help topics "Type preferences" on page 281.) • To import text in its original font. By default, text from Adobe Photoshop or Adobe Illustrator®, import a Photoshop or Illustrator file, or copy the text into independently...
User Guide
Page 110
... white. For more information, see the documentation for print, import them into Adobe Illustrator, Adobe Photoshop, or Adobe FreeHand. Create colors 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...click the color bar at the bottom of Red, Green, and Blue, where each new color model. To repurpose exported Fireworks graphics for those applications. USING FIREWORKS CS4 104 Applying color, strokes, and fills By default, the Color Mixer identifies RGB colors as you mix colors. 2 Click...
... white. For more information, see the documentation for print, import them into Adobe Illustrator, Adobe Photoshop, or Adobe FreeHand. Create colors 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...click the color bar at the bottom of Red, Green, and Blue, where each new color model. To repurpose exported Fireworks graphics for those applications. USING FIREWORKS CS4 104 Applying color, strokes, and fills By default, the Color Mixer identifies RGB colors as you mix colors. 2 Click...
User Guide
Page 114
... or to groups of themes on the right side of these products. For an article on Kuler and color inspiration, see www.adobe.com/go/lrvid4088_xp. View a theme online on Kuler 1 In the Browse panel, select a theme in your search terms and save... own projects. To delete a saved search, select the Custom option in the pop-up menu in Adobe Photoshop® CS4, Adobe Flash® Professional CS4, Adobe InDesign® CS4, Adobe Illustrator® CS4, and Adobe Fireworks® CS4. USING FIREWORKS CS4 108 Applying color, strokes, and fills 6 Export the object as a GIF or PNG file and ...
... or to groups of themes on the right side of these products. For an article on Kuler and color inspiration, see www.adobe.com/go/lrvid4088_xp. View a theme online on Kuler 1 In the Browse panel, select a theme in your search terms and save... own projects. To delete a saved search, select the Custom option in the pop-up menu in Adobe Photoshop® CS4, Adobe Flash® Professional CS4, Adobe InDesign® CS4, Adobe Illustrator® CS4, and Adobe Fireworks® CS4. USING FIREWORKS CS4 108 Applying color, strokes, and fills 6 Export the object as a GIF or PNG file and ...
User Guide
Page 115
...panel provides a variety of the theme and select Add To Swatches Panel. The harmony rule uses the base color as the base color. USING FIREWORKS CS4 109 Applying color, strokes, and fills Working with the Edit Color/Recolor Artwork dialog box, rather than the Create panel. Add a new ... rule and by dragging the Base color marker (the largest, double-ringed color marker) around the wheel. Note: In Illustrator, you make your projects. For more information, see Illustrator Help. You can also set the active color (foreground/background or stroke/fill) in the color group as the basis...
...panel provides a variety of the theme and select Add To Swatches Panel. The harmony rule uses the base color as the base color. USING FIREWORKS CS4 109 Applying color, strokes, and fills Working with the Edit Color/Recolor Artwork dialog box, rather than the Create panel. Add a new ... rule and by dragging the Base color marker (the largest, double-ringed color marker) around the wheel. Note: In Illustrator, you make your projects. For more information, see Illustrator Help. You can also set the active color (foreground/background or stroke/fill) in the color group as the basis...
User Guide
Page 129
.... All areas outside the ellipse disappear as needed. You can either create layers before you can create unique effects by blending the colors in Adobe Photoshop®. The name of the active layer is not itself a layer. A D B C E F GH I . Expand/Collapse Layer B. Lock/Unlock Layer C. New/Duplicate...similar to layer sets in overlapping objects. You can paste an elliptical shape as though the components of the illustration were drawn on separate tracing paper overlays. Fireworks has several blending modes to block out part of the underlying image. The canvas is below all layers ...
.... All areas outside the ellipse disappear as needed. You can either create layers before you can create unique effects by blending the colors in Adobe Photoshop®. The name of the active layer is not itself a layer. A D B C E F GH I . Expand/Collapse Layer B. Lock/Unlock Layer C. New/Duplicate...similar to layer sets in overlapping objects. You can paste an elliptical shape as though the components of the illustration were drawn on separate tracing paper overlays. Fireworks has several blending modes to block out part of the underlying image. The canvas is below all layers ...
User Guide
Page 134
... vector masks are applied using its path, creating a cookie-cutter effect. You can also apply them in vector-illustration applications such as a whole or to the mask as Adobe FreeHand®. A vector mask thumbnail in the Layers panel. A mask can adjust the position of the masked selection...pixels of the mask object affect the visibility of the mask object. About vector masks Vector masks, which creates a vector mask). USING FIREWORKS CS4 128 Layers, masking, and blending Masking Masks hide or show parts of the objects beneath it. You can use multiple objects or ...
... vector masks are applied using its path, creating a cookie-cutter effect. You can also apply them in vector-illustration applications such as a whole or to the mask as Adobe FreeHand®. A vector mask thumbnail in the Layers panel. A mask can adjust the position of the masked selection...pixels of the mask object affect the visibility of the mask object. About vector masks Vector masks, which creates a vector mask). USING FIREWORKS CS4 128 Layers, masking, and blending Masking Masks hide or show parts of the objects beneath it. You can use multiple objects or ...
User Guide
Page 198
.... MXML pages don't require these preview images and can skin Flex components in Fireworks and then export them for use in tools such as Fireworks® CS4®, Adobe Photoshop® CS4, and Adobe Illustrator® CS4 and export them into the FXG format. You then use in a web browser... using tools such as Adobe Flex Builder to develop rich internet applications and experiences. Current...
.... MXML pages don't require these preview images and can skin Flex components in Fireworks and then export them for use in tools such as Fireworks® CS4®, Adobe Photoshop® CS4, and Adobe Illustrator® CS4 and export them into the FXG format. You then use in a web browser... using tools such as Adobe Flex Builder to develop rich internet applications and experiences. Current...