Photoshop Training | Chicago

Fast Facts

Duration
2 days

Class Size
Max 8 students

Times
9.00am to 4.30pm

Computer
One per student

Price
795.00

Photoshop Web Graphics

Upcoming Classes
Course Outline
Instructors

Course Description

Photoshop Web Graphics is a 2-day hands-on course where you will learn how to create graphics for the Web. Topics include designing a Web layout, slicing, roll overs, image maps, animated gifs, Web optimization and more.

Target Audience

Any aspiring Web Designer who needs to create Web graphics using Photoshop. No prior experience of Photoshop is required.

Leaning Objectives

Upon successful completion of this Photoshop training course students will be able to:

Handle Color and Layer Management.
To add Text.
Optimize Images for Web.
Create Background Images for Web.
Design Navigation.
Create Transparent and Animated Gifs.
Slicing, Image Maps and Rollovers.
Create Data-Driven Images.
Integration with Dreamweaver and Flash.

Upcoming Classes

Chicago	Oct, 2008	Nov, 2008	Dec, 2008	Jan, 2009
Photoshop CS3 Web Graphics		Nov 13 - 14		Jan 12 - 13

Click here for directions

Course Outline

Understanding the Interface

The Welcome Screen
Interface Overview
The Toolbox
Toolbox Fly-Out Menus
The Options Bar
The Palettes
Jumping Between Photoshop and ImageReady
Customizing Palette Locations
Saving Custom Palette Locations
Keyboard Shortcuts
Customizing Menus
Saving Custom Workspaces

Organizing Assets

Viewing and Organizing Assets
Rating and Labeling Assets
Keywording and Searching

Working with Color

Color Management and the Web
Color Management Considerations for Windows Users
Windows Gamma Settings vs. Mac Gamma Settings
Color Management Considerations for Mac Users
The Decline of Web-Safe Color
What Happens on an 8-Bit System If You Do not Use Web-Safe colors?
Choosing Color in Photoshop and ImageReady
Choosing Colors from the Color Picker
Choosing Color with the Swatches Palette
Creating and Saving Custom Swatches
Recoloring Layered Images
Copying Color as HTML

Working with Layers

What are Layers?
Creating and Renaming Layers
Reordering, Flipping, and Moving Layers
Adjusting Blending Mode, Fill, and Opacity
Moving and Aligning Layers
Using Layer Groups and Comps
Using Adjustment Layers
Using Layer Styles
Photoshop and ImageReady Layer Styles

Creating Type

Vector-Based Type
Character Type vs. Paragraph Type
The Character and Paragraph Palettes
Checking Spelling
Finding and Replacing Type

Optimizing Images

What Affects Speed on the Web?
Understanding Web File Formats
Transparency and Animation
Lossy or Lossless?
How Can You Make Small JPEGs?
Optimizing JPEGs
Selective JPEG Optimization with Alpha Channels
How Can You Make Small GIFs?
Optimizing GIFs
Choosing the Right Color Reduction Palette
Reducing and Locking Colors
Selective GIF Optimization with Alpha Channels
Previewing Images in a Web Browser
Optimizing Images in Photoshop vs. ImageReady
Optimizing JPEGs and GIFs in ImageReady
Creating Web Backgrounds
What Is a Background Image?
Defining and Previewing Background Images
Optimizing and Saving Background Images
Creating Symmetrical Background Images
Creating Seamless Backgrounds from Photographs
Creating Full-Screen Backgrounds
Using Directional Tiles

Designing Navigation

Planning Effective Navigation
Comparing Bitmap Images and Vector Graphics
Creating a Horizontal Navigation Bar
Creating Elliptical Buttons
Editing Multiple Buttons with Smart Objects
Creating Pill-Shaped Buttons
Creating Three-Dimensional Buttons
Creating Tabbed Navigation Bars
Creating Navigation Bars with Icons

Creating Transparent Graphics

Understanding the Limitations of GIF Transparency
What Is Anti-Aliasing?
Recognizing Transparent Layers
Understanding GIFs, Masks, and Transparency
Understanding Offset Problems in Browsers
Creating and Previewing Transparent GIFs
Fixing the Edges of Transparent GIFs
Creating Transparent GIFs from Nontransparent Images
Simulating Transparency with JPEGs

Creating Animated GIFs

Controlling the Timing of Animations
The Animated GIF Format
GIF Compression Challenges
Creating Animations from Layer Visibility
Setting Looping and Speed
Tweening with Opacity
Selecting, Duplicating, and Reversing Frames
Tweening with Position and Layer Styles
Optimizing and Saving Animated GIFs
Creating an Animated Slideshow

Slicing

About Slices
About Slice Lines, Slice Numbers, Slice Symbols, and Slice Colors
Creating User Slices
Creating Layer-Based Slices
Renaming Slices
Optimizing and Saving Slices
Applying Alt Text and Status Bar Messages
Assigning URLs to Slices
Using Slice Sets

Creating Rollovers

About Rollovers
Using Preset Rollover Styles
Optimizing and Saving Rollovers
Creating Rollovers from Layer Styles
Creating Rollovers from Layer Visibility
Creating Rollovers with Type
Creating Remote Rollovers
Creating Animated Rollovers

Creating Image Maps

Server-Side and Client-Side Image Maps
Creating Image Maps in ImageReady CS2
Creating an Image Map from Layers
Renaming, Optimizing, and Saving Image
Assigning URLs and Applying Alt Text to
Creating Image Map-Based Rollovers

Creating Web Photo Galleries

Creating a Web Photo Gallery
Understanding the Web Photo Gallery Settings
Creating a Collaborative Web Photo Gallery

Automation

What are Actions?
Using Predefined Actions
Creating and editing Actions
About Droplets
Creating Droplets

Creating Data-Driven Graphics

Buzzwords and Definitions
Understanding Data Sets
Defining Visibility Variables and Creating Data Sets
Defining Text and Pixel Replacement Variables
Previewing and Exporting Data Sets
Importing Data Sets from Text Files

Integrating with Illustrator and Acrobat

Exporting Photoshop Files from Illustrator
Embedding Illustrator Files as Smart Objects
Creating PDFs from Photoshop
Understanding Adobe PDF Compression Options
Saving PDFs with Password Protection
Creating Multipage PDFs

Integrating with Flash

Importing Photoshop Files into Flash
Exporting Images to Flash (SWF)
Exporting Images with Type and Shape Layers
Exporting Images with Layer Styles

Meet the Instructors

Gabriel

Gabriel founded a design and marketing firm in 1996 where he continues to work to this day. He is passionate about his work and delights in teaching the trade to his students.
He holds a Bachelor of Fine Arts in Multimedia Design and has won awards in both graphic and interactive web design which he jokes, "I carry with me at all times."

CLOSE BIO

"Give this instructor a raise... I took 3 courses and he is the best. He knows the material AND knows how to instruct! "

Dennis Kmetz - Individual

"Instructor was well versed in all topics, incorporated real-industry situations into the course outline. Was not afraid to veer away from the book- which in my opinion makes for the best instruction. Made an effort to insure each student was able to follow and comprehend."

Brad Sillars - Individual

... view bioGabriel

Adobe Training

Web Development

Microsoft Office

Business Skills

QuickBooks