 |
 |
|
|
|
Parkland College > Center for Excellence > Fireworks I > Lesson 2
INTRODUCTION TO MACROMEDIA FIREWORKS
Lesson 2: Vector Graphics
Instructor: Paul
Young
|
| |
Overview
|
|
Vector graphics are also known as "outline-fill." Vectors have a distinct advantage over raster (bitmap) images. Vector art is resolution-independent, is much smaller in file size than bitmap images and can be easily edited.
In this lesson, we'll work with Fireworks's vector drawing tools
to create a flow-chart that can be optimized for web as well as
print.
|
| |
Procedure
|
|
prepping for the lesson
- download lesson starter files
- examine downloaded files
- launch Fireworks
- file > open "lesson2/2-before.png" (note size, zoom)
- file > save as "lesson2/after.png"
- practice navigation shortcuts: SPACE, SPACE+CTRL, SPACE+CTRL+ALT, CTRL+1, CTRL+0
- note toolbox, properties, floating palettes
adding type
- select "type" layer
- text tool: type "Lesson 2" (Arial 16, centered, black)
- copy text block (drag, add ALT+SHIFT)
- edit > repeat (ctrl+Y)
- change text to "Lesson 3", "Resources"
- window > align: horiz center, distribute top edge
adding boxes and rules
- new layer "boxes" (lock other layers); restack to bottom
- draw box: fill=white, stroke=black (2px)
- copy box (drag, add ALT+SHIFT)
- edit > repeat (ctrl+Y)
- align and distribute (if needed)
- new layer "rules" (lock other layers); restack to top
- draw rules: stroke=black (2px) (hint: zoom in)
- duplicate rules as needed
- align and distribute (if needed)
optimize for web & print
- file > save
- choose 2-up (note file sizes, download time)
- window > optimize: GIF 128
- file > export: "after.gif"
- modify > canvas > image size: resolution=300 PPI
- file > export: "after.ai" (Illustrator 7)
- file > save as "after-hires.png" (for importing into Word)
|
|
|
