Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

Top Non-Destructive Photoshop Techniques

The creative process is not a linear one. As artists and designers, we often set off in one direction only to decide that the proper solution lies somewhere else completely. Unfortunately, many of the creative software packages we use (Photoshop in particular) can be pretty unforgiving when in comes to making changes late in the game.

Sure, we’ve got “Undo” for a quick change of heart, but often we don’t realize we need to make an adjustment until several steps (or days) later. Luckily, Photoshop has some great features built in that allow us to work in ways that protect our precious pixels—truly freeing us to do our best work.

In this video post, I’ll show you some of my favorite techniques and tools for keeping your files flexible, including Smart Objects, Smart Filters, Layer Styles, Adjustment Layers, Masks and more. The approaches shown in this video should provide a solid starting point. But like anything in Photoshop, there is no “one right way” to approach it. The key is to find the method that best supports your workflow so please feel free to add your favorite non-destructive tricks in the comments section below!

Designing or editing photos is a pretty organic process. Allowing yourself to make edits to your document that don’t affect the original pixels provide you with a lot of flexibility when making decisions throughout your design process.

Chime In With Additional Tools And Techniques! Link

↑ Back to top Tweet itShare on Facebook


Adrian is an Interactive Creative Director and Principal at Pushstart Creative, a multidisciplinary agency focused on the convergence of physical product, interactive technology and brand experience. While much of his current work is focused on research, strategy development, and UX he will always have a passion for pushing pixels. Stop by or find Adrian on Twitter.

  1. 1

    Nice tricks!

  2. 2

    That was awesome! A good brush up on masks for me really.

  3. 3

    new and useful for designers! Brushes of all kinds are always useful

  4. 4

    Great video, Adrian. Thank you. Adding smart filters, such as the blur effect in your example, opened my eyes and will bring some added ease to my work.

    I might mention that whenever working with multiple layers in Photoshop, be sure to label your layers as you go. It is quite easy, at least for me, to get lost in a mountain of layer masks and adjustment layers and not remember what is what. It definitely pays off to take the 5 seconds needed to put a name to each new layer created.

    • 5

      One of my tasks at work is to evaluate potential incoming designers. If the layers in their psds aren’t reasonably labelled and organized they have zero chance of being hired. So, yes, yes, yes, and yes again — it definitely pays off to keep organized as you work. Start those good habits early whether you’re a dabbling hobbyist, a dazzling professional, or somewhere in between!

    • 6

      I would point out that select too + alt + right click selects layers from the canvas. Not to say that this is a replacement for labels and folders, but it helps navigating around.

  5. 8

    Awesome tips! Really helpful!

  6. 9

    One tip that can be useful is when using adjustment layers such as curves or levels in a layer set. The default blending mode for layer sets is “Pass Through” which allows the curves or other adjustment layers to affect all layers beneath. If you make the layer set blending mode “normal” the adjustment layers will only affect layers within the layer set.

    Also, when adding weight using curves (adding equal amounts of all channels), setting the blending mode on the curve layer to “Luminosity” will keep all of the colors in balance.

  7. 11

    Thank you very much Adrian.

  8. 12

    I’ll admit, I’d been ignoring smart masks & filters until I watched this video.

    As usual, I’m left wondering why I waited so long to pay attention.


  9. 13

    Using gradients within layer styles or actual drawing them can limit you when it comes to dithering and gradient shapes. I find myself using gradient layers more and more (Layer>New Fill Layer>Gradient). My only complaint is that I often find the dialog doesn’t let you scale high or low enough. Also using clipping layers and effects helps me reduce the number of internal layer groups (Hold AltOption & click in between two layers).

  10. 14

    Video doesn’t work with my htc sensation :(
    Error : bo h246

  11. 15

    I love video tutorials! thanks!

  12. 16

    Nicely done. Learned a new trick or two in there. Thanks.

  13. 17

    Very helpful video, thanks.

  14. 18

    Nice tutorial, dynamic layer are indeed really powerful.
    With a pattern layer as noise, it’s even more non-destructive, in case of scaling or re-size. Also take less action.
    There is also feather for vector mask (mask window) that really helps for non-destructive mask/shapes.

  15. 19

    I always scare of editing photo in Photoshop. I felt that if I did something wrong for many steps I have to undo manythings and redo manythings also. This article encorage me to feel free with Photoshop again. Thank you for the new techniques.

  16. 20

    Fantastic. Great refresher on technique.

  17. 21

    Wow that was awesome man…. :)

  18. 22

    I normally work on this non-destruction approach but this article have some very good tips which I think will refine my work flow for this approach.

    Thanks Adrian for the article. Please post some more articles like this, which are rarely found on any other place.

  19. 23

    Great Tutorial :-) … Thanks for Sharing <3

  20. 24

    Aravind M Potadar

    March 13, 2012 6:39 am

    This is Awesome!!! Really it will save lot of time while editing photos. It will be great if you share the tutorial of creating icons with Vector shapes :)


↑ Back to top