Photoshop CC for the Web

by Matthew Pizzi

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.

Preview this course

What you'll learn

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 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.

Table of contents

Course Overview
2mins
Getting Started
29mins
Wireframing in Photoshop
37mins
Preparing for the Mockup
32mins
Creating the Mockup
45mins
Image Optimization
38mins
Generate Images and Code
17mins
Optimization Automation
13mins

Course FAQ

Is Photoshop useful for web design?

Yes! Photoshop is ideal for creating mockups for web pages and sites. It has a vast set of tools and commands that allow for making spot-on visual representations of what you want your web page(s) to look like.

What will I learn in this course?

You will learn:

  • How to get started in Photoshop with a new document, workspace, and artboards
  • How to create a wireframe in Photoshop using a grid system
  • How to prepare and create a mockup with Photoshop's tools
  • Selecting colors, choosing typefaces, and adding background images
  • Image file types and image optimization
  • Much more
What other tools are good for web design?

Aside from Photoshop, some other great web design tools include:

  • Adobe Illustrator
  • Adobe Dreamweaver
  • Firefox Developer
  • Adobe Fireworks
  • Panic Coda
  • Sketch (by Bohemian Coding)
  • Figma
Who should take this course?

Anyone who wants to learn how to use Photoshop to design web pages, especially those interested or working in web design/web development.

Are there prerequisites to this course?

Nope, this course is intended for beginners, so it assumes no prior experience with Photoshop or web design.

About the author

Matthew Pizzi

Matthew Pizzi has over 20+ years in the training industry. He's currently Sr. Director of Developer and Product & Business Skills for Pluralsight and joined the company after Pluralsight acquired his company Train Simple. He's been a speaker at industry events like Adobe MAX and Social Media Week and has authored several technology books.

See more courses by Matthew Pizzi
Ready to upskill? Get started