Macromedia Fireworks 8 Revealed, Deluxe Education Edition

1
(No Transcript)
2
Chapter Lessons
OVERVIEW

• Understand the Fireworks work environment
• Work with new and existing documents
• Work with bitmap images
• Create shapes
• Create and modify text

3
Understanding Fireworks
INTRODUCTION

• Fireworks is a graphics program for the Web
• Tasks are compartmentalized
• Can work with, import from, and export files to
  other formats

4
Understanding Fireworks
INTRODUCTION

• Fireworks integrates seamlessly with other
  Macromedia applications
• Dreamweaver
• Flash
• FreeHand
• Director

5
Understand the Fireworks Work Environment
LESSON 1

• In this lesson, you will
• Start Fireworks
• Open a file
• Adjust panels in the Fireworks window

6
Viewing the Fireworks Window
LESSON 1

• Fireworks window contains
• Document window
• Property inspector
• Panels

7
Viewing the Fireworks Window
LESSON 1

• 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

8
Viewing the Fireworks Window
LESSON 1

• 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

9
Viewing the Fireworks Window
LESSON 1

• Rearrange panels in Fireworks window based on
  your preference
• Collapse/expand
• Open/close
• Regroup
• Dock/undock

10
Viewing the Fireworks Window
LESSON 1
Document window
Docked panel
Property inspector
FIGURE 3 Newly opened document
11
Work with New and Existing Documents
LESSON 2

• 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

12
Working with Files
LESSON 2

• 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

13
Working with Files
LESSON 2

• 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

14
Accessing Help
LESSON 2

• 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

15
Accessing Help
LESSON 2

• Use commands on Help menu bar to navigate Help
  and print topics
• Other ways to obtain support online
• Fireworks Support Center
• Macromedia Online Forums

16
Accessing Help
LESSON 2
Help tabs
FIGURE 10 Getting help on a topic
17
Work with Bitmap Images
LESSON 3

• In this lesson, you will
• Modify a bitmap image
• Create a layer
• Lock a layer

18
Understanding the Layers Panel
LESSON 3

• 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

19
Understanding the Layers Panel
LESSON 3

• Layers can be
• Hidden or visible
• Locked or unlocked
• Rearranged and renamed
• Duplicated and deleted
• Collapsed or expanded

20
Understanding the Layers Panel
LESSON 3
Collapsed layer
Expanded layer
Show/Hide layer icon
Delete selection icon
Lock/Unlock layer icon
FIGURE 16 Layers panel
21
Understanding Bitmap Images and Vector Objects
LESSON 3

• 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

22
Understanding Bitmap Images and Vector Objects
LESSON 3

• Bitmap images lose image quality when enlarged
• Resolution-dependent
• Resolution the number of pixels in an image and
  its clarity and fineness of detail

23
Understanding Bitmap Images and Vector Objects
LESSON 3

• Vector objects do not lose image quality when
  enlarged
• Resolution-independent
• Will retain appearance

Vector remains crisp
Bitmap is jagged blurry
FIGURE 17 Comparing vector and bitmap graphics
24
Create Shapes
LESSON 4

• In this lesson, you will
• Display rulers and guides
• Create a vector object
• Modify a vector object

25
Using Rulers, Guides, and the Grid
LESSON 4

• 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

26
Using Rulers, Guides, and the Grid
LESSON 4

• Grid
• Can display squares or rectangles
• Can modify grid colors

27
Sizing and RepositioningObjects
LESSON 4

• View the position of objects and the pointer
  using
• Info panel
• Open from Window menu
• Also view color values of selected pixel
• Property inspector

28
Using the Tools Panel
LESSON 4

• Fireworks automatically determines whether the
  tool is appropriate for the edited object
• Basic shape vector tools
• Rectangle, Ellipse, Polygon
• Auto Shape vector tools

29
Understanding Auto Shapes
LESSON 4

• Auto Shapes
• Complex vector shapes
• Manipulated by dragging control points
• Control point
• Yellow diamond
• Appears when you select an Auto Shape

30
Applying Fills and Strokes
LESSON 4

• Fill attributes
• Color
• Category (solid, gradient, or pattern)
• Type and amount of edge of fill
• Stroke attributes
• Color
• Tip size
• Softness
• Texture

31
Applying Fills and Strokes
LESSON 4

• 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

32
Create and Modify Text
LESSON 5

• In this lesson, you will
• Create text
• Create a path
• Attach the text to the path
• Save your document
• Exit the program

33
Using Text in a Document
LESSON 5

• 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

34
Using Text in a Document
LESSON 5

• 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

35
Attaching Text to a Path
LESSON 5

• 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

36
Attaching Text to a Path
LESSON 5
FIGURE 32 Text on paths
Path
Text attached to a path
37
Attaching Text to a Path
LESSON 5

• 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

38
Chapter 1 Tasks
SUMMARY

• Start Fireworks
• Open a file
• Adjust panels, including undocking and collapsing
  them
• Set document properties
• Use the Index and Search tabs of Help

39
Chapter 1 Tasks
SUMMARY

• Add a layer
• Copy an object between documents
• Modify a bitmap image
• Create and lock a layer
• Display rulers and guides

40
Chapter 1 Tasks
SUMMARY

• Create and modify a vector object
• Create text and a path
• Attach the text to the path
• Save your document
• Exit the program