extreme contrast photo effect - washington-liberty...photoshop tutorial: extreme contrast photo...

9
This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission. 1 Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re going to learn how to use layers, layer blend modes, some noise, a little sharpening, and a simple adjustment layer to easily give a photo an “extreme contrast” effect. Here’s the photo I’ll be using for this tutorial: And here’s the “extreme contrast” effect we’re aiming for: Let’s get started. The original photo. The final result. Photoshop’s Layers palette showing the original image on the Background layer. Photoshop’s Layers palette showing the Background layer. Step 1: Duplicate The Background Layer The first thing we’re going to do is duplicate our Background layer. We can see in the Layers palette that we only have one layer at the moment, which is the Background layer, and it contains our original image: EXTREME CONTRAST PHOTO EFFECT

Upload: others

Post on 10-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 1

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

In this Photoshop tutorial, we’re going to learn how to use layers, layer blend modes, some noise, a little sharpening, and a simple adjustment layer to easily give a photo an “extreme contrast” effect.

Here’s the photo I’ll be using for this tutorial:

And here’s the “extreme contrast” effect we’re aiming for:

Let’s get started.

The original photo.

The final result.

Photoshop’s Layers palette showing the original image on the Background layer.

Photoshop’s Layers palette showing the Background layer.

Step 1: Duplicate The Background LayerThe first thing we’re going to do is duplicate our Background layer. We can see in the Layers palette that we only have one layer at the moment, which is the Background layer, and it contains our original image:

EXTREME CONTRAST PHOTO EFFECT

Page 2: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 2

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

We’re going to duplicate it, and for that, we can use the keyboard shortcut Ctrl+J (Win) / Command+J (Mac). We now have a copy of the layer above the Background layer which Photoshop has named “Layer 1”:

The Layers palette now shows the duplicate of the Background layer, named “Layer 1”, above the original.

We now have three layers in the Layers palette.

After desaturating “Layer 1”, the image appears black and white.

Step 2: Desaturate The New Layer

Step 3: Duplicate The Desaturated Layer

Step 4: Change The Blend Mode Of The New Layer To ‘Screen’ And Lower The Opacity To 50%

We’re going to quickly remove the colors from our new layer to create a black and white version of the image. To do that, use the keyboard shortcut Shift+Ctrl+U (Win) / Shift+Command+U (Mac). The image will now appear in black and white in the Document Window:

With “Layer 1” selected in the Layers palette, press Ctrl+J (Win) / Command+J (Mac) to duplicate it, so we’ll now have two black and white layers in the Layers palette:

With “Layer 1 copy” selected, go up to the layer blend mode options in the top left of the Layers palette. We’re going to change the blend mode of this layer from “Normal” to “Screen” so that the image appears lighter. To do that, click on the down-pointing arrow to the right of the word “Normal” and select Screen from the list:

Change the blend mode of the top layer from “Normal” to “Screen” to lighten it.

Page 3: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 3

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

Once you’ve changed the blend mode, move over to the Opacity option in the top right of the Layers palette and lower the opacity of the layer to 50% to reduce the brightness:

Here’s my image after changing the blend mode to “Screen” and lowering the opacity:

Lower the opacity of the layer to 50% after changing its blend mode to reduce the brightness.

The image after changing the blend mode and lowering the opacity.

Click on the Background layer to select it, then press “Ctrl+J” (Win) / “Command+J” (Mac) to make another copy of it.

Step 5: Duplicate The Original Background Layer And Move It To The Top Of The Layers Palette

Click back on the original Background layer (the bottom layer) in the Layers palette to select it. Then press Ctrl+J (Win) / Command+J (Mac) to create another copy of it, which will appear directly above it. This time, Photoshop has named the new layer “Background copy”:

Currently, the new “Background copy” layer is below the two black and white layers, but we need it to be above them. Moving the layer is easy. Just use the keyboard shortcut Shift+Ctrl+] / Shift+Command+] to quickly jump the layer to the top of the layer stack:

With the “Background copy” layer selected, press “Shift+Ctrl+]” (Win) / “Shift+Command+]” (Mac) to jump the layer to the top of the Layers palette.

Page 4: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 4

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

Step 6: Change The Layer’s Blend Mode To Either “Overlay” Or “Color Burn”With the “Background copy” layer still selected at the top of the Layers palette, go back to the layer blend mode options and change it’s blend mode to either Overlay or Color Burn. Depending on the image you’re using, one of these two blend modes will make the image look either too bright or too dark, so use the one that looks best. I’m using “Overlay” for my image, since “Color Burn” makes it too dark:

You may find, after changing the blend mode, that the color in your image is now too strong, so lower the opacity of the layer a little to reduce some of the color saturation if needed. I’m going to lower mine to about 75%:

Again, it will depend on your image and what you think looks best. Here’s my image at this point:

Change the blend mode of the ‘Background copy’ layer to either “Overlay” or “Color Burn” depending on your image.

Merge all the layers onto a new layer at the top of the Layers palette.

Change the blend mode of the ‘Background copy’ layer to either “Overlay” or “Color Burn” depending on your image.

The image after changing the blend mode to “Overlay” and lowering the opacity to 75%.

Step 7: Merge All Layers Onto A New Layer At The Top Of The Layers PaletteWith the “Background copy” layer still selected, press Shift+Ctrl+Alt+E (Win) / Shift+Command+Option+E (Mac) to merge all the layers onto a brand new layer at the top of the Layers palette, which Photoshop has named “Layer 2”:

Page 5: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 5

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

Step 8: Add Noise To The Merged Layer

Step 9: Sharpen The Image To Enhance The Noise

