Game tester online

With our image open in Photoshop, the first thing we need to do for this effect is duplicate our Background layer, which is the only layer we currently have in our Layers palette and contains our original image:

We need to make a copy of this layer so that we avoid doing anything to our original image information. To make a copy of the layer, use the keyboard shortcut Ctrl+J (Win) / Command+J (Mac). Photoshop duplicates the layer for us, places the copy above the original Background layer in the Layers palette, and names the copy "Layer 1":

At the beginning of this tutorial, I mentioned that we can use something called a Depth Map with the Lens Blur filter to specify how much blurring to apply to different areas of the image, and were going to begin creating our Depth Map right now. The term "Depth Map" is really nothing more than a cool name for what is essentially just a selection in Photoshop, and to create one, we first need to add a new channel, so switch over to your Channels palette which youll find by default grouped in beside the Layers palette:

In the Channels palette, youll see what looks like four layers, except that these are channels, not layers, and theres really only three of them. The one at the top, named "RGB", is just the composite of the three color channels below it, named "Red", "Green", and "Blue". The Red, Green and Blue channels combine to create all the colors we see in our image, and thats already more than we need to know for this tutorial, but if you want to learn more about them, be sure to check out our RGB and Color Channels Explained  tutorial.

We need to add a new channel, so click on the New Channel icon at the bottom of the Channels palette (its the icon directly to the left of the trash bin icon):

Photoshop adds a new channel for us below the other channels and names it "Alpha 1":

As soon as you add the new channel, youll see your image turn completely black, and thats because what were now looking at is the new channel, not the image, and the channel is currently filled with black. What weve just added here is called an alpha channel, as opposed to the color channels above it, which is why Photoshop named it "alpha 1". If alpha channels are new to you, dont worry about them. Well cover alpha channels fully in another tutorial, but for now, alpha channels are just selections, the same as if you were creating a selection with the Rectangular Marquee Tool or the Lasso Tool. This is just a fancier way of making a selection, but its still just a selection. In fact, if you were to drag out a selection with, say, the Lasso Tool and then save your selection, it would be saved as an alpha channel. Were going to be using this alpha channel to tell Photoshop where we want the blurring effect to be applied at full strength, where we want it to be applied at less than full strength, and where we dont want any blurring to be applied at all, and were going to do that by painting on our alpha channel with white using the Brush Tool, as well do next.

As I mentioned, were going to be painting on our new alpha channel with white to create our Depth Map, and to do that, we need the Brush Tool, so select it from the Tools palette:

With the Brush Tool selected, go up to the Options Bar at the top of the screen and lower the brushs Opacity to50%:

When creating our Depth Map, any areas we leave as pure black in the alpha channel will have the blurring effect applied to them at full strength. Any areas we paint with pure white will not have any blurring applied to them at all, and any areas we paint with some shade of gray will have blurring applied to them at various strengths depending on how close that shade of gray is to black (full strength blurring) or white (no blurring). By setting our brush to 50% opacity, this allows us to slowly build up areas of blurring and non-blurring as we paint on the alpha channel, instead of just saying "I want 100% blurring here and 0% blurring here" with nothing in between.

Currently, our image is filled with black, which makes it a little difficult to see what were painting over in the image, so lets fix that. While still in the Channels palette and with "Alpha 1" still active (you know its active because its highlighted in blue), click inside the empty box to the left of the "RGB" Channel at the top. When you do, youll see the eyeball icon appear inside the box (it will also appear in the empty boxes of the Red, Green and Blue channels since, as I mentioned earlier, the RGB channel is just the composite of the other three channels), which tells us that the channel is now visible:

With the RGB channel visible, if we look back at our image, we see that it is no longer filled with solid black. Instead, its overlayed with red which allows us to see our image underneath:

