off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Photoshop CC for the Web

What's Inside

Adobe Photoshop is used by a wide range of professionals, and web designers are no exception. In this course we'll look how you can use Photoshop to create wireframes, and complete web site mockups. The course covers creating a custom web workspace and and optimizing web graphics as well as some valuable tips for producing graphics for onscreen delivery. Towards the end of the course we look how you can speed up your workflow with Photoshop's automation tools.

Course Curriculum

Photoshop for the Web Basics

Course Files
Start
Welcome - 1:01
Start
Setting Up Your Workspace - 6:12
Start
New Document Options - 3:07
Start
Understanding Web Color - 5:10
Start
Color Management for the Web - 3:14
Start

Wireframing in Photoshop

Creating a Sketch - 3:45
Start
Using Grid Systems - 3:56
Start
New Guide Layout - 5:43
Start
Completing the Wireframe Template - 4:29
Start
Adding Wireframe Elements - 7:26
Start
Finishing the Wireframe - 7:31
Start

Creating a Mockup

What to Consider Before the Mockup - 1:33
Start
Selecting Colors - 6:06
Start
Choosing Typefaces - 3:29
Start
Creating Styles - 7:23
Start
Sourcing Images - 2:34
Start
Looking at UI Elements - 2:58
Start
Considering Icon Fonts - 5:47
Start
Converting Fonts to Shapes - 4:23
Start
Creating the Mockup - 5:42
Start
Styling the Text with Paragraph Styles - 5:03
Start
Adding Images - 5:16
Start
Enhancing the Section - 7:01
Start
Finishing the Header and Footer - 5:39
Start
Simulating Multiple Pages - 5:45
Start

Image Optimization

Understanding Web File Formats - 4:28
Start
Save for Web Dialog Box - 6:47
Start
Optimizing Photographs - 5:13
Start
Saving Images with Transparency - 6:06
Start
Saving a Preset - 2:25
Start
Understanding HiDPI Graphics - 5:02
Start
Creating an Animated GIF - 9:06
Start

Exporting Graphics and Code

Exploring Image Slicing - 3:51
Start
Using Generator - 6:33
Start
Extracting CSS from Photoshop - 4:40
Start
Understanding Sprite Sheets - 6:04
Start
Using Extract on Creative Cloud - 3:22
Start

Optimization Automation

Creating an Action - 4:26
Start
Using Batch Processing - 3:02
Start
Using the Image Processor - 2:45
Start
Conclusion - 0:46
Start

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Get started now!

Paid Course Coupon Discount

or pay in installments:

$79

46598+ Students

42 Lectures

3+ Hours of Video

Lifetime Access

24/7 Support

Instructor Rating

Train Simple

Train Simple is a leading provider on video-based training courses for creatives, photographers, and coders. As an Adobe Authorized Training Provider, we specialize in creating the highest quality content, allowing you to maximize your experience in a concise, easy-to-follow manner.

Popular Bundles

StackSkills Unlimited
Evan Kimbrell's Business Launching Bundle
Essential JavaScript Coding Bundle
Ultimate Web Developer Bundle
World Travel Hacker Bundle

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Just In

The 2020 Learn to Code Bundle

Hot Bundle

Master Photoshop & The Entire Creative Cloud

Unlimited Learning

Expand Your Mind with StackSkills Unlimited

Course Categories

Photoshop CC for the Web

What's Inside

Course Curriculum

Photoshop for the Web Basics

Wireframing in Photoshop

Creating a Mockup

Image Optimization

Exporting Graphics and Code

Optimization Automation

Get started now!

Paid Course Coupon Discount

Train Simple