
In this tutorial, I’ll be explaining how to take advantage of non-destructive editing techniques such as adjustment layers, blending modes and layer masks to make the most of your images. I’ll be using the photo below as an example but obviously every case is unique. Play around and figure out what works for your image.
PHOTOSHOP VERSION USED: CS3
DIFFICULTY LEVEL: MEDIUM
TIME TO COMPLETE: 30 MINUTES
IMAGE SIZE USED: 4272 x 2848 (12 Megapixel)
SHORT VERSION - Here’s the quick version. For details read below this section.
1- Duplicate the background layer, name new layer “original”.
2- Add a “Curves” adjustment layer. Darken the darks and lighten the lights.
3- Duplicate the “original” layer, name it vignette. Set blend mode to multiply.Invert (ctrl i, cmd i on mac) the layer, hit d then x to get a white brush. Hit b for brush, soften the hardness to 0 and make the brush pretty large then lower the opacity or flow of the brush for softer painting. Paint the outside of the image as desired.
4- Add a hue/saturation adjustment layer. Increase saturation to about 30.
5- Duplicate the “original” layer again and name it “blur”. Apply a fairly heavy gaussian blur (effects>blur>guassian blur) with a pixel radius of 10-15. Change blend mode of layer to screen. Lower the opacity of the layer until it looks good.
6- Tweak layer opacities and settings to your liking.
In case you’re not familiar with these terms, I’ll explain a bit. If you are familiar, feel free to skip ahead.
Non-destructive editing is the process of editing an image in a way in which each change made can be modified individually. It also means that the original pixel based image is not modified or destroyed, only added to. You may have a better definition than that but that’s the gist of it.
Adjustment layers are layers that you can add that will modify any number of things, like levels, curves, hue, saturation and more. They can also be used as fill layers to add solid colors, gradients, patterns, etc. The best part about adjustment layers is that they’re fully editable and non-destructive. This means that if you want to adjust the curves layer you’ve added, you can click on it and do so, or you can turn the curves layer off completely and - poof - no more curves. None of this affects the original image. To add an adjustment layer, just click on this icon at the bottom of the layers palette.
Blending modes determine how a layer will be shown. They’re primarily used on multi-layer files to blend layers together in a certain way. For example, do you want to add a neat texture to a solid background? Simply add the texture as a new layer over a solid color layer, then change the texture layer’s blending mode to multiply or overlay (or any number of others) and you’re in business. You can then adjust the opacity of the texture layer to fine tune. We’ll use similar techniques in this tutorial. The blending modes are located at the top left of the layers palette.
OK. Now you know what non-destructive editing, adjustment layers and blending modes are so let’s put them to good use. While driving to work the other day I snapped this photo a couple of blocks away from my house. Yes, like a true geek I keep my SLR with me at all times. This is why. I knew the photo needed some work but had great potential so later on I opened it up and set to work. Here’s what I did.
FULL VERSION
1) Duplicate the layer (ctrl j, or cmd j on the mac). I always start off this way so that my original is safe and accessible, in case I royally screw something up.
2) Add a Curves adjustment layer. To do this, click on the little adjustment layer icon and select curves. I try to adjust the curves to where there is sufficient contrast and interest in the image, but not so much that you lose important detail in the lights or darks.
I went a bit heavy on the contrast here to make it pop.
3) Create a vignette effect by creating an overlay layer and then painting on a layer mask. To do this I duplicated my original layer (named the original layer “original” - original, I know - and the new layer “vignette”) then set the layer blend mode to Multiply. I then added a layer mask. Click on the layer mask (the new white box on the layer) and then invert it (ctrl i, cmd i on the mac). Hit D, then X to select your default colors (black and white) then reverse them, giving you a white brush color to work with. Activate the brush tool (b) and set the size to something pretty large - 1300px in my case. Turn the hardness all the way down on the brush by holding down the shift key and hitting the left bracket key ([) several times. Set the brush opacity to a nice low percentage, like 25%. Now whatever you paint will intensify or multiply so go ahead and paint your edges and corners as you wish for a nice vignette.
What’s that? You screwed something up? Don’t hit the undo key (ctrl alt z) fifty times, just hit x to switch your brush back to black and paint over the area you want to undo. Simple as that. This is the beauty of non-destructive. You’re editing extra layers, not the photo.
4) Add a new Hue/Saturation adjustment layer. Just like the curves adjustment layer, click on the fill/adjustment layer icon but select Hue/Saturation this time. In this photo I started by hiking up the master saturation to about 30. Kinda heavy but I can then make individual color adjustments. Have you played with the different colors in the hue/saturation box? Click on the dropdown that says Master and play around with other colors. I selected the yellow and desaturated it completely to give it a cool blueish feel. The cool colors seem to look more natural in this type of scene than yellows and oranges do. Makes it feel cold and high.
5) Create a gaussian blur layer with a “screen” blend mode. This is one of my favorite effects. It’s quick and simple but makes a big difference, especially in photos that need a bit of a dreamy effect, like some portraits. Duplicate the original layer, name the new layer “blur”. Apply a gaussian blur (filter>effects>blur>gaussian blur) and make it fairly heavy. Enough that it’s visibly blurred. I used a pixel radius of 15 on mine. Now for the fun part. Set the blending mode on this new layer to screen and then drag the layer opacity down until it gives a pleasant glow without being overkill. I settled on an opacity of 38%. This step is optional but I think it adds a nice bit of interest to the image.
6) Tweak. Find the look you like by adjusting the layers you’ve created. Play with the levels, play with the opacity of each layer, try adding a couple more layers with different blending modes - just experiment and see what works for you.
In the end, I ended up cropping the top and bottom out to get this image that I was very happy with, considering the low contrast of the original. Non-destructive editing is the way to go. Give it a try and you’ll be sure to use it again and again. Good luck!

Tags: photoshop, tutorials // Add Comment »