Screencast 5: Variations of a graphic with layer comps

By Mike Berg / August 4th, 2010 / Game Art for Devs / 3 Comments

Do you save out multiple variations of a graphic by setting layer visibility? Ever wish there was a faster way to do that whenever that graphic needed to be updated?

The latest entry in my iDevBlogADay “Photoshop for Devs” series, I show you how to use Layer Comps to save layer visibility settings so can easily switch between visibility “states” for multiple layers (and even layer styles) at once. This saves you from having a separate document or layer group for each instance of your graphic, and makes your source PSD’s easier to update.

Helping iPhone developers hate using Photoshop a little less with simple tricks that make workflows more efficient. View the rest of the screencasts in the “Photoshop for Devs” series.

  • Create broad layer comps to set overall visibility settings for multiple layers at once.
  • Fine-tune your layer comps so that you have a comp for every instance of the graphic you are editing.
  • Learn how adding and deleting layers affects layer comps.


I realized after recording that I sort of left you hanging with an alternate art style (the blue version) and didn’t really give a way to manage that. Here’s how:

  • Right-click on the “1” layer comp and duplicate it:
  • Rename the layer comp to “1-normal blue”.
  • Change the visibility settings so that your blue layer is turned on.
  • Right-click on the layer comp again and select “Update Layer Comp” and you’re done:

Download the finished Photoshop file that was created in this screencast.

Recorded, edited and uploaded with Screenflow.

This post is part of iDevBlogADay, a group of indie iPhone development blogs featuring two posts per day. You can keep up with iDevBlogADay through the web siteRSS feed, or Twitter.