14
Photoshop- Adding Depth of Field Name:____________________ Assignment: Create a faux depth of field effect in your own photo by following the tutorial below. The original image. The final effect. Step 1: Duplicate The Background Layer Begin by duplicating the Background layer so that we're not harming our original image information. To duplicate the Background layer, go up to the Layer menu at the top of the screen, choose New, and then choose Layer via Copy: Go to Layer > New > Layer via Copy.

missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

Photoshop- Adding Depth of FieldName:____________________Assignment: Create a faux depth of field effect in your own photo by following the tutorial below.

The original image.

The final effect.

Step 1: Duplicate The Background LayerBegin by duplicating the Background layer so that we're not harming our original image information. To duplicate the Background layer, go up to the Layer menu at the top of the screen, choose New, and then choose Layer via Copy:

Go to Layer > New > Layer via Copy.

For a faster way, use the keyboard shortcut Command+J (Mac). If we look in the Layers palette, we can see our copy, which Photoshop has named "Layer 1", above the original Background layer:

Page 2: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

The Layers palette showing the copy of the Background layer above the original.

Step 2: Select The Area That Will Remain In FocusUsing the selection tool of your choice (Lasso Tool, Polygonal Lasso Tool, Pen Tool, etc.), draw a rough selection around the area that will remain in focus. Your selection doesn't need to be surgically precise, so don't spent too much time on it. In fact, we'll be softening the edges of the selection (commonly known as feathering the selection) in a moment, and we'll see how to fine-tune things if you need to a bit later:

The area around the woman's face is now selected. (Marching Ants)

Step 3: Enter Quick Mask ModeOnce you've made your selection, press the letter Q on your keyboard to enter Photoshop's Quick Mask mode. You can also click on the Quick Mask icon near the bottom of the Tools palette:

Page 3: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

Clicking on the "Quick Mask" icon below the Foreground and Background color swatches in the Tools palette.

If you look at your image, you'll see that your selection outline has disappeared temporarily and that the area outside of the selection is now overlaid in red:

In "Quick Mask" mode, the area outside of the selection appears overlaid in red while the selection outlines disappear.

Step 4: Apply The Gaussian Blur FilterWe need to soften the edges of our selection to create a smooth transition between the selected and unselected portions of the photo, and the Quick Mask mode is going to make it very easy for us to see what we're doing. We'll use Photoshop's Gaussian Blur filter to soften the edges. Go up to the Filter menu at the top of the screen, choose Blur, and then choose Gaussian Blur:

Go to Filter > Blur > Gaussian Blur.

Page 4: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

This brings up the Gaussian Blur dialog box. Keep an eye on the selection edges in the document window as you adjust the Radius slider at the bottom of the dialog box. Dragging the slider to the right will increase the amount of blurring along the edges, increasing the edge softness, while dragging it to the left will decrease the amount of blurring. Adjust the Radius value until you see a nice, smooth transition along the edges. Here, I'm increasing my Radius value to somewhere around 16-17 pixels. The value you end up using may be different depending on the size of your image:

Increase the "Radius" value in the Gaussian Blur dialog box to create a smooth transition along the selection edges in Quick Mask mode.

Click OK when you're done to exit out of the dialog box. Here we can see the smooth transition area around my selection edges:

The selection edges have now been softened.

Step 5: Exit Out Of Quick Mask Mode

Page 5: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

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

Clicking on the "Standard Mode" icon in the Tools palette to exit out of Quick Mask mode.

You'll see the red overlay disappear in the document window and your selection outline returns:

The standard selection outline is now visible once again while the red overlay disappears.

Step 6: Save The SelectionWe've done everything we need to do with our selection. Now we need to save it. To do that, go up to the Select menu at the top of the screen and choose Save Selection:

Go to Select > Save Selection.

When the Save Selection dialog box appears, just click OK in the top right corner to exit out of it. There's no need to name the selection:

Page 6: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

Click OK to exit out of the Save Selection dialog box.

Press  Command+D  to deselect your selection in the document window.

The saved selection becomes a new "Alpha channel" in Photoshop's Channels palette.

CHANNELS PALETTE IN TAB NEXT TO LAYERS!!!!!!!!!!!!!!!!

This is important because in a moment, we're going to be using this black and white alpha channel we've created as a depth map for the Lens Blur filter. A depth map is simply a grayscale (black and white) image that Photoshop uses with the Lens Blur filter to decide which parts of the image to blur out and by how much. Any areas in the depth map that are pure black remain 100% in focus while areas that are pure white are completely blurred out. Areas that fall between pure black and pure white, such as the transition area around the selection edges, will be blurred to a lesser degree depending on how light or dark they are.

Page 7: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

If you were paying attention there, you may be 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 just created, it's the white area that we want to keep in focus, not the black area. The black area is where we want to apply the blurring!" You're absolutely correct. We'll need to tell Photoshop to invert our depth map in the Lens Blur filter's dialog box, and we'll see how to do that in a moment.Switch back over to your Layers palette to continue.

