• About
  • Write For Us
  • Contact
  • Top 50 Photography Blogs
  • Resources
  • Forum

IndustryDev

  • Design
    • Photoshop
    • Lightroom
    • Camera Raw
    • Bridge
  • Development
    • HTML
    • CSS
    • Javascript
    • PHP
    • Dev Tools
    • WordPress
  • Photography
  • Blogging
  • Technology
  • Inspiration
You are here: Home / Photoshop / How to Create Layer Comps in Photoshop

How to Create Layer Comps in Photoshop

October 23, 2019

Every graphics and photo editing application worth its salt includes some sort of feature that allows the user to save states, or progressions along their workflow. Camera Raw includes a feature called Snapshots and Lightroom offers Snapshots as well. In Photoshop, this feature is referred to as Layer Comps and to access its panel, all you need to do is visit the Window > Layer Comps menu item and click.

Basically, it works like this: Begin work on a project and every time you’d like to save a specific set of conditions, simply create a new layer comp, name it and save it. This is helpful for when you’re not sure if your continuation is the right thing to do. You can save your current state and then move on with your editing with confidence that your previous position was saved and easily accessible.

Designers also value this feature because they’re able to save one file with many different looks. If you’re using Photoshop as a presentation tool, it’s helpful to have multiple versions of the same file saved as layer comps. So, let’s say you have one file and inside of it, you have a shape. You can save the shape as yellow, red and green and then show those multiple versions to whoever is interested, without having to ever make any changes or having to open multiple files. It’s a great thing to be aware of.

I’ve gone ahead and created a graphics file with a few squares in it to use as a demonstration in this post. Here’s the graphic.

Red Squares

I’ll consider this one look of the file. To save this as a snapshot, state or, as they call them in Photoshop, a Layer Comp, I’ll open that panel as I described above. Once open, I’ll click the Create New Layer Comp button that’s located at the bottom of the panel. When the New Layer Comp dialog box appears, I’ll name this version of the file “Nine Red Squares.” Then, I’ll make sure the Visibility, Position and Appearance boxes are checked.

New Layer Comp Dialog

When finished, I’ll click the OK button and then move onto further changes.

Next, I’ll hide a few of the squares in the file as my second version.

Red Cross


Since this is my second version of the file, I’ll create a new Layer Comp, but this time, I’ll name it “Red Cross” and click the OK button to save it.

Finally, I’ll give the remaining red boxes some black strokes.

Red Black

I’ll create my final Layer Comp and call this one “Red Squares – Black Strokes” and then I’ll click the OK button to save it out.

This is what the Layer Comps panel looks like at this point.


Layer Comps Panel in Photoshop

As you can see, there are three different states and each one has the name I gave it. So, if I was showing someone the multiple versions of this one file, all I would need to do is click on each state to snap back to that one. It’s that easy.

What do you think about these layer comps, or otherwise known as snapshots or states? Do you like them? Do you find them useful? I love them and I hope you do too.

Related posts:

  1. How to Create, Rename & Delete Snapshots in Adobe Lightroom
  2. How to Create a Panoramic Photo in Adobe Camera Raw
  3. Using Snapshots to Save Versions in Adobe Camera Raw
  4. How to Create & Apply Preset Styles in Adobe Photoshop
  5. How to Create Actions with Camera Raw Inside Adobe Photoshop

Filed Under: Photoshop

What’s Next? Email Updates!

If you enjoyed reading this post, why not consider signing up to receive others like it by email? It's so easy and you can unsubscribe at any time.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Connect With Me

  • Facebook
  • Instagram
  • Pinterest
  • RSS
  • Twitter

MOST POPULAR POSTS

  • How to Set the Photo Quality in your Canon Rebel DSLR Camera Before participating in any type of photo shoot, it's i...
  • How to Adjust the Mouse Click & Scroll Settings in Windows 10 I's say this is one of the very first settings I ed...
  • How to Export Video From Adobe Photoshop When it comes to exporting and rendering video clips, t...
  • How to Apply an Adjustment to Only One Layer in Adobe Photoshop The answer is clipping. I'll tell you that right up fro...
  • How to Speed Up & Slow Down Video in Adobe Photoshop This is one of those posts that's going to be super hel...
  • Cutting Out a Shape From a Shape in Adobe Photoshop I've been using shapes for various things in Adobe Phot...
  • How to Set the Self Timer On Your Canon Rebel DSLR Camera Camera self timers are great. I was recently part of a...
  • Animating Scale, Rotation & Opacity in Adobe Photoshop I sat down a few days ago and started messing around in...
  • How to Set Your Canon Rebel Camera For Continuous Shooting Continuous Shooting mode is very important for those wh...
  • 3 Ways to Close Applications in Windows 10 This is going to be a very quick post because the topic...

Recent Comments

  • angelica blanco on How to Organize Video & Audio Project Files for Adobe Photoshop
  • pete salomone on Downloading Photos From a Digital Camera Using Adobe Bridge
  • cdn on How To Create a Slideshow For Your Lock Screen in Windows 10
  • Jay Gaulard on How to Set Your Canon Rebel Camera For Continuous Shooting
  • Deb on How to Set Your Canon Rebel Camera For Continuous Shooting

Copyright © 2021 · IndustryDev.com Web Design & Photography Blog · About · Write For Us · Contact · Privacy / Terms · Sitemap