Home  »  Photography   »   How To Add Depth In Photoshop

How To Add Depth In Photoshop

By | 06/08/2022





Easy Depth Of Field Effect In Photoshop

Like shooting fish in a barrel Depth Of Field Effect In Photoshop





In this
Photoshop Furnishings tutorial, we’re going to look at an easy way to adjust the
depth of field
in a photo, keeping just a small-scale portion of the image in focus while taking the rest of it out of focus. This is a great manner to bring attention to a specific office of an image (someone’s face, for example), and the effect is similar to how things would look if we had shot the photograph with a wide aperture.

For all-time results, we’ll exist using Photoshop’s
Lens Blur
filter to create this consequence, which is available in
Photoshop CS and afterward, which means you’ll need at least Photoshop CS to follow forth with this tutorial. If y’all’re using Photoshop 7 or before, y’all can however attain good results with Photoshop’southward classic Gaussian Blur filter, but the Lens Mistiness filter is the filter of option for this effect because it tries to mimic how an actual camera lens works, whereas the Gaussian Blur filter simply blurs everything out.

Here’south the photo I’ll exist working with:

Adobe Photoshop tutorial image.

The original epitome.

Let’southward say we wanted to bring attention to the woman’s face. There’due south lots of creative means we could practice that, but since her face is closer to the camera than anything else in the photo, the easiest style would exist to limit the photo’s depth of field so her confront becomes the only part of the image that’southward in focus. Here’s how it will look when we’re done:

Adobe Photoshop tutorial image.

The final result.


Pace 1:
Duplicate The Background Layer

Let’south begin past duplicating our Groundwork layer so that we’re not harming our original image information. To duplicate the Background layer, get up to the
Layer
bill of fare at the top of the screen, choose
New, and and so choose
Layer via Copy:

Adobe Photoshop tutorial image.

Become to Layer > New > Layer via Re-create.

For a faster way, use the keyboard shortcut
Ctrl+J
(Win) /
Command+J
(Mac). Either style tells Photoshop to create a copy of the Background layer for usa, and if we look in the Layers palette, nosotros can encounter our re-create, which Photoshop has named “Layer 1”, to a higher place the original Background layer:

Adobe Photoshop tutorial image.

The Layers palette showing the re-create of the Background layer to a higher place the original.

Step 2:
Select The Surface area That Volition Remain In Focus

Using the selection tool of your choice (Lasso Tool, Polygonal Lasso Tool, Pen Tool, etc.), describe a rough selection around the area that will remain in focus. In my example, I desire the woman’s face up to be in focus, then I’m going to apply the Polygonal Lasso Tool, which you lot can find hiding backside the Lasso Tool in Photoshop’s Tools palette, to select her face. Your option doesn’t need to be surgically precise, and so don’t spent also much time on it. In fact, nosotros’ll be softening the edges of the selection (commonly known as
feathering
the pick) in a moment, and we’ll see how to fine-tune things if yous need to a bit later:

Adobe Photoshop tutorial image.

The area effectually the woman’s face up is now selected.

Step 3:
Enter Quick Mask Manner

Once yous’ve made your selection, press the letter of the alphabet
Q
on your keyboard to enter Photoshop’southward
Quick Mask
mode. Y’all tin also click on the Quick Mask icon near the bottom of the Tools palette:

Adobe Photoshop tutorial image.

Clicking on the “Quick Mask” icon below the Foreground and Groundwork colour swatches in the Tools palette.

If you lot look at your image, yous’ll run across that your choice outline has disappeared temporarily and that the area outside of the selection is now overlaid in red:

Adobe Photoshop tutorial image.

In “Quick Mask” mode, the area outside of the selection appears overlaid in scarlet while the selection outlines disappear.

Notice how my choice looks pretty bad, but that’s okay because we’ll be softening it side by side.

Step 4:
Apply The Gaussian Blur Filter

We need to soften the edges of our selection to create a smooth transition between the selected and unselected portions of the photograph, and the Quick Mask mode is going to get in very easy for the states to run across what we’re doing. We’ll employ Photoshop’southward
Gaussian Blur
filter to soften the edges. Go up to the
Filter
card at the peak of the screen, cull
Mistiness, and and then choose
Gaussian Mistiness:

Adobe Photoshop tutorial image.

Go to Filter > Mistiness > Gaussian Mistiness.

This brings upwardly the Gaussian Mistiness dialog box. Keep an eye on the selection edges in the document window every bit y’all suit the
Radius
slider at the bottom of the dialog box. Dragging the slider to the right will increment the corporeality of blurring along the edges, increasing the edge softness, while dragging it to the left will subtract the corporeality of blurring. Conform the Radius value until you see a dainty, smooth transition forth the edges. Here, I’m increasing my Radius value to somewhere around
16-17 pixels. The value you end upwards using may be different depending on the size of your image:

Adobe Photoshop tutorial image.

