Course Description

You are familiar with designing and creating images with Photoshop. Images that are to be used in websites need to be optimized for optimal file size and quality. In this course, you will familiarize yourself with the concepts and techniques that are used to optimize images for display on the Internet.

Course Objective: You will set Photoshop’s unit preferences and save files in different formats to see how well each one balances image quality with file size reduction. You will then calibrate your system’s color display. You will also use Photoshop as part of creating finished web pages and export individual slices and create an HTML Web page that displays a table containing the sliced sections. Finally, you will use Photoshop and ImageReady to create and optimize animations for the web.

Target Student: This course is intended for new users of Photoshop.

Prerequisites: To ensure students' success with this course, we recommend that they have a familiarity with Photoshop or take the following Element K course: Photoshop CS2: Level 1 Second Edition.

See Dates for this class

Performance-Based Objectives

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

• set preferences for size units and also identify the factors that contribute to file size.
• experiment with saving files in different formats to see how well each one balances image quality with file size reduction.
• apply color management techniques, adjust images and ensure color consistency to create images that are attractive to the widest possible audience.
• use Photoshop and ImageReady to design the layout for a web page.
• slice an image into sections and create rollovers for some sections.
• plan and create the basic sequence of animation using Photoshop and also save an animation in GIF and SWF formats.

 

Course Content

Lesson 1: Preparing Web Images
Topic 1A: Measure Web Image Resolution
Topic 1B: Examine File Size Considerations

Lesson 2: Optimizing Images
Topic 2A: Optimize Photographic Images
Topic 2B: Optimize Flat Color Graphics and Illustrations
Topic 2C: Use Transparency in Web Images

Lesson 3: Preparing for Cross-Platform Viewing
Topic 3A: Explore Color Management for the Web
Topic 3B: Examine Display Differences Across Platforms
Topic 3C: Ensure Consistent Color and Reduction of the Color Palette

Lesson 4: Creating Web Page Layouts
Topic 4A: Examine the Web Design Uses for Photoshop and ImageReady
Topic 4B: Create Web Page Backgrounds
Topic 4C: Draw Shapes
Topic 4D: Format Vector Paths

 

 

 

 

 

 

Lesson 5: Exporting a Web Page
Topic 5A: Prepare a Web Page for Export
Topic 5B: Export a Web Page

Lesson 6: Exploring Animation
Topic 6A: Create Animations
Topic 6B: Save Animations

Appendix A: Adobe Certified Expert (ACE) Objectives Mapping

Appendix B: Adobe® Photoshop® CS2: New Features Mapping

Appendix C: Managing Dithering