From this lesson we will learn how to create the effect of penetrating rays through the blinds.
We will use Displacement map (Displacement Map), in order to make the shadows from the blinds more realistic on the face. It will also be used Color balance (Color Balance) to create pleasant lighting.
This is the image we will work with.
And this is what we end up with.
Step 1. Transferring the image to the mode LAB
Since in the future we will use the Displacement Map, in order to make the shadows more realistic around the girl’s face, hair and hands, the first thing we need to do is create Displacement map (Displacement Map).
The displacement map is nothing more than a black and white image used by Photohop to determine how to move and position the pixels.
So the first thing we have to do is create a black and white copy of our image.
There are many ways to do this, but one of the lesson’s favorite ways is to use Mode LAB, since it has a separate channel Brightness (Lightness).
To transfer the image to LAB mode, you need to go to Images – Mode – LAB (Image – Mode – Lab).
Step 2. Select the channel “Brightness”
After changing the RGB mode to LAB mode, it seems that nothing has changed, but in fact, something did happen. We have separated the Brightness from the Flowers.
Click the tab Channels (Channels) (it is next to the Layers Palette tab). You will see four channels: “LAB ”,“ Brightness ”,“a ”and“b ”. Channel “Brightness” shows the distribution of brightness levels in grayscale, and with the help of two other channels “a” and “b”, color is added. Click on the “Brightness” channel to select it.
As soon as you select the channel Brightness (Lightness)., You will see how your image has changed to black and white.
Step 3. Creating a new document from the “Brightness” channel.
We need an Offset Map, which should be a separate document from the original image.
Right click on the “Brightness” channel, select Duplicate channel (Duplicate Channel).
A window will appear – Duplicate channel. Change in appointment Document (Document) on New (New). This will allow us to create a new document from the channel, instead of simply duplicating the channel in the same image. Then press YES.
Now you have two images open in Photosop, one with the original image. (Brightness), another duplicate channel “Brightness” (Alpha1).
We will work a bit with the “Brightness” channel duplicate in order to use it as an Offset Map in the future.
Step 4. Increase contrast with Levels
The displacement map will work better if the image you are using as the displacement map has a clear contrast.
Let’s increase the contrast of the new document. (Alpha1).
Click Ctrl +L, to bring up the Levels window. Move the black slider to the right, thereby darkening the darkest areas of the image. Then move the white slider a little to the left, thereby lightening the lightest parts of the image.
Now your image has become more contrast
Step 5. Highlight Background
The author wanted to achieve such an effect that the shadows from the blinds beautifully lay down and skirted the girl’s face, hair and hands, and the background behind her was not affected by the Displacement Map. That is, the shadows behind the girls falling on the wall remain horizontal.
To prevent the Displacement Map from bending the shadows behind the girl, you need to fill the background with pure white. To do this, we will need to select the background with any convenient tool for you (Pen, Lasso) * do not forget to invert the selection (Shift +Ctrl +I) *. In other words, you need to select everything except the girl. Do not worry that the hair does not stand out carefully, it will not affect the application of the effect.
Step 6. Filling the selection with white
With the active selection, go to Edit – Run Fill (Shift + F5). In the “Fill“Change Content – Use – White.
Make sure that Overlay: Mode worth – Normal and Opacity 100%. Then click YES to exit the dialog box and fill the selection with white.
* You can also fill in with white color via hotkeys: D, Ctrl +Backspace*
Click Ctrl +D, to deselect.
Step 7. Gaussian Blur
Our image is almost ready to use as a displacement map. The only thing left to do is to smooth out all the sharp transitions, between dark and light areas. For this we will use Gaussian Blur.
Go to Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian blur) and set the radius to 4 pixels. (For high resolution photos, the radius will be approximately 6-7 pixels.)
* for the image from the lesson, approached a radius of 2 pixels. *
Here’s what the image should look like after applying the filter.
Step 8. Save the image to PSD format
In this step, we will save our image as an Offset Map.
Click Ctrl +S. Since we are saving this file for the first time, you will see a dialog box Save as (Save as …) or go to Menu – File – Save As… (Shift + Ctrl + S), which allows us to name the file, select the format and place where to save it.
For convenience, create a folder, for example, on the desktop and name it “Displacement Maps”, we will save our file into it. The file name can be any, as long as it is saved as PSD file, since the files are in this format, these are the only files that we can use as displacement maps.
After you save the image (Alpha1), You can close it, since we no longer need it.
Step 9. Return to mode Rgb
We have finished creating the displacement map. Now you can go to create the shadows themselves from the blinds. To do this, you first need to return our image in RGB mode.
Go to Image – Mode – RGB (Image – Mode – RGB)
As soon as you switch to RGB mode, your image will become colored again.
And, if you look at the Channels palette, you will see that the “Brightness”, “a” and “b” channels have changed to “Red”, “Green” and “Blue”, and the “LAB” channel has changed to “RGB” channel .
Switch to the Layers palette, as Channels are no longer needed.
Step 10. Adding a new layer
The shadow of the blinds, we will create a new layer.
Create a new layer (Ctrl +Shift +Alt +N), or click on the icon create a new layer at the bottom of the layers palette.
Step 11. Rectangular Area Tool (M)
Since the shadows will be long and narrow, the quickest way is to make them a tool. ”Rectangular area” (Rectangular Marquee).
Tool “Rectangular area»Pull out a narrow strip, slightly receding from the top edge.
Without removing the selection, go to Editing – Run Fill (Edit – Fill). Choose there black color.
Click YES. The strip is filled with black color.
* You can also fill with black using hotkeys: D, Alt +Backspace*
Step 12. Copying the shadow
Do not remove the selection, it will allow us to create a copy of the first strip on the same layer.
Select tool “Move” (Move (V)). Hold key Alt, the cursor changes to two arrows – black and white, this will mean that we are going to make a copy.
Now hold down the key Shift, this will prevent accidental misalignment and will move the copy evenly horizontally. Click on the black bar to pull the duplicate down. Place a duplicate at any distance below the first bar, this will be the distance between the shadows.
* Pay attention to the fact that the author did not place the shadows on the girl’s eyes, but made the distance between the stripes just a little more than the width of the eyes. Failure to observe this nuance, may, when overlaying the Displacement Map, slightly spoil the look of the picture *
In the same way, keep pulling more strips, thereby filling the entire image with them. After you finish, click Ctrl +D, to deselect.
If you now look at the layers palette, you will see that all the black stripes are on the same layer.
Step 13. Gaussian Blur for Shadows
While our shadows are not quite like the real ones. For more realistic, we need to blur the edges.
Staying on the shadow layer, go to Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian blur) and set a radius of about 9px., In the preview you will see which radius is better.
* a radius of 3 pixels was sufficient for my image. *
Now the edges of our shadows are softer.
Step 14. Displacement Map
The edges look good, but the shadows are still not natural. One of the reasons, besides the fact that they are not translucent, thus blocking part of the image, is that they lie in a photo in even features, existing as it were, separate from the photo. To correct this, they need to go in the shape of the face, hands, hair, bending around them.
This is where we get to the previously saved Offset Map.
Staying on the shadow layer, go to Filter – Distortion – Offset (filter – Distort – Displase).
When you click on this filter, you will have the first of two dialog boxes Filter Offset. In the first window, by adjusting the Scale horizontally and vertically, we determine where and how the pixels will move. The larger the scale, the further the pixels will be moved.
In this image, moving the pixels horizontally is completely unnecessary, therefore, Horizontal scale we put – 0. You need to move the pixels only vertically, so set Vertical Scale – 20. Also make sure that you have Curvature scheme selected – Stretch, and in Undefined areas selected – Repeat boundary pixels.
* experiment with the quantity on the Scale, – 20, this was the optimal figure for the work of the author, in your case it may be completely different. 10 * was enough for my image
When set all parameters, click YES. As soon as you click YES, the first Offset dialog box closes and the second one opens, asking you which file you want to use, like the Offset Map.
Go to where you saved the Offset Map file and select it.
Click Open (Open), thereby applying the Displacement Map to the shadows in our image. Now the shadows formed in the shape of the face and hands.
Step 15. Reduce Opacity and Add Color Balance
The shadows still don’t look natural. Because of the post color, they simply overlap the image with the girl.
To fix this, we just need to reduce the opacity, the layer with the shadows.
Pull the slider Opacity, reducing to about 40%.
After reducing the Opacity, the shadows began to look more realistic.
Well, the shadows are finally ready! Finally, add some warm tones to create the effect of the morning light breaking through the blinds.
Choose new Adjustment Layer – Color Balance, clicking on the Correction Layer icon in the layers palette.
The convenience of creating exactly the Correction Layer is that at any moment it will be possible to come back and correct something.
Start with Shadows. Pull the bottom slider to the left, adding yellow shades, then pull the upper slider slightly to the right, thereby removing the green shades and adding a little red. Do not forget to put a tick – Save glow.
Once finished with Shadows, go to Mid tones. Do the same procedure, slightly changing the parameters. Then go to Sveta and also add yellow shades and a little red.
If it seemed to you that the color scheme is too bright, just lower the opacity of the layer to the Color Balance layer, as we did earlier with the layer with shadows.
And here is our final result.
I hope this lesson has given you a bit of insight into working with the Displacement Map. And experimenting, you begin to create more interesting effects with its use.
Good luck in doing the lesson.