 |
 |
|
|
|
Parkland College > Center for Excellence > Fireworks I > Lesson 1
INTRODUCTION TO MACROMEDIA FIREWORKS
Lesson 1: Image Optimization
Instructor: Paul
Young
|
| |
Overview
|
|
Preparing raster (bitmap) images for the web is a balancing act between quality and download speed. Fireworks gives you the tools to optimize your picture elements to the smallest possible file for fast downloading.
In this lesson, we'll work with a typical digital camera photograph
and optimize it for the web. Then we'll use Fireworks's special
effects tools to enhance the image creatively.
|
| |
Procedure
|
|
prepping for the lesson
- download lesson starter files
- examine downloaded files
- launch Fireworks
- file > open "lesson1/1-before.jpg" (note size, zoom)
- file > save as "lesson1/after.png"
- practice navigation shortcuts: SPACE, SPACE+CTRL, SPACE+CTRL+ALT, CTRL+1, CTRL+0
- note toolbox, properties, floating palettes
typical photo enhancements
- crop tool: select area to keep, ENTER
- modify > canvas > image size: width=350px
- select image
- properties: add affects > adjust color > levels
- properties: add affects > adjust color > hue/saturation
- properties: add affects > sharpen > unsharp mask: radius=1, threshold=1, amount=?
- file > save
- choose 2-up (note file sizes, download time)
- window > optimize: JPEG better quality
- file > export: "after.jpg"
adding special effects
- edit hue/saturation (double click): saturation=-100
- file > export: "after-gray.jpg"
- edit hue/saturation (double click): colorize=yes
- file > export: "after-sepia.jpg"
- draw rectangle on layer 1, fill=light yellow
- layer mode=multiply
- file > export: "after-tint.jpg"
- file > save
|
|
|
