Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Understanding Layer Comps for Web Design in Photoshop

via Pluralsight

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Adobe Photoshop is a powerful tool for web designers. In this course, we'll look how you can use Photoshop to create wireframes, and complete web site mockups.

Using Photoshop's layer comps can save you a lot of time when creating design concepts for a the web by giving you the freedom to cycle through these comps with ease without having to toggle the visibility of different groups and layers in your layers panel. We'll begin by learning how to create layer comps and demonstrate how they function using a very basic example. From here we'll spend a few lessons learning how to work with layer comps using a web page concept. Following this, we'll spend some time learning about features that don't work with layer comps and how you can easily work around these issues. Finally, we'll learn a couple of ways that you can export your layer comps to be shared with a client or members of your design team. After watching this course, you'll be able to use layer comps to speed up your workflow and have the freedom to compare, contrast, and create various iterations of concepts much more fluidly. Software required: Photoshop CC 14.2.

Syllabus

  • 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

Taught by

Matthew Pizzi

Reviews

4.8 rating at Pluralsight based on 91 ratings

Start your review of Understanding Layer Comps for Web Design in Photoshop

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.