Dont worry, our image is not actually covered in red. Were still looking at the alpha channel, not the image itself. The red just makes it easier for us to see what were doing. The areas overlayed with red at full strength (which at the moment is the entire image) represent areas filled with pure black on the alpha channel. As we paint with white on the alpha channel with our brush, which well do in a moment, we wont see white appearing in the image. Instead, the red will begin to disappear in the areas we paint over, as if were erasing the red with our brush, revealing more of the original image in those areas. The less red there is covering an area, the less blurring will be applied there when we go to use the Lens Blur filter.

If we were to paint with white with our brush set to 100% opacity, we would be completely removing the red from any area we paint over, which would mean that no blurring at all would be applied to those areas, while 100% blurring would be applied everywhere else, giving us an "all or nothing" situation. But since weve lowered the opacity of our brush to 50%, the more times we paint over the same area, the more white well be adding to that area on the alpha channel and the more the red will disappear in that area in the image. This gradual build-up of white on the alpha channel (and gradual lessening of the blurring effect applied to the image) is what gives us so much control with the Lens Blur filter, much more than we could ever get using the Gaussian Blur filter, at least not without using a layer mask (although technically, the Lens Blur filters Depth Map and a normal layer mask are really the same thing, but well save that for another tutorial).

With my Brush Tool selected and my brush opacity lowered to 50%, Im going to make sure my Foreground coloris set to white so that Ill be painting with white, and then Ill begin creating my Depth Map by painting on the alpha channel to control how much blurring will be applied to different areas of the image.

For this image, I want to reduce the amount of blurring that will be applied to the womans face in general, so with a large, soft-edged brush, Im simply going to click once over her face:

To change the size of your brush, use the left and right arrow keys on your keyboard. The left bracket key makes the brush smaller and the right one makes it larger. To make the edges of your brush nice and soft, hold down your Shift key and press the left bracket key a few times. Holding Shift and pressing the right bracket key a few times makes the brush edges harder.

Its a bit hard to see in the image, but after clicking once over the womans face, which added some white to that area on the alpha channel, some of the red in that area has disappeared. The area I clicked on will now have a bit less of a blurring effect applied to it when we go to use the Lens Blur filter. The rest of the image will have blurring applied at a full 100%.

I want to reduce the blurring amount even further over her eyes, nose and mouth, so Im going to press my left bracket key a few times to reduce the size of my brush and then Im going to paint in one continuous motion over her eyes, nose and mouth, making sure not to release my mouth button at any point while Im painting so I maintain the same level of white across that whole area, which will maintain the same reduced blurring amount:

Its now becoming a bit easier to see that the red is disappearing from the areas Ive painted on, as I increase the amount of white in those areas on the alpha channel. I think I want to reduce the amount of blurring even further over her lips and eyes, so Im going to keep my brush the same size and just paint once again over those areas:

We can now definitely see the original image showing through the red in those areas, which means they will receive the least amount of blurring, and since were using a soft-edged brush, well get smooth transitions between the different levels of blurring.

Finally, I want to really bring focus and attention to the womans eyes so I dont want any blurring being applied to them at all. To make sure no amount of blurring is applied to them, Im going to simply click a few times with my brush over each eye, filling those areas with pure white on my alpha channel and removing any hint of red from them in the image:

Ive now completed the work on my alpha channel and I can go ahead and use it as my Depth Map with the Lens Blur filter, which Ill do next, but before we do that, if I want to see what my alpha channel really looks like, all I need to do is click once again on the eyeball icon to the left of the RGB channel in the Channels palette to turn the channel off again, which will leave only the "Alpha 1" channel visible, and I can now see exactly where Ive painted with white on it at various opacity levels. The two areas that appear brightest on the alpha channel are where I clicked several times over her eyes:

We have our Depth Map. Now lets put it to work.

Still in the Channels palette, click directly on the RGB channel at the top to actually select it rather than simply making it visible. This will turn off the alpha channel at the same time, and well see our image once again as we normally would in the document window:

Once youve selected the RGB channel, switch back to the Layers palette and make sure that "Layer 1" is currently selected. Just as with channels, the currently selected layer is highlighted in blue. Click on "Layer 1" to select it if it isnt already selected.

Were ready to blur our image with the Lens Blur filter. To do that, go up to the Filter

download file now