With the merged layer selected, go up to the Filter menu at the top of the screen, select Noise, and then select Add Noise. This brings up Photoshop’s “Add Noise” filter dialog box:

Normally when working on images in Photoshop, we do everything we can to reduce or remove noise, but for this effect, we want to enhance it, and we can do that by sharpening the image. Go up to the Filter menu once again, this time choose Sharpen and then choose Smart Sharpen. This brings up the “Smart Sharpen” dialog box:

When the dialog box appears, enter an Amount value of somewhere between 2-5% depending on the resolution of your image. I’m using a low resolution image for this tutorial, so I’ve set mine to 2%. If you’re using a higher resolution image, which you probably are, set it closer to 5%. Set the Distribution option to Gaussian, and make sure the Monochromatic option at the bottom is checked so we don’t end up with color noise. Click OK to apply the noise and exit out of the dialog box.

Here’s my image after applying noise:

Go to Filter > Noise > Add Noise to bring up the “Add Noise” dialog box.

The image after applying noise.

Go to Filter > Sharpen > Smart Sharpen to sharpen the image and enhance the noise.

Page 6: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 6

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

When the dialog box appears, enter an Amount value of somewhere around 55-60%, a Radius value of 1 pixel, set the Remove option to Lens Blur, and finally, make sure More Accurate is checked at the bottom. Then click OK to exit out of the dialog box and apply the sharpening.

If you’re using a version of Photoshop prior to CS2, you can use the “Unsharp Mask” filter instead by going up to the Filter menu, choosing Sharpen, and then choosing Unsharp Mask. Enter an Amount value of around 150%, a Radius value of 1 pixel and a Threshold value of 0.

Here’s my image after applying the sharpening using Smart Sharpen:

The image after sharpening and enhancing the noise.

With “Layer 2” selected at the top of the Layers palette, click the “New Adjustment Layer” icon at the bottom.

Step 10: Add A “Curves” Adjustment Layer And Set Its Blend Mode To “Multiply”The main effect is finished at this point, but we’re just going to darken the edges a bit to enhance it even further. Click on the New Adjustment Layer icon at the bottom of the Layers palette:

Then select Curves from the list:

Select “Curves” from the list of Photoshop’s Adjustment Layers.

Page 7: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 7

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

When the Curves dialog box appears, simply click OK to exit out of it. We don’t need to make any changes. All we need is the Curves adjustment layer itself in the Layers palette, which we’re going to use to darken the image. To do that, go up to the blend mode options at the top of the Layers palette once again and change the blend mode for the Curves layer from “Normal” to Multiply:

As soon as you change the blend mode, your image will appear darker:

Change the blend mode of the Curves adjustment layer to “Multiply”.

Changing the blend mode of the Curves layer to “Multiply” causes the image to darken.

Use the Elliptical Marquee tool to drag out a large oval selection, extending it out beyond the left and right sides of the image.

Step 11: Drag Out A Large Oval Selection Inside The ImageGrab the Elliptical Marquee tool from the Tools palette (it’s hiding behind the Rectangular Marquee tool by default) and drag out a large oval selection inside the document, making it so large that the edges extend out past the left and right of the image:

Page 8: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 8

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

Step 12: Fill The Selection With Black On The Curve Adjustment’s Layer Mask

Step 13: Soften The Edges With The “Gaussian Blur” Filter

With the Curves adjustment layer still selected, press D on your keyboard to reset your Foreground and Background colors. Normally this would result in your Foreground color being black and your Background color being white, but because the layer mask on the Curves adjustment layer is currently selected (you can see that it has a highlight border around it to indicate that it’s selected), we get the exact opposite. White becomes your Foreground color and black becomes your Background color whenever you reset your colors with a layer mask selected.

So with black as your Background color and the Curves adjustment layer selected in the Layers palette, use the keyboard shortcut Ctrl+Backspace (Win) / Command+Delete (Mac) to fill the selection with black. You’re not covering the image itself with black. Instead, you’re filling the area on the Curve adjustment’s layer mask with black, which will cause the Curves adjustment to be hidden inside the area you selected, allowing the original lighter version of the image below it to show through. Only the corners of the image remain darker:

All that’s left to do now is to soften the transition between the lighter image in the center and the darker edges in the corners, and we can do that with the “Gaussian Blur” filter. Go up to the Filter menu, choose Blur, and then choose Gaussian Blur to bring up the Gaussian Blur dialog box.

As I mentioned, I’m using a low resolution image for this tutorial, so for me, a Radius value of about 50 pixels blurs the edges out nicely. If you’re using a high resolution image, you’ll probably want to use a setting of 150 pixels or higher. The idea is simply to blur out the edges so they transition nicely from darker in the corners to lighter as you move towards the center of the image. Keep an eye on the image itself to see a preview of the blurring effect as you’re dragging the slider bar at the bottom:

When you’re happy with the blur amount, click OK to exit out of the Gaussian Blur dialog box, and you’re done!

After filling the selection with black on the Curve adjustment’s layer mask, only the corner edges remain darker.

Go to Filter > Blur > Gaussian Blur to bring up Photoshop’s “Gaussian Blur” filter.

Page 9: Extreme Contrast Photo Effect - Washington-Liberty...Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com In this Photoshop tutorial, we’re

This Photoshop Tutorial © 2008 Steve Patterson, Photoshop Essentials.com.Not To Be Reproduced Or Redistributed Without Permission. 9

Photoshop Tutorial: Extreme Contrast Photo Effect By Steve Patterson, Photoshop Essentials.com

And here is the finished “extreme contrast” effect:

The final result.

And there we have it!

For more Adobe Photoshop tutorials, visit Photoshop Essentials.com @ www.photoshopessentials.com!