Package Includes:
- 3 DVDs featuring live instructor-led classroom sessions with full audio, video and
demonstration components
- Printable courseware
- Exclusive LearningZone Live Mentor Click for Details
Help whenever you need it! Exclusive LearningZone - Why wait for
email support? Chat Live with our Certified Instructors anytime around the clock
(24x7)
- Free 1 Year Upgrade Policy
Erin Olsen - M.Ed.
Erin Olsen has been involved in the computer
training industry for over 15 years. She founded Powerhouse Publishing, a desktop publishing company and
when software and printers reached a point where many people could produce their own quality graphic
designs, Erin transferred her skills to the training realm in order to teach people how to use the
technology they had available. She combines her formal education in IT and Education with her technical
expertise, real-world experience and understanding of adult learning to present technical topics and
critical design concepts in an easy-to-understand, engaging way.
Explore our Training Features
Click on a Feature for more information! (popups must be enabled)
Course Introduction
Course Introduction
Lesson 01 - Preparing Web Images
Preparing Web Images
Preparing Web Images
Understanding Web Images
Web Images
Common Web Image Types
Web Image Resolution
Monitor Resolution for Images
Comparing Monitor Resolution Images
Why Use Pixels?
Calculating Download Time
Design Considerations
File Size Factors
Lossless vs. Lossy Compression
Compression Examples
Displaying Color on a Monitor
Methods to Reduce File Size
Demo: Comparing and Resizing Images
Lesson 01 - Review
Lesson 02 - Optimizing Images
Optimizing Images
Critical Key Concept
Web Image File Formats
Naming Web Files and Images
GIF Formatting Options
GIF Options Dialog
JPEG Formatting Options
Features of PNG Images
Image Optimization
Optimization Best Practices
Demo: Optimizing Images
Optimizing Flat Color Graphics
Dithering
Images with Shading and Gradients
Best Practices for Color Images
Demo: Optimizing Images with Flat Color, Shading and Gradients
Transparency in Web Images
Multi-Level Transparency
Transparency vs. Matte Colors
Demo: Applying Matte Colors and Transparency
Lesson 02 - Review
Lesson 03 - Preparing Images for Cross-Platform Viewing
Preparing Images for Cross-Platform Viewing
Devices and Color
Color Management
Calibrate and Profile
Calibration Tasks
Photoshop and Color Management
Display Differences Across Platforms
The Proof Preview
Demo: Adjusting Images for Cross-Platform Display
Web-Safe Colors
Color Reduction Algorithms
Demo: Snapping to Web-Safe Colors
Lesson 03 - Review
Lesson 04 - Creating Web Page Layouts
Creating Web Page Layouts
Photoshop in the Design Process
Creating a Rough
Text on Photoshop Web Pages
Spacing Considerations
Tip #1: Thumbnails
Tip #2: Linking Layers
Tip #3: Helpful Tools
Demo: Arranging Elements on a Web Page
Web Page Backgrounds
Backgrounds with Tiled Images
Fill Layers
Backgrounds with Fill Layers
Demo: Creating a Navigation Bar and Fill Layer Backgrounds
Editable Vector Shapes
Demo: Creating Shapes and Effects
Lesson 04 - Review
Lesson 05 - Exporting a Web Page
Exporting a Web Page
Photoshop Slices
Slices
Types of Slices
Slice Optimization
Slice Options
The Slice Options Dialog Box
Demo: Creating Slices and Links
Exporting a Web Page
Demo: Generating HTML
Lesson 05 - Review
Lesson 06 - Creating Animations for Web and Mobile Devices
Creating Animations for Web and Mobile Devices
Animation
Planning Animations
Animated GIFs
Layers
Animation Panel
The ANIMATION (FRAMES) Panel
Tweening
Demo: Creating a Frame Animation and Tween
Timeline Animations
The ANIMATION (TIMELINE) Panel
Saving Animated GIFs
Demo: Creating Timeline Animations and Saving Animated GIFs
Saving for Mobile Devices
Demo: Previewing Animations for Mobile Output
Lesson 06 - Review
Course Closure
