2. Chapter Lessons Understand the Fireworks work environment
OVERVIEW
Chapter Lessons
Understand the Fireworks work environment
Work with new and existing documents
Work with bitmap images
Create shapes
Create and modify text
Macromedia Fireworks 8 Revealed

3. Understanding Fireworks
INTRODUCTION
Understanding Fireworks
Fireworks is a graphics program for the Web
Tasks are compartmentalized
Can work with, import from, and export files to other formats
Macromedia Fireworks 8 Revealed

4. Understanding Fireworks
INTRODUCTION
Understanding Fireworks
Fireworks integrates seamlessly with other Macromedia applications
Dreamweaver
Flash
FreeHand
Director
Macromedia Fireworks 8 Revealed

5. Understand the Fireworks Work Environment
LESSON 1
Understand the Fireworks Work Environment
In this lesson, you will:
Start Fireworks
Open a file
Adjust panels in the Fireworks window
Macromedia Fireworks 8 Revealed

6. Viewing the Fireworks Window
LESSON 1
Viewing the Fireworks Window
Fireworks window contains
Document window
Property inspector
Panels
Macromedia Fireworks 8 Revealed

7. Viewing the Fireworks Window
LESSON 1
Viewing the Fireworks Window
Document window contains canvas and display buttons
Display buttons: Original, Preview, 2-Up, 4-Up
2-Up & 4-Up buttons allow you to evaluate different optimization settings side by side
Panels perform specific functions
Macromedia Fireworks 8 Revealed

8. Viewing the Fireworks Window
LESSON 1
Viewing the Fireworks Window
Tools panel houses tools organized into tool groups
Select, Bitmap, Vector, Web, Colors, View
Property inspector
Modifies selected objects
Sets tool properties and other options
Macromedia Fireworks 8 Revealed

9. Viewing the Fireworks Window
LESSON 1
Viewing the Fireworks Window
Rearrange panels in Fireworks window based on your preference
Collapse/expand
Open/close
Regroup
Dock/undock
Macromedia Fireworks 8 Revealed

10. Viewing the Fireworks Window
LESSON 1
Viewing the Fireworks Window
Document window
Docked panel
Property inspector
FIGURE 3 Newly opened document
Macromedia Fireworks 8 Revealed

11. Work with New and Existing Documents
LESSON 2
Work with New and Existing Documents
In this lesson, you will:
Set document properties
Use Index and Search tabs of Help
Add a layer to the Layers panel
Copy an object between documents
Macromedia Fireworks 8 Revealed

12. Working with Files Fireworks files are called documents
LESSON 2
Working with Files
Fireworks files are called documents
A document consists of multiple layers
A layer can contain multiple objects
Fireworks files are saved as PNG files
Files have .png extension
Macromedia Fireworks 8 Revealed

13. Working with Files Different file formats support different images
LESSON 2
Working with Files
Different file formats support different images
Different ways to obtain images in different file formats
Import file
Open file
Copy and paste object
Drag and drop object
Macromedia Fireworks 8 Revealed

14. Accessing Help Help command on Help menu Can access from three tabs
LESSON 2
Accessing Help
Help command on Help menu
Can access from three tabs
Content: lists topic by subject matter
Index: enter keyword to access topics that begin with keyword
Search: enter keyword to retrieve topics with keyword in title
Macromedia Fireworks 8 Revealed

15. LESSON 2
Accessing Help
Use commands on Help menu bar to navigate Help and print topics
Other ways to obtain support online
Fireworks Support Center
Macromedia Online Forums
Macromedia Fireworks 8 Revealed

16. FIGURE 10 Getting help on a topic
LESSON 2
Accessing Help
Help tabs
FIGURE Getting help on a topic
Macromedia Fireworks 8 Revealed

17. Work with Bitmap Images
LESSON 3
Work with Bitmap Images
In this lesson, you will:
Modify a bitmap image
Create a layer
Lock a layer
Macromedia Fireworks 8 Revealed

18. Understanding the Layers Panel
LESSON 3
Understanding the Layers Panel
Layers position objects (not pixels)
Layers panel
Arranges objects in document in logical design order and grouping
Objects on layer similar to viewing multiple objects through clear acetate sheets
Stacking order affects visibility
Macromedia Fireworks 8 Revealed

19. Understanding the Layers Panel
LESSON 3
Understanding the Layers Panel
Layers can be
Hidden or visible
Locked or unlocked
Rearranged and renamed
Duplicated and deleted
Collapsed or expanded
Macromedia Fireworks 8 Revealed

20. Understanding the Layers Panel
LESSON 3
Understanding the Layers Panel
Collapsed layer
Expanded layer
Show/Hide
layer icon
Delete selection icon
Lock/Unlock layer icon
FIGURE Layers panel
Macromedia Fireworks 8 Revealed

21. Understanding Bitmap Images and Vector Objects
LESSON 3
Understanding Bitmap Images and Vector Objects
Bitmap graphics represent a picture as a matrix of pixels on a grid
Realistically depict pixel colors in a photograph
Vector graphic is a mathematically calculated object
Composed of anchor points and straight or curved line segments
Macromedia Fireworks 8 Revealed

