5 minutes

Collective .PSD: Tips for Working in Photoshop for Teams

13 Comments

I’ve decided to restore an old but still relevant lecture on why order is important in Adobe Photoshop files, particularly in team environments.

Keep your workshop in order

Proper ordering in layers and groups is required for the designer to understand the location of all elements. Let’s compare it with a workshop: If you scatter all your tools in a blaze of inspiration, another foreman will be unable to find anything, it won’t be comfortable for him to work, and he will many times curse you.

Keep your workshop in order

Arrange everything in cubbyholes

An object that contains several layers is a folder

This is the main rule. If you judiciously use group layers, there will always be order. This will also make it possible not to name each layer separately.

For instance, if a button consists of a button and signature, they should be combined into a Button folder. A menu consisting of such a pair of buttons will become a Menu group. A background containing several layers will be a Background folder.

The principle is clear: The logic of folder grouping should be consistent with your layout’s structure.

An object that contains several layers is a folder

If an object consists of several layers, it should be in a folder

New slide version 34/1 dated November 27

Often, several versions of elements are stored inside a file — for example, button backgrounds of different colors.

In order not to forget that a batch of strange hidden layers are versions of the same background, group them correctly. The easiest option is to create a Background folder, and store all versions inside it. But the ideal variant would be to duplicate the button-containing folder, naming each copy with an iteration number. Then, it will be clear that those are three versions of a single button – not only for you, but for all those great people working with the layout.

New slide version 34/1 dated November 27

With such groupings, your colleagues will understand that there are three button versions here

Leave the felt pens for you

Many people like designating layers and folders with colors. Violet is for navigation elements, yellow is for text layers, etc. The problem is that color coding is understandable only to the creator.

wiki: Rainbow flag

Avoid locked layers

Designers often like to lock layers and work like this. But if you’ve left such a layer somewhere in the maze of folders, your colleagues will have to browse through all folders, as the entire root folder is blocked – it cannot be moved.

Also, don’t forget about accidentally unpinned and forgotten masks. If your colleague doesn’t see such a mask and continues working, there can be a bulk of problems in the future.

Avoid locked .psd files

Dinosaurs should stay at museums

Believe me, many old designers still do not use layer styles and use bitmap layers. This brings infernal torture to those who subsequently try to modify the item.

Dinosaurs should stay at museums

We know that you’re an 80-lvl grid-master

Guides help us. We can quickly make a grid or just align something. But we often use them once, i.e. align the object, and then forget about it, while guides keep accumulating.

If you don’t make a neat grid with guides for the entire project, try to remove them immediately after use.

We know that you’re an 80-lvl grid-master

Screenshot of a real project after one of our colleagues

Discard empty bottles for ¢1

If I was given ¢1 for each deleted layer left behind in projects, I would already be able to ensure the future of my grandchildren.

Don’t forget to delete all the garbage after working with a file – you won’t need it anymore, but it will lie there and stink.

Discard empty bottles for ¢1

Piece of file of a real project. You remember about layer coloring, right?

Small ⌥ Alt, great opportunities

Many people don’t like grouping items, combining it with the fact that they have to collapse them, which can be tiresome.

In fact, they simply don’t know the function of the Alt key. After working with layers, click on the close symbol of the root folder while holding the Alt kay, and all internal folders will be automatically collapsed.

Try it out with Alt in other Photoshop functions, you will discover many new things.

Small ⌥ Alt, great opportunities

How to quickly dress a monster

Don’t forget layer panel settings (a quite useful tool). A few useful things:

  • Thumbnail Contents. This trick allows showing not the entire layer in layer preview, but only those elements contained in it, i.e. clipping contents.
  • Expand New Effects. By unchecking this box, you will automatically be able to collapse all the added styles of the layer.
  • Add Copy. An absolute must — unselect. By unchecking this box, you will remove all those “Copy 230″ in layer names. Source purity will at once increase by 30%.

How to quickly dress a monster

Hotkeys are not just a beautiful word

There are three hotkeys that you must know, understand and use — copying, pasting and clearing of layer styles.

Hotkeys are not just a beautiful word

Combinations have to be assigned in hotkey settings

By creating all those “beauties” through styles and configuring their hotkeys, you will be able to copy them between layers, which will spare a few hours of your life.

Instantaneous copying in a single click:

It may seem that all this only pins down your creative process, but, once having learned it, you will understand how much time it can save. And it is always great to have clean karma.

Sergey Minkin

Sergey Minkin is a UX/UI designer. He work at AltSpace company (part of Digital October Group holding), he design and visualize interfaces.

Posts by Sergey Minkin

Never miss an article or news again.

Sign up to get fresh stuff in your email monthly. For those who want to keep in touch with web design and development trends and tools.

Learn More About Newsletter
Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree