Bjango home
Articles
Help
Contact
iStat Menus
iStat for iOS
Consume for iOS
Skala
Skala Preview
iStat Server
for Mac
See all apps

Layer tags

Photoshop CS6 introduced layer searching. Rather than a simple filter-by-name, Adobe elected for a far more elaborate execution, opening up some nice possibilities.

One of my favourite uses of Photoshop’s search is for tagging — applying something to layers for easy recall at a later date. There’s two main methods I’ve been using: Changing layer colours and adding tags to layer names.

Layer colour

This only allows seven possibilities — one for each of Photoshop’s layer colours — but often that’s enough. I’ve been using red to flag layers that are likely to need editing after a document has been scaled. Being able to edit with the filter active speeds up the process a lot.

Layer name

Adding tags to the end of layer and group names allows for more heroic finding-stuff-later abilities. It’s a very similar hack to the way Faruk Ates uses tags in Address Book (and how I’ve used tags in Address Book and iTunes since reading his article).

Imagine tagging identically styled elements. Now imagine editing one of those elements, copying its layer style or shape attributes, filtering by a tag, selecting all the results, then pasting the layer style or shape attributes. You’ve just updated your entire document. It’s not as automatic as using something like CSS to style HTML documents, but hey, it’s alright.

At this point, I don’t believe it’s possible to use Actions to perform layer filtering — recording an Action and using search doesn’t add anything to the Action, which is a shame. Although, someone could probably write a script to automate the layer style and shape attributes syncing (please let me know if you’d like help tackling it).

Other search options

Another favourite is searching by layer effect — really helpful if you’re hunting for all instances of a particular overlay or drop shadow. Or, searching for all Not Visible layers, to quickly clean up a messy document.

A caveat

I don’t think layer name tagging would be compatible for those of you who are using layer name based tools for exporting. Yet another reason to use slice sheets for asset exporting, eh?

Happy tagging.

Other articles

My app design workflow
Gradient maps
Strokes in Photoshop CS6
Just like print design
Layer tags
Using algebra to create paths
Sub-pixel text rendering
Photoshop Actions & Workflows
Scale Patterns to 100% script
Text in Photoshop CS6
Masking in Photoshop CS6
Illustrator and app design
Vector shapes in Photoshop CS6
Photoshop CS6 improvements
Pixels per inch is just a tag
PNG compression and iOS apps
Everything is a grid
Smart Objects
Exporting from Photoshop
Iterate Podcast
Pixel perfect rotation
Pixel perfect vector pasting
Pixel perfect vector nudging
What if iChat was one window?
Gradients
Designing for Retina display
Designing for Retina display, part two
A new Drobo Dashboard icon
Noise and textures
Photoshop CS6 wish list
What to do with all those extra pixels?
Photoshop roundrect roundup
Colour management and UI design
How many layers are in my PSD?
Dissecting iTunes and App Store links

About the author

Marc Edwards is the Director & Lead Designer at Bjango. Follow @marcedwards on Twitter and @marc on App.net.

  • Bjango on Twitter
  • Bjango on Dribbble
  • Bjango on GitHub
  • Bjango on App.net
  • RSS Feeds
  • Marc on App.net

©2013 Bjango Pty Ltd. All rights reserved. ABN 88 062 334 580.
Apple, the Apple logo, iPad, iPhone, and iPod touch are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc.
Assembled with a hex key.