22. Understanding Bitmap Images and Vector Objects
LESSON 3
Understanding Bitmap Images and Vector Objects
Bitmap images lose image quality when enlarged
Resolution-dependent
Resolution: the number of pixels in an image and its clarity and fineness of detail
Macromedia Fireworks 8 Revealed

23. Understanding Bitmap Images and Vector Objects
LESSON 3
Understanding Bitmap Images and Vector Objects
Vector objects do not lose image quality when enlarged
Resolution-independent
Will retain appearance
Vector remains crisp
Bitmap is jagged & blurry
FIGURE Comparing vector and bitmap graphics
Macromedia Fireworks 8 Revealed

24. Create Shapes In this lesson, you will: Display rulers and guides
Create a vector object
Modify a vector object
Macromedia Fireworks 8 Revealed

25. Using Rulers, Guides, and the Grid
LESSON 4
Using Rulers, Guides, and the Grid
Design aides that help you precisely align and position objects
Rulers
Ruler units are always in pixels
Guides
Do not print
Insert by dragging a guide from the ruler to the canvas
Macromedia Fireworks 8 Revealed

26. Using Rulers, Guides, and the Grid
LESSON 4
Using Rulers, Guides, and the Grid
Grid
Can display squares or rectangles
Can modify grid colors
Macromedia Fireworks 8 Revealed

27. Sizing and Repositioning Objects
LESSON 4
Sizing and Repositioning Objects
View the position of objects and the pointer using
Info panel
Open from Window menu
Also view color values of selected pixel
Property inspector
Macromedia Fireworks 8 Revealed

28. LESSON 4
Using the Tools Panel
Fireworks automatically determines whether the tool is appropriate for the edited object
Basic shape vector tools
Rectangle, Ellipse, Polygon
Auto Shape vector tools
Macromedia Fireworks 8 Revealed

29. Understanding Auto Shapes
LESSON 4
Understanding Auto Shapes
Auto Shapes
Complex vector shapes
Manipulated by dragging control points
Control point
Yellow diamond
Appears when you select an Auto Shape
Macromedia Fireworks 8 Revealed

30. Applying Fills and Strokes
LESSON 4
Applying Fills and Strokes
Fill attributes
Color
Category (solid, gradient, or pattern)
Type and amount of edge of fill
Stroke attributes
Tip size
Softness
Texture
Macromedia Fireworks 8 Revealed

31. Applying Fills and Strokes
LESSON 4
Applying Fills and Strokes
Anti-Aliasing: blends the edges of a stroke or text with surrounding pixels
Edges blend into the background
Anti-alias settings
No, Crisp, Strong, or Smooth
Macromedia Fireworks 8 Revealed

32. Create and Modify Text In this lesson, you will: Create text
Create a path
Attach the text to the path
Save your document
Exit the program
Macromedia Fireworks 8 Revealed

33. Using Text in a Document
LESSON 5
Using Text in a Document
Text tool properties
Font, size, color, style, kerning leading, alignment, text flow, offset, anti-alias
Kerning adjusts the space between adjacent letters or a range of letters
Leading adjusts the amount of space between lines of text
Macromedia Fireworks 8 Revealed

34. Using Text in a Document
LESSON 5
Using Text in a Document
Text blocks
Fixed-width size never changes
Auto-sizing expands the text block to accommodate the amount of text
Spell check
Can perform on one or more blocks of text at a time
Macromedia Fireworks 8 Revealed

35. Attaching Text to a Path
LESSON 5
Attaching Text to a Path
Use the Pen tool to define points on a path
Path: an open or closed vector consisting of a series of anchor points
Anchor points join path segments
Can edit text attached to path
Macromedia Fireworks 8 Revealed

36. Attaching Text to a Path
LESSON 5
Attaching Text to a Path
FIGURE Text on paths
Path
Text attached to a path
Macromedia Fireworks 8 Revealed

37. Attaching Text to a Path
LESSON 5
Attaching Text to a Path
To attach text to a path
Define points on path
Use Attach to Path command on Text menu
Create text using the Text tool
Edit points on path using the Subselection tool
Macromedia Fireworks 8 Revealed

38. Chapter 1 Tasks Start Fireworks Open a file
SUMMARY
Chapter 1 Tasks
Start Fireworks
Open a file
Adjust panels, including undocking and collapsing them
Set document properties
Use the Index and Search tabs of Help
Macromedia Fireworks 8 Revealed

39. Chapter 1 Tasks Add a layer Copy an object between documents
SUMMARY
Chapter 1 Tasks
Add a layer
Copy an object between documents
Modify a bitmap image
Create and lock a layer
Display rulers and guides
Macromedia Fireworks 8 Revealed

40. Chapter 1 Tasks Create and modify a vector object
SUMMARY
Chapter 1 Tasks
Create and modify a vector object
Create text and a path
Attach the text to the path
Save your document
Exit the program
Macromedia Fireworks 8 Revealed