From the course: Photoshop for Web Design
Unlock the full course today
Join today to access over 23,400 courses taught by industry experts.
Layer comps - Photoshop Tutorial
From the course: Photoshop for Web Design
Layer comps
- [Instructor] Designers often create multiple compositions of a page layout to show clients. Or perhaps you just aren't sure which direction you want to take your design. Or maybe you have multiple states of foreign element. Using layer comps, you can create, manage, and view multiple versions of a layout in a single Photoshop file. Layer comps act like a shortcut to different states of your design. So if a particular state involves a dozen different nested layers, you can display it with a single click instead of hunting around to toggle visibility or shuffle positions. They are a really useful tool in regards to web design. In this file right here, you can see that I have one artboard, and I have a series of layer sets that contain all of the various items that are part of that layer set. I'm going to go ahead and tear out my Layer Comp panel. I've already created a layer comp, and so I'll just show you what this looks like. And then I'll show you how you can go about creating…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
What is responsive design?3m 11s
-
(Locked)
Set breakpoints1m 41s
-
(Locked)
Design tips and tricks7m 22s
-
(Locked)
Layer comps7m 51s
-
(Locked)
Creating navigation elements3m 41s
-
Seamless textures and backgrounds6m 21s
-
(Locked)
Smart objects: Embedded5m 9s
-
(Locked)
Smart objects: Linked3m 7s
-
(Locked)
Convert Smart Objects7m 22s
-
(Locked)
Preset templates3m 26s
-
(Locked)
Custom templates8m 22s
-
(Locked)
Styles panel5m 28s
-
(Locked)
-
-
-
-
-