{"id":219,"date":"2008-07-01T00:19:30","date_gmt":"2008-07-01T07:19:30","guid":{"rendered":"http:\/\/www.artofadambetts.com\/weblog\/?p=219"},"modified":"2010-10-17T11:45:30","modified_gmt":"2010-10-17T18:45:30","slug":"ps-tutorial-layer-comps-eh","status":"publish","type":"post","link":"http:\/\/www.artofadambetts.com\/weblog\/2008\/07\/ps-tutorial-layer-comps-eh\/","title":{"rendered":"PS Feature: Layer Comps, eh?"},"content":{"rendered":"<p><center><img src='http:\/\/www.artofadambetts.com\/images\/postgraphics\/tutorials\/layercomps.png' alt='Layer Comps' align='center' \/><\/center><\/p>\n<p>What does Photoshop&#8217;s Layer Comps feature do and why you may need it&#8230;<\/p>\n<p>Layer comps will store different layer visibility, position and appearance (layer styles):<\/p>\n<p><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/tutorials\/photoshop\/newlayercomp.png\" alt=\"New Layer Comp\" \/><\/p>\n<p>Here&#8217;s an example (with layered PSD file below)&#8230;<\/p>\n<p><!--more--><\/p>\n<p><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/tutorials\/rr-layercomps.png\" alt=\"\" align=\"left\" \/><\/p>\n<p>4 layer comps used for 4 different states of neon sign I designed for a film introduction title back in 2003:<\/p>\n<p><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/tutorials\/rr-off.png\" alt=\"\" \/><\/p>\n<p><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/tutorials\/rr-on.png\" alt=\"\" \/><\/p>\n<p><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/tutorials\/rr-glowoff.png\" alt=\"\" \/><\/p>\n<p><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/tutorials\/rr-lettero.png\" alt=\"\" \/><\/p>\n<p>All with one PS file and fewest layers possible.  It&#8217;s super useful for building various states of user interface design so you can switch to specific layer comp and show it to your client right away.  For example, if you&#8217;re building a default\/press\/disable interface button with multiple layers and styles, you don&#8217;t have to turn on\/off some layers\/styles to get the press effect, you could just switch to different layer comp.  You can download an example PSD layered file of Neon Sign to give you a better idea of how layer comps work:<\/p>\n<p><a href=\"http:\/\/www.artofadambetts.com\/files\/RR-NeonSign.zip\"><\/p>\n<div class='downloads-link'>\n<div class=\"leftalign\"><\/div>\n<h4>\n<img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/downloads\/dl-psdoc.png\" alt=\"Photoshop Document\" \/><a href=\"http:\/\/www.artofadambetts.com\/files\/RR-NeonSign.zip\">PSD Neon Sign<\/a><br \/>\n<\/h4>\n<p>File Size: 3 MB<\/p>\n<\/div>\n<p><\/a><\/p>\n<p>One downside to Layer Comps is that it&#8217;s pain in the ass to update the comps often if you&#8217;re not close to finishing the work.  You&#8217;ll have to resync the changes by clicking on Update Layer Comp button (<img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/tutorials\/photoshop\/resync.png\" alt=\"Resync Button\" \/>) otherwise all layer comps will not recognize additional layers and styles.<\/p>\n<p>If you&#8217;d like to see the result of this work, here&#8217;s an animation created by my brother Wayne Betts, Jr. using Final Cut Pro: <a href=\"http:\/\/www.artofadambetts.com\/weblog\/wp-content\/uploads\/2008\/05\/rrtitle.mov\" target=\"_blank\">Rangeland Romances<\/a> (QT mov.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What does Photoshop&#8217;s Layer Comps feature do and why you may need it&#8230; Layer comps will store different layer visibility, position and appearance (layer styles): Here&#8217;s an example (with layered PSD file below)&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[],"_links":{"self":[{"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/posts\/219"}],"collection":[{"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":0,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/posts\/219\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/media?parent=219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/categories?post=219"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/tags?post=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}