Graphics

1. Pixel vs Vector2. Photoshop vs Illustrator vs

Fireworks

Pixel Based Graphics

• Squares of Color

• Quality of Graphic

decreases as it is

enlarged

Vector Based Graphics

• Mathematical

equations

• Can be enlarged

unlimitedly

More about Pixel Graphics

• When is it Appropriate?

– Photos!

– Web only graphics

• How are they created?

– Photoshop

• Almost impossible to convert to vector

More about Vector Graphics

• When is it Appropriate?

– Uses are unsure or known to be wide in

scope

• How are they created?

– Illustrator

• Easy to convert to raster (pixel)

Scenarios

• Picture re-coloring?

• Online Image for mailing list signup?

• Company Logo?

• Event Web Page Header?

Fireworks?

• Vector and Raster!?!?!

• Create or Edit…

• Why not just use Fireworks?– Originally designed as a Photoshop contender by

Macromedia.

– It doesn’t do either as well as Photoshop or

Illustrator

• Purpose: to do site Mockups.

Next Class

• Topic: Graphics Continued

• Prepare: Read Ch 5

• Name to Logo (due date?)