Fireworks 4.0: Advanced

Course Length – 1 Day (6 Hours)

Course Description

Overview: Fireworks 4.0 Advanced is a hands-on instructor-led class that builds upon the skills you learned in Fireworks 4.0 Introduction, and teaches you powerful techniques for creating and editing Web graphics and pages. You will learn advanced skills for working with vector graphics, photographic images and effects, slicing and rollovers, symbols and animation, and exporting to HTML.

Prerequisites: To ensure your success, you must have completed the Software Training course, Fireworks 4.0 Introduction, or have extensive equivalent knowledge:

Performance-Based Objectives

Lesson objectives help students become comfortable with the course, and also provide a means to evaluate learning. Upon successful completion of this course, students will be able to:

· Create and edit vector paths precisely and efficiently using the Pen and Subselection tools.

· Wrap text on a path and convert text to paths.

· Sharpen images and improve their contrast precisely.

· Create image effects such as cloning, masking, and patterns.

· Create and edit complex rollover behaviors, including multi-state navigation bars and drop-down lists.

· Use instances of symbols throughout a Website, and modify the original symbol to update all instances.

· Create animation and buttons using symbols.

· Modify HTML export settings to create files that match the format of the HTML editor application you use.

Course Content

Lesson 1: Vector Paths

Topic 1A: Vector Path Concepts

Topic 1B: Drawing and Editing Rough Paths

Task 1B-1: Using the Pencil Tool

Task 1B-2: Simplifying and Reshaping Paths

Topic 1C: Creating Paths Precisely with the Pen Tool

Task 1C-1: Creating Straight Segments

Task 1C-2: Creating Curved Segments

Task 1C-3: Creating Multiple Segment Paths

Task 1C-4: Creating Sharp Corners

Task 1C-5: Combining Straight and Curved Segments

Task 1C-6: Editing Paths

Task 1C-7: Adding and Editing Anchor Points

Topic 1D: Text and Paths

Task 1D-1: Wrapping Text on a Path

Task 1D-2: Converting Text to Paths

Lesson 2: Image Effects

Topic 2A: Improving Sharpness and Contrast

Task 2A-1: Unsharp Masking

Task 2A-2: Using Levels to Adjust Contrast

Task 2A-3: Using Curves to Adjust Contrast

Topic 2B: Editing Images

Task 2B-1: Using the Rubber Stamp Tool

Task 2B-2: Cropping Image Areas

Topic 2C: Patterns

Task 2C-1: Using Patterns

Topic 2D: Masking

Task 2D-1: Creating Mask Groups

Topic 2E: Saving Effects and Styles

Task 2E-1: Saving and Applying Multiple Effects

Task 2E-2: Creating and Applying Styles

Lesson 3: Advanced Rollovers and Slicing

Topic 3A: Triggering Rollovers from Polygonal Areas

Task 3A-1: Preparing Slices for Rollover Effects

Task 3A-2: Creating and Preparing Frames

Task 3A-3: Creating Rollover Behaviors for Hotspots

Topic 3B: Pop-Up Menus

Task 3B-1: Creating Pop-Up Menus

Topic 3C: Behaviors

Task 3C-1: Creating and Editing Behaviors

Topic 3D: Nav Bars

Task 3D-1: Creating a Multi-State Nav Bar

Task 3D-2: Custom-Naming Slices and Assigning URLs

Task 3D-3: Creating a Down State Button

Lesson 4: Symbols, Instances, and Animation

Topic 4A: Button Symbols

Task 4A-1: Creating Button Symbols

Task 4A-2: Editing Button Symbols

Topic 4B: Graphic Symbols

Task 4B-1: Creating Graphic Symbols

Task 4B-2: Updating Instances in Multiple Files

Topic 4C: Creating Animation

Task 4C-1: Creating an Animation Symbol

Task 4C-2: Tweening Instances of Graphic Symbols

Task 4C-3: Preparing Animation for Export

Lesson 5: Exporting Pages for a Website

Topic 5A: Text Slices

Task 5A-1: Creating HTML Text Slices

Topic 5B: HTML Export Options

Task 5B-1: Exporting to HTML and Images