Course description
Master the ins-and-outs of creating web graphics using Photoshop CC in this 3 part learning series. The courses start with an overview of web file formats, and then dives into the optimizing settings for JPEGs, GIFs, and PNGs. You will also learn how to create slices for optimization and interactivity; creating buttons, and rollovers, and animating web graphics. The course concludes with automation techniques like batch processing and creating droplets.
Prerequisites
This course assumes you have familiarity with Adobe Photoshop CC. This course is part of 3 part learning series, Web Graphics using Photoshop CC: Creating; Web Graphics using Photoshop CC: GIF, PNG, and Slices; and Web Graphics using Photoshop CC: Interactivity. Please be sure to view the courses in order if you are new to the material.
Meet the expert
Our Creative Design courses are presented by experts from Wiley Publishing. Wiley is a global provider of knowledge and knowledge-enabled services that improve outcomes in areas of research, professional practice, and education. They are the publisher of award-winning journals, encyclopedias, books, and online products and services.
Course outline
Creating
Create, Measure, Think Pixels (14:15)
- Introduction (00:10)
- Introduction to Pixels (03:29)
- Pixels & Resolution (02:54)
- Balancing Quality vs File Size (03:10)
- Optimize Physical Size (04:20)
- Summary (00:10)
Naming, Format, & Save for Web (17:21)
- Introduction (00:10)
- Importance of Naming Files (04:26)
- Case Sensitivity & Characters (02:01)
- The Three Major File Formats (05:03)
- The Save As Option (01:45)
- The Save for Web Dialog Box (03:44)
- Summary (00:10)
Working with JPEGs (18:46)
- Introduction (00:10)
- The JPEG Format vs GIF & PNG (05:12)
- Presets & Optimization Settings (04:46)
- Additional Presets (02:48)
- JPEG Quality vs File Size (01:41)
- The Balancing Act (03:58)
- Summary (00:10)
Matting, Preview, & Metadata (11:05)
- Introduction (00:10)
- Background Matting in a JPEG (04:20)
- Preview Settings (03:52)
- Embedding Metadata (02:32)
- Summary (00:10)