Creating Web Graphics Using Photoshop CC

Video description

Creating Web Graphics Using Photoshop CC

Video description

Master the ins-and-outs of creating web graphics using Photoshop CC with this one-of-a-kind video training course Creating web graphics in Photoshop has its challenges, but with a little know-how from our skilled instructors, youll be able to generate graphics for the web with ease. Our instructors provide expert, straight-forward, user-friendly training to help you produce image assets for the web the way you want to learn. Start with an overview of web file formats, and then dive into optimizing settings for JPEGs, GIFs, and PNGs. Create slices for optimization and interactivity Add buttons and rollovers and animate web graphics Take advantage of automation techniques like batch processing and creating droplets Includes nearly 4 hours of web graphics video training. If you're looking for real-world instruction on creating Web graphics with Photoshop CC, youll find it here.

Understanding Web Graphics

Working with Pixels in Photoshop 00:06:22

Optimizing Quality vs. File Size 00:03:09

Techniques for Sizing Images 00:04:19

Naming Conventions for Web Graphics 00:06:26

Overview of Web File Formats 00:05:02

Using the Save for Web Dialog 00:05:28

Optimizing JPEGs

Characteristics of the JPEG Format 00:05:10

JPEG Presets and Optimization Settings 00:07:32

Balancing Quality and Compression 00:05:38

Matting JPEGs 00:04:19

Choosing a Preview and Including Metadata 00:06:23

Optimizing GIFs

Characteristics of the GIF Format 00:04:34

GIF Presets and Optimization Settings 00:06:39

Reducing Colors for Compression 00:06:15

Transparency and Dither 00:06:26

Matting GIFs 00:04:24

Optimizing PNGs

Characteristics of PNG-8 and PNG-24 00:04:46

PNG Presets and Optimization Settings 00:04:25

Adjusting Color in a PNG-8 00:04:48

Transparency in PNG Files 00:07:05

Matting PNGs 00:05:19

Creating Slices

Understanding Slice Types and Options 00:04:37

Slicing for Optimization 00:06:07

Slicing for Interactivity 00:06:21

Converting Slices 00:06:13

Exporting Slices 00:05:20

Creating Buttons and Rollovers

Building a Button 00:06:22

Using Layers to Create Primary and Secondary Images 00:04:47

Adding Layer Styles to Apply Effects 00:06:21

Using Preset Button Styles 00:05:51

Saving Rollover Buttons 00:06:44

Animating Web Graphics

About Animated GIFs 00:05:00

Timeline vs. Frame-Based Animation 00:05:55

Importing Images and Layers as Frames 00:05:58

Tweening Frames 00:05:42

Optimizing Animation 00:04:27

Automation Techniques

Building a Resize Action 00:08:44

Batch Automating for Optimization 00:08:20

Creating a Droplet 00:06:43

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.