Part
I: Basic
File Formats for the web
Part II: Importing
Images
Part III:
Creating Text, Titles, and Backgrounds
Part IV: Colors for the Web
Part V: Resizing & Rotating Images
Part VI: Filters
Part VII: Layers
Part VIII: Exporting for the Web
Resources
& Links
Part
I: Basic
File Formats for the web

Part
II: Importing Images
- Graphics,
some are Royalty Free ( links
)
- Scanning
( example )
- Digital Photography
- A closer
look at t the Digital Cameras here at PSGV
- Sony
Digital FD Mavica, Sony CyberShot
- Digital Video
- Digital Audio
- Audacity
- iPods
and recorders
Part
III: Creating Text and Titles ( example
at top )
- Create a
title or your name.
- Adding effects
to text.
Part
IV: Colors for the Web
Part V: Resizing & Rotating Images (use
photos at right for practice.)
- Resizing
images in a web editor vs. adjusting the size of an image in photoshop
- Cropping
- Image / Image
Size

- Rotating an image
Part
VI: Layers
- Layers
- Opacity

Part
VII:
Filters
- Filter and
then Select a Filter
- Modifying
an image
- Layer /
Effects
- Select
/ Modify / Border / choose number of pixels / Filter / Select
Filter
- Embossing
an Image
- Adding
a Drop Shadow
- Feathering
Part
VIII: Exporting for the Web

- File / Save
for Web
- Optimize the image you are exporting for the web. ( view
)
- Review all the versions
- Click the best version
- Click OK
- Then save to the folder in your web site designated for av
|
Examples:

before

after

Use of Layers to highlight an area.
image map

animated image
(does not work in firefox.)
Roll Over

Water photo
to work with

Flower Photo to Work with

Belagio Fountains Photo to work with

Dark Photo
(link)

Dark Photo
that
needs to be rotated.

Venetian photo
to work with.
|