Web Graphics with Photoshop
Accelerated Technical Training
Do a good job with images and graphics and your
Web pages will convey your message and invite repeat visits.
Alas, many Web authors lack the techniques for using graphics well,
and overload their pages -- and precious network bandwidth -- with
clumsy images and oversized files.
The challenge is to deliver dramatic, high-quality images
while maintaining small file sizes.
Meeting this challenge demands both a well-chosen set
of image processing techniques, and a solid foundation
in the technology of computer imaging.
Photoshop is the Rolls Royce of image processing tools.
Its capabilities are immense.
It is the tool of choice for most professional website developers.
Step-by-step procedures for conducting common
graphics preparation tasks for the Web are presented here.
- For advanced audiences, Day One
(Photoshop basics) can be skipped.
- Emphasis on practical skills
This course is for the beginning Photoshop user
who wants to produce graphics for web pages.
Check the ones your background satisfies:
If you checked
or more, you're well-equipped to take this class.
Upon completion of this course, you will be able to:
- Paint images with Photoshop's drawing tools.
- Create a composite image from multiple image sources.
- Manipulate photographs by deleting, editing and adding elements.
- Explore image compression for different types of images.
- Touch up an old black and white photo.
- Create images with transparent backgrounds.
- Build intuitive website navigation systems with buttons, text and icons.
- Create and use images to make your pages more effective and appealing.
- Optimize performance with GIF and JPEG compression and palette reduction.
- Add drama with drop shadows and perspective.
- Use masks and channels to isolate and manipulate elements of images.
- Grab reader attention with powerful headlines.
The course consists of a series of lessons,
each with a hands-on exercise.
The lessons during the first day concentrate
on the basic tools and methods of Photoshop.
In the first day's exercises, you learn to use:
Day Two concentrates on the design elements of complete Web pages:
- Drawing tools to create original artwork
or touch up existing work
- The marquee selection tools to
isolate and manipulate specific sections of images
- Detailed analysis of compression schemes for saving images
- Layers to control movement and size of selections
Each lesson in Day Two builds on the one before it.
It starts by showing the finished page, and then conveys
the techniques that produce it.
In the exercise, Photoshop techniques
are applied to generate images.
The images are then inserted into an HTML template,
saved as a web page, and viewed in Netscape.
The course materials are delivered on the web
and exemplify the techniques they propound.
Each lesson provides step-by-step procedures for
using successively more complex methods.
- Background -- seamless and tiled nicely, muted colors, and
textures and embossing yet not detracting
from the primary message
- Headline -- large type filled and textured with
a variety of fonts, fills, marquees, and filters
- Main image -- a product, corporate logo, portrait, sketch,
or photograph enhanced and made more appealing --
and downloading efficiently -- with drop shadows, collage,
fine-tuning of colors,
reduction of palette, and GIF or JPEG compression
- Navigation system -- buttons, colors, shapes,
well-chosen text and icons make this essential website feature
intuitive and pleasant to use
Delivery of this class requires:
- a PC or workstation for each student
- a PC or workstation for the instructor
- a projector for the instructor's computer screen
- connection to the Internet
- a Web browser on each PC or workstation
- Photoshop 4.0 (or newer) on each PC or workstation
- Detailed system configuration instructions are
Write to us! email@example.com
Updated Wednesday, 31-Oct-2001 13:18:38 MST
Copyright © DKTS
Dan Keller Technical Services
4500 19th St., San Francisco
California, USA 94114
voice: 415 / 861-4500