Web Graphics with Photoshop Accelerated Technical Training
Overview	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.
Duration	2 days
Courseware	The courseware is available on the web at http://www.keller.com/photoshop/
Format	Instructor-led Classroom-based For advanced audiences, Day One (Photoshop basics) can be skipped. Emphasis on practical skills Hands-on
Audience	This course is for the beginning Photoshop user who wants to produce graphics for web pages.
Prerequisites	Check the ones your background satisfies: You are comfortable with the PC or workstation environment. You can find, add and delete files from the file system. You can use a mouse. You know HTML well enough to add images to web pages. If you checked 3 or more, you're well-equipped to take this class.
Objectives	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.
Method	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: 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 within images Day Two concentrates on the design elements of complete Web pages: 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 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.
Setup	Delivery of this class requires: classroom 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 available at

Web Graphics with Photoshop

Accelerated Technical Training

Overview

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.

Duration

2 days

Courseware

The courseware is available on the web at http://www.keller.com/photoshop/

Format

Instructor-led
Classroom-based
For advanced audiences, Day One (Photoshop basics) can be skipped.
Emphasis on practical skills
Hands-on

Audience

This course is for the beginning Photoshop user who wants to produce graphics for web pages.

Prerequisites

Check the ones your background satisfies: If you checked 3 or more, you're well-equipped to take this class.

Objectives

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.

Method

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:

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 within images

Day Two concentrates on the design elements of complete Web pages:

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

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.

Setup

Delivery of this class requires:

classroom
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 available at

Write to us! webmaster@keller.com
http://www.dan-keller.com/training/curric/xml-versions/photoshop.html
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