Macromedia Fireworks 8 Revealed, Deluxe Education Edition - PowerPoint PPT Presentation

1 / 40
About This Presentation
Title:

Macromedia Fireworks 8 Revealed, Deluxe Education Edition

Description:

Fireworks is a graphics program for the Web. Tasks are compartmentalized ... FIGURE 17 Comparing vector and bitmap graphics. 24. Macromedia Fireworks 8 Revealed ... – PowerPoint PPT presentation

Number of Views:114
Avg rating:3.0/5.0
Slides: 41
Provided by: CourseTec1
Category:

less

Transcript and Presenter's Notes

Title: 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
Write a Comment
User Comments (0)
About PowerShow.com