Simple play icon Course
Skills

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
1min
Getting Started
28mins
Wireframing in Photoshop
36mins
Preparing for the Mockup
33mins
Creating the Mockup
44mins
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 is currently the Director of Product, Academy at Contentstack, where he spearheads the development of learning experiences that enhances how customers engage with Contentstack’s industry-leading composable CMS. His expertise in ed-tech leadership started by founding Train Simple, a leader in education for Adobe products and web technologies. Following the acquisition of Train Simple by Pluralsight in 2016, Matt played a pivotal role in overseeing key domains to further skills devel... more

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