Here is a Web Graphics ImageReady Tutorial
that will show you how to optimize your images for the web, along with
a slide presentation that informs you about the image creation and
editing process. Both of these are from Kansas University.
ImageReady
Web Graphics Tutorial
This ImageReady tutorial shows you how to
do tasks associated with creating,
formatting,
and manipulating web-based images. It demonstrates
using ImageReady to do tasks such as optimizing, slicing,
creating
rollovers, and GIF
animation. (407kb, 14 pages, pdf format)
After
completing this Photoshop tutorial, will be able to do the following:
-
Optimize your image file type and file size.
- Use
slicing tools to decrease image/Web page load times.
-
Create interactive navigation buttons using image rollovers.
-
Animate GIF images to use on a Web page.
Contents
of ImageReady Web Graphics Tutorial:
Introduction
Objectives
Prerequisites
Web
Graphic File Types
GIF Image File Format
JPEG Image File Format
PNG
Image File Format
Optimizing Web Graphics
Using
Graphical Slices
Viewing Slices
Image Rollovers
Preview in
Browser
Web Animations
To Insert
a Second Frame
Tween Frames
Getting
Additional Help
Graphics
Foundation
To
create the best possible images you need to make informed choices about
various image properties. This slide presentation will help you
understand the image production process, from acquisition/creation,
through manipulation and editing, saving, and deployment. It covers
digital image terminology, such as resolution, color depth,
and
file formats. (1.9mb, 31
pages, pdf format)