Step 7: Apply The "Lens Blur" FilterNow that we're back in the Layers palette, make sure you have "Layer 1" selected (the currently selected layer is highlighted in blue). We're going to create our depth of field effect at this point, and we're going to do it using Photoshop's Lens Blur filter. Go up to the Filter menu at the top of the screen, choose Blur, and then choose Lens Blur:

Go to Filter > Blur > Lens Blur.

This brings up the Lens Blur dialog box, which consists of a large preview area on the left and a bunch of potentially confusing options along the right. You can safely ignore every option except for two of them - the Depth Map option that we just talked about a moment ago and the Radius option. For the Depth Map, make sure that Alpha 1 is selected so Photoshop uses the selection we made to determine how to blur the image. Of course, as we just pointed out, we need to tell Photoshop to invert our depth map so that the area we selected is the area that remains in focus. In my case, this means the woman's face will remain in focus while everything else becomes blurred. To do that, simply click inside the checkbox to the left of the word Invert.

The Radius option works exactly the same here as it does in the Gaussian Blur filter. Simply drag the Radius slider to the right to increase the amount of blurring that's applied to the image. Keep an eye on the preview area on the left as you drag the slider so you can see what's happening. Adjust the Radius slider until you achieve the amount of blur you're looking for. Here, I've set my Radius value to 20. Again, the value you choose for your image may be different:

Page 8: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

In the Lens Blur dialog box, make sure that "Alpha 1" is selected for the Depth Map and the "Invert" option is checked, then adjust the "Radius" slider until you reach the desired amount of blurring.

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

After applying the Lens Blur filter, only the woman's face remains in focus.

If, after applying the blur effect, you feel it's a bit too strong, you can fine-tune it simply by lowering the opacity of "Layer 1". You'll find the Opacity option in the top right corner of the Layers palette. I'm going to lower mine to around 85%:

Page 9: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

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 you can make out the man's facial features a little better now:

The image after fine-tuning the Lens Blur effect.

At this point, the only thing I don't like is that there's some blur being applied to the left side of the woman's face (her right, our left) and it's causing her face to blend in with the man's face behind her. I'd like to touch that up so that her face appears nice and sharp along the edge. Step 8: Add A Layer MaskYou may not need to touch up your blur effect, but if you do, make sure you still have "Layer 1" selected, then click on the Layer Mask icon at the bottom of the Layers palette:

Page 10: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

Clicking on the "Layer Mask" icon.

Nothing appears to have changed in the document window, but if we look at "Layer 1" in the Layers palette, we can see that we now have a layer mask thumbnail to the right of the layer's preview thumbnail:

A layer mask thumbnail now appears on "Layer 1".

Step 9: Select The Brush ToolI'm going to paint away the blur effect from the side of the woman's face. For that, I'll need Photoshop's Brush Tool so I'll select it from the Tools palette. You can also access the Brush Tool simply by pressing the letter B on your keyboard:

Selecting the Brush Tool from the Tools palette.

Step 10: Set Your Foreground Color To Black

Page 11: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

By default, whenever we have a layer mask selected, Photoshop sets our Foreground color to white and our Background color to black. To paint away the blur effect on "Layer 1", we need to paint with black, which means we need black as our Foreground color. Press the letter X on your keyboard to swap your Foreground and Background colors, making black the Foreground color and white the Background color. We can see what the colors are currently set to by looking at the two color swatches near the bottom of the Tools palette. The top left swatch is the current Foreground color and the bottom right swatch is the current Background color:

The Foreground and Background color swatches in the Tools palette.

Step 11: Paint Away Any Unwanted Areas Of BlurringWith the Brush Tool selected and black as your Foreground color, simply paint over the areas where you want to remove the blur effect. In my case, I'm going to paint along the edge of the woman's face. You can adjust the size of the brush using the left and right bracket keys on your keyboard. The left bracket key makes the brush smaller while the right bracket key makes it larger. You can also adjust the edge hardness of the brush by holding down the Shift key and pressing the left and right bracket keys. Holding Shift while pressing the left bracket key makes the brush edges softer, and holding Shift while pressing the right bracket key makes the edges harder. I'm going to use a small brush with fairly hard edges and paint along the left side of the woman's face to remove the blurring:

Painting along the edge of the woman's face to remove any unwanted blurring.

Page 12: missdietzdotcom.files.wordpress.com  · Web viewThe area around the woman's face is now selected. (Marching Ants) Step 3: Enter Quick Mask Mode. Once you've made your selection,

If you make a mistake and accidentally paint over the wrong area, simply press X on your keyboard to switch your Foreground color to white and paint over the mistake, then press X again to switch back to black and continue painting away the blur effect.I'll continue painting along the edge of her face to remove the last bit of blurring. If I look at the layer mask thumbnail in the Layers palette, I can see all the areas where I've painted with black to remove the blurring from the photo:

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

And here, after removing the blur effect from along the side of the woman's face so it contrasts nicely with the out-of-focus man's face behind her, is my final "depth of field" result:

The final result.