Fireworks CS4

Collaborate with other Adobe Creative Suite applications to design and mockup basic Web pages or interfaces for rich Internet applications.

Questions??

Level 2

6. Masking

A.About masks
B.Bitmap masks
C.Vector masks
D.Designing the banner ad
E.Creating the document
F.Adding the background
G.Editing gradient colors
H.Editing gradient direction and angle
I.Importing assets
J.Using the Auto Vector Mask for quick fades
K.Importing Photoshop images
L.Creating and editing masks
M.Creating a vector mask
N.Changing vector mask attributes\
O.Converting a bitmap selection to a mask
P.Editing a bitmap mask
Q.Applying Live Filters to a masked image
R.Adding the silhouette
S.Extra credit: Create a vector silhouette
T.Final touches
U.Adding text
V.Adding the cast names
W.Styling the text
X.Creating a custom style
Y.Styling the first names
Z.Tweaking the background
AA.Image positioning

7. Working with Text

A.Text basics
B.Creating an auto-resizing text block
C.Creating a fixed-width text block
D.Editing text
E.Flowing text within a vector shape
F.Anti-aliasing
G.Changing anti-aliasing
H.Special text effects
I.Attaching text to a path
J.Skewing text on an angle
K.Using text as a mask
L.Adding Live Filters to a masked object

8. Optimizing for the Web

A.Optimization basics
B.Web graphic formats
C.About the Optimize panel
D.Optimizing a single image file
E.Setting preferences
F.Working with previews
G.Choosing optimization settings
H.Exporting the file
I.The Fireworks web tools
J.Creating and optimizing slices
K.Creating slices manually with the Slice tool
L.Optimizing a sliced image
M.Adding more slices
N.Optimizing illustrations
O.Slicing tricks for working with multiple items
P.Optimizing the navigation slice
Q.Naming slices
R.Creating hotspots
S.Adding interactivity
T.Exporting composite designs
U.Exporting HTML and images
V.About CSS
W.Exporting CSS and images

9. Using Symbols

A.What are symbols?
B.Graphic symbols
C.Creating graphic symbols
D.The universal Common Library
E.Adding a graphic symbol to a document
F.Editing graphic symbols
G.Adding prebuilt symbols from the Common Library
H.Button symbols
I.Creating button symbols
J.Editing a button symbol
K.Adding more buttons
L.Testing rollovers
M.Completing the design
N.Animation symbols
O.Creating animation symbols
P.Optimizing the animation
Q.Altering animation settings
R.Exporting the animation

Level 1

1. Getting to Know the Workspace

A.Getting started in Adobe Fireworks
B.Preparing the canvas
C.Drawing a vector shape
D.Saving the file
E.Using the Tools panel
F.More tools than meet the eye
G.Using the Property inspector
H.Configuring panels and panel groups
I.Customizing panel arrangements
J.Creating custom workspaces
K.Working with multiple documents
L.Creating a floating document window
M.Dragging and dropping between floating windows
N.Undoing steps

2. Working with Bitmap Images

A.Resolution and file size
B.Cropping an image
C.Cropping a single bitmap image in a design
D.Managing images on the canvas
E.Adjusting the watch position
F.Hiding and locking objects
G.Working with guides
H.Importing images
I.Distortion-free bitmap scaling
J.Scaling the “old” way
K.Avoiding distortion with the 9-slice Scaling tool
L.Adjusting tonal range
M.Using the Align panel
N.Grouping objects together
O.Adjusting brightness with the Dodge and Burn tools
P.Lightening with the Dodge tool
Q.Darkening with the Burn tool
R.Applying the Unsharp Mask Live Filter
S.Repairing areas with the Rubber Stamp tool
T.Retouching on a separate bitmap object
U.Instant face-lift

3. Working with Selections

A.About selecting objects and selection tools
B.Selecting and modifying with the Magic Wand tool
C.Getting started
D.Creating the selection
E.Using the Magic Wand tool with keyboard modifiers
F.Selecting with the lasso tools
G.Converting a selection to a path

4. Working with Vector Graphics

A.About vectors
B.Basic vector drawing techniques
C.Deleting shapes
D.Adding guides
E.Measuring distances between guides
F.Placing an object using guides
G.Resizing vectors
H.Changing the appearance of basic vector shapes
I.Scaling vector objects
J.Scaling the “old” way
K.Distortion-free vector scaling with the 9-slice Scaling tool
L.Adding text to your design
M.Working with Auto Shapes
N.Understanding paths and the Pen tool
O.Editing paths
P.Adding points with the Pen tool
Q.Editing paths with the Subselection tool
R.Creating custom shapes
S.Importing and resizing a vector object
T.Drawing the shape
U.Customizing fills and strokes
V.Adding a gradient fill
W.Customizing the stroke

5. The Layers Panel—Your Best Friend

A.About layers
B.Getting started with layers
C.Identifying objects
D.Naming objects
E.Rearranging objects within a layer
F.Adding and naming layers
G.Moving objects from one layer to another
H.Creating sub layers
I.Protecting layers

Demo a design live for a client, or export the design as an interactive PDF and email it to them. Fireworks sports a new user interface, shared in common with other applications in Creative Suite 4. Export complete Web page designs as web standards-compliant CSS-based layouts, or as PDF

Level 3

10. Prototyping Basics

A.Exploring the Pages panel
B.Isolating the Pages panel
C.Master pages
D.Comparing page designs
E.Page stacking order
F.Creating a page for a multipage mockup
G.Copying a page
H.Creating a master page
I.Adding more pages
J.Sharing layers to pages
K.Adding hotspots for interactivity
L.Creating hotspots
M.Creating a shared a Web Layer
N.Adding interactivity to the master page
O.Testing the links
P.Emulating state changes
Q.More hotspots!
R.Creating a secure, interactive PDF

11. Advanced Prototyping

A.Prototype orientation
B.Master page
C.Content pages
D.Fleshing out the prototype
E.Creating the master page
F.Adding more pages
G.Slicing the banner
H.Banner navigation
I.Customizing page dimensions
J.Image rollover effects
K.Adding a rollover state
L.Name your slices
M.Adding rollover behaviors
N.Emulating pop-up windows
O.Emulating a Spry data table
P.Working with behaviors
Q.Adding the behaviors
R.Editing JavaScript behaviors
S.Completing the prototype
T.Populating the last pages
U.Exporting the prototype

12. Improving Your Workflow

A.Getting started with Adobe Bridge
B.Batch processing and customizing using Bridge and Fireworks
C.Importing and resizing images
D.Importing the images
E.Cropping individual bitmaps in a design
F.Cool shortcuts
G.Exporting a specific area
H.Changing rectangle corners independently
I.Thinking ahead: future-proofing your projects
J.Metadata
K.Photoshop Live Effects

13. Going Further

A.Interaction review
B.Creative and corrective techniques
C.Blending modes for image correction
D.Stroking rendered text
E.Working with Adobe AIR
F.Adding AIR events
G.Creating an AIR prototype
H.Installing the prototype
I.Flex skinning
J.Creating a Flex skin
K.Adding additional button states
L.Exporting the skin
M.Fireworks and Dreamweaver
N.Copying and pasting to Dreamweaver
O.Roundtrip editing
P.Three-slice technique for content containers
Q.Fireworks and Flash
R.Preparing files for Flash
S.Importing Fireworks documents into Flash
T.What are my import options?
U.Importing a Fireworks PNG
V.Importing a flattened bitmap