Understanding Layer Comps for Web Design in Photoshop

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. Software required: Photoshop CC 14.2.
Course info
Level
Beginner
Updated
Jul 7, 2014
Duration
42m
Table of contents
Description
Course info
Level
Beginner
Updated
Jul 7, 2014
Duration
42m
Description

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.

About the author
About the author

Kurt is a design tutor at Pluralsight. Ever since he could hold a crayon, Kurt has been in love with drawing. Apart from his dedication to training artists at Pluralsight, Kurt has an extensive background in illustration. He has previously worked for a book publisher, as well as Rhythm and Hues Studios. It was through his extensive industry background that Kurt learned the way of the Wacom, and that the Pen tool is truly mightier than the sword.

More from the author
Restoring Old and Damaged Photos in Photoshop
Intermediate
1h 59m
Jun 17, 2016
Animating a Water Splash in Harmony
Advanced
1h 14m
Dec 30, 2015
More courses by Kurt Jones
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi, I'm Kurt with Digital-Tutors. Welcome to this series of lessons focused on using Photoshop's Layer Comps. Using Photoshop's Layer Comps can save you a lot of time when creating design concepts for 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 work flow, and have the freedom to compare, contrast, and create various iterations of concepts much more fluidly. So with that, we'll begin in our next lesson.