Increment the “Radius” value in the Gaussian Blur dialog box to create a smooth transition along the option edges in Quick Mask mode.

Click OK when you’re done to exit out of the dialog box. Here we can encounter the shine transition area around my choice edges:

Adobe Photoshop tutorial image.

The selection edges have at present been softened.

Footstep five:
Exit Out Of Quick Mask Mode

Now that we’ve softened our selection edges, we can exit out of Quick Mask mode and get back to
Standard
mode. To do that, either printing the letter
Q
on your keyboard one time again or click on the
Standard Mode
icon in the Tools palette:

Adobe Photoshop tutorial image.

Clicking on the “Standard Manner” icon in the Tools palette to exit out of Quick Mask style.

Yous’ll meet the red overlay disappear in the document window and your option outline returns:

Adobe Photoshop tutorial image.

The standard selection outline is now visible in one case over again while the cherry-red overlay disappears.

Step vi:
Relieve The Selection

We’ve washed everything nosotros need to do with our choice. Now we need to save it. To practice that, go upwards to the
Select
menu at the top of the screen and choose
Save Selection:

Adobe Photoshop tutorial image.

Become to Select > Save Selection.

When the Save Option dialog box appears, but click
OK
in the top correct corner to leave out of information technology. There’due south no need to name the pick:

Adobe Photoshop tutorial image.

Click OK to get out out of the Salvage Selection dialog box.

Press
Ctrl+D
(Win) /
Command+D
(Mac) to deselect your selection in the certificate window. If y’all switch over to your
Channels
palette, which you’ll detect grouped in abreast the Layers palette, you’ll see that your selection has been saved every bit a new
alpha aqueduct
named
Blastoff 1
at the lesser of the palette. We can encounter by looking at the channel’southward
preview thumbnail
on the left that the surface area that was inside the selection appears white, while everything that was outside the option appears blackness. It’southward tough to make out in the small thumbnail, but the smoothen transition area we created effectually the selection edges appears as a narrow white-to-black gradient:

Adobe Photoshop tutorial image.

The saved choice becomes a new “Alpha aqueduct” in Photoshop’s Channels palette.

This is important because in a moment, we’re going to exist using this blackness and white blastoff channel we’ve created as a
depth map
for the Lens Blur filter. A depth map is but a grayscale (black and white) image that Photoshop uses with the Lens Blur filter to determine which parts of the image to mistiness out and by how much. Whatsoever areas in the depth map that are pure blackness remain 100% in focus while areas that are pure white are completely blurred out. Areas that fall between pure blackness and pure white, such equally the transition expanse around the selection edges, will be blurred to a lesser degree depending on how calorie-free or nighttime they are.

If yous were paying attention in that location, you lot may exist thinking “Wait a minute, isn’t that exactly the opposite of what we want? You said black areas remain in focus while white areas are blurred out, but in the alpha channel we merely created, it’south the white area that we want to keep in focus, non the black area. The blackness area is where nosotros want to utilise the blurring!” You’re absolutely right. We’ll demand to tell Photoshop to
capsize
our depth map in the Lens Mistiness filter’due south dialog box, and we’ll run across how to practise that in a moment.

Switch back over to your Layers palette to go on.

Footstep 7:
Apply The “Lens Blur” Filter

Now that we’re back in the Layers palette, make certain y’all have “Layer 1” selected (the currently selected layer is highlighted in blueish). We’re going to create our depth of field issue at this point, and we’re going to do information technology using Photoshop’southward
Lens Blur
filter. Become upward to the
Filter
menu at the top of the screen, choose
Blur, and and then cull
Lens Blur:

Adobe Photoshop tutorial image.

Get to Filter > Blur > Lens Blur.

This brings upwards the Lens Blur dialog box, which consists of a large preview area on the left and a bunch of potentially disruptive options along the right. You tin safely ignore every option except for two of them – the
Depth Map
choice that nosotros merely talked near a moment ago and the
Radius
option. For the Depth Map, make certain that
Alpha 1
is selected then Photoshop uses the selection we fabricated to determine how to blur the epitome. Of course, as we but pointed out, we need to tell Photoshop to invert our depth map then that the area nosotros selected is the surface area that remains in focus. In my case, this ways the woman’due south face will remain in focus while everything else becomes blurred. To do that, simply click within the checkbox to the left of the word
Capsize.

The
Radius
choice works exactly the aforementioned hither as it does in the Gaussian Blur filter. But drag the Radius slider to the right to increase the corporeality of blurring that’s applied to the image. Keep an center on the preview area on the left equally you drag the slider so you can see what’s happening. Adjust the Radius slider until y’all achieve the corporeality of blur you’re looking for. Here, I’ve set my Radius value to
20. Once more, the value you choose for your prototype may be different:

Adobe Photoshop tutorial image.

In the Lens Mistiness dialog box, make sure that “Blastoff 1” is selected for the Depth Map and the “Invert” option is checked, then arrange the “Radius” slider until you reach the desired corporeality of blurring.

Click
OK
in the top right corner of the dialog box when you lot’re done to go out out of it. Here’s my image now with the blurring applied. Only the woman’s face remains in focus:

Adobe Photoshop tutorial image.

Later on applying the Lens Mistiness filter, but the woman’s face remains in focus.

If, later applying the mistiness event, yous experience information technology’s a scrap too strong, you tin fine-tune it simply by lowering the
opacity
of “Layer 1”. Yous’ll find the Opacity option in the superlative correct corner of the Layers palette. I’one thousand going to lower mine to around 85%:

Adobe Photoshop tutorial image.

Fine-tune the amount of blurring by adjusting the opacity of “Layer 1”.

Here’s my image after lowering the opacity. The change is subtle, but y’all can brand out the homo’southward facial features a little improve now:

Adobe Photoshop tutorial image.

The image after fine-tuning the Lens Mistiness effect.

At this point, the only thing I don’t like is that there’south some blur being applied to the left side of the adult female’s face (her right, our left) and it’s causing her face to alloy in with the man’s confront backside her. I’d like to touch that up and so that her face appears overnice and sharp along the edge. I can do that hands using a
layer mask, and I’ll do that next!

Pace viii:
Add A Layer Mask

This function is optional. You may not demand to touch up your blur result, but if you lot do, make certain you nevertheless accept “Layer 1” selected, then click on the
Layer Mask
icon at the lesser of the Layers palette:

Adobe Photoshop tutorial image.

Clicking on the “Layer Mask” icon.

Nothing appears to have changed in the document window, simply if we wait at “Layer 1” in the Layers palette, we tin see that we now have a
layer mask thumbnail
to the right of the layer’s preview thumbnail:

Adobe Photoshop tutorial image.

A layer mask thumbnail now appears on “Layer 1”.

Step 9:
Select The Brush Tool

I’m going to paint away the blur effect from the side of the woman’southward face. For that, I’ll demand Photoshop’s
Brush Tool
so I’ll select it from the Tools palette. You lot can also admission the Brush Tool simply past pressing the letter of the alphabet
B
on your keyboard:

Adobe Photoshop tutorial image.

Selecting the Castor Tool from the Tools palette.

Step 10:
Gear up Your Foreground Colour To Black

By default, whenever we have a layer mask selected, Photoshop sets our
Foreground color
to
white
and our
Background color
to
black. To paint abroad the blur issue on “Layer 1”, we need to pigment with black, which means we need black as our Foreground color. Press the alphabetic character
X
on your keyboard to swap your Foreground and Background colors, making black the Foreground color and white the Background colour. We tin run into what the colors are currently set to by looking at the two
color swatches
near the bottom of the Tools palette. The superlative left swatch is the current Foreground color and the bottom right swatch is the current Background color:

Adobe Photoshop tutorial image.

The Foreground and Groundwork color swatches in the Tools palette.

Step 11:
Pigment Away Any Unwanted Areas Of Blurring

With the Castor Tool selected and blackness as your Foreground color, simply paint over the areas where y’all want to remove the blur effect. In my case, I’m going to paint along the border of the woman’s confront. You tin conform the
size
of the brush using the
left and correct bracket keys
on your keyboard. The left subclass fundamental makes the brush smaller while the right bracket cardinal makes it larger. You can also adjust the
border hardness
of the brush past holding downward the
Shift
key and pressing the
left and right bracket keys. Property Shift while pressing the left bracket key makes the brush edges softer, and holding Shift while pressing the right bracket cardinal makes the edges harder. I’grand going to apply a minor brush with adequately difficult edges and paint along the left side of the adult female’south face to remove the blurring:

Adobe Photoshop tutorial image.

Painting along the edge of the adult female’s confront to remove any unwanted blurring.

If you make a mistake and accidentally paint over the wrong area, merely press
X
on your keyboard to switch your Foreground color to white and paint over the mistake, and then press
10
again to switch dorsum to black and continue painting abroad the blur outcome.

I’ll continue painting forth the border of her face to remove the last flake of blurring. If I expect at the layer mask thumbnail in the Layers palette, I tin see all the areas where I’ve painted with blackness to remove the blurring from the photograph:

Adobe Photoshop tutorial image.

The layer mask thumbnail showing the areas that have been painted with blackness.

And here, after removing the blur event from along the side of the woman’s face up and so it contrasts nicely with the out-of-focus man’south face backside her, is my final “depth of field” upshot:

Adobe Photoshop tutorial image.

The final issue.

And there we have information technology! That’s how to easily create a shallow depth of field effect with Photoshop! Check out our Photo Furnishings section for more Photoshop effects tutorials!


Source: https://www.photoshopessentials.com/photo-effects/depth-of-field/