Information:
In this tutorial I will be showing you how to use the displacement Filter to your advantage and create a stunning black and white illustration. You will learn how to create clipping masks by using splatter brushes and how to manipulate image adjustments to sort out coloring and shadow composition. This tutorial is very easy to follow and you will learn quite a few new little tricks by doing the tutorial. Hope you enjoy it and have fun.
Resources Used:
Final Preview
Step 1:
Let’s start off by opening up the downloaded stock image in Photoshop and then duplicating the background layer by going to Layer>Duplicate Layer. This duplicates your base layer for you, I always do it because I often want to use the base image again and if I don’t duplicate it I won’t be able to work with it. Moving on let’s create a new layer, Go to Layer>New>Layer and then grab your Healing Brush tool from your Photoshop Toolbar (Shortcut: J).
Make sure your sample settings in the top toolbar is set to All Layers and not Current layer, this makes use of all the layers on the layers palette instead of the single layer your currently on. Now we are going to be removing her hair from her forehead, it totally conflicts the focal point as her face and distracts you from what you should be seeing. Hold down ALT on the keyboard whilst you have the Healing Brush selected and then click on a clean spot on her forehead and then let ALT go and brush over the hair that you want to remove. Set the brush size according to your desires.
Step 2:
Let’s go to the Image Adjustments Menu on your layers panel (Half Black Half White Circle) and select Brightness and Contrast. The settings you will be using for brightness and contrast are -12 Brightness and +9 Contrast. Now let’s create some clipping masks, create a new layer – Layer>New>Layer and then grab your brush tool from your Tools, select a nice boasting splatter brush and add it into your image on the new layer. Hide the splatter image and create another new layer. Go to Image>Apply Image – this copy merges your entire document into a single layer. Unhide your splatter layer and then select your applied image layer, go to Layer>Create Clipping Mask or (Shortcut: CTRL+ALT+G). You should now be able to move your applied image layer around within your splatter brush trails. I repeated this process 3 times and came out with the following.
Step 3:
Here comes the interesting part of the tutorial. We are going to be using the Displacement filter to generate a textured feel in the piece. Create a new layer – Layer>New>Layer and then go to Image>Apply Image. Now you will have a merged image of all the layers in one layer, I have provided download links for the displacement maps that I used in this tutorial so that you can follow precisely. With your applied image layer selected go to Filter>Distort>Displace now you will find a option box that gives you options to set the scale and displacement map placement as well as areas. For the first displacement we are going to set the Horizontal Scale to 100 and the Vertical Scale to 100, we will keep the rest of the settings default and hit OK – here is the part where you search for the displacement maps on your computer that you just downloaded and once you find them use the 01.psd file for this displacement and hit open. Suddenly you will see a major change take place on your image, set the blending options to Overlay and grab your Eraser tool. Erase all the unwanted areas in the image that you do not want and then make sure you are happy with the looks of things.
Step 4:
Create another new layer – Layer>New>Layer then apply image once again by going to Image>Apply Image, now make your way up to Filter>Distort>Displace set your Horizontal and vertical scales to 80 and hit OK. Now use the 02.psd file and press open. Now grab your erases tool once again and erase the bit and pieces that you don’t want to have in your final piece.
Now Create a new layer – Layer>New>Layer and then apply image once again – Image>Apply Image. Now go to Image>Adjustments>Threshold use the default value of 128 and press OK. Now go up to Filter>Blur>Radial Blur – Use 100% Zoom blur and hit OK. Now set the blending options to soft light and your opacity settings to 74% erase over bright pieces on the image.
Step 5:
Time to create a few more clipping masks with splatter brushing. Create a new layer – Layer>New>Layer grab your brush tool with a nice splatter brush selected and brush on the image. Now hide that splatter layer and create a new layer, apply image on this layer by going to Image>Apply Image and then unhide the splatter layer. Select the applied image layer and go to Layer>Create Clipping mask or (Shortcut: CTRL + ALT + G) move the applied image around until your happy with the outcome. I repeated the process 3 times once again and this is the outcome I got below.
Step 6:
Time to bring in some color to the actual black and white image. Lets create a new layer – Layer>New>Layer and then fill the layer with black #000000 now that you have a filled black layer set your blending options to Linear Dodge. Next I grabbed my brush tool from the Photoshop toolbar and selected a nice big soft brush. I used pink – #ff0072 to compliment the black and white in this piece. Lets brush over her knee and hand to set the ultimate focal point. Next change the size of your brush to a smaller size and select white as your foreground color. We will use this to set the reflection and coloring of the point to a more vibrant expression. Brush inside the pink brushing you did previously. I have shown you the coloring layer below and then the outcome below that.
Step 7:
In this step we are going to be adding a gradient and another color brushing. Let’s go to the adjustments menu (Half white half black circle on your layers panel) now select Gradient Fill – we are going to be using a dark grey/blue to light grey. Color codes are #27333a – #737d86 – #b6bec9 keep the gradient fill settings default, Style: Linear – Angle 90 degrees and hit OK. Change the blending options to overlay and the opacity to 37%.
Now we are going to be repeating the exact same process as in step 6 – create a new layer – Layer>New>Layer now fill it with black #000000 next change your blending options to Linear Dodge and grab yourself a nice soft round brush. I used Pink #ff0072 in this case and brushed it across her shoulder and bottom part of her chin. The color layer is shown below with the outcome of the two sections of this step.
Step 8:
In this step we are going to be adding some image adjustments to the piece to straighten out some coloring depths and composition effects. Firstly lets go down to the image adjustments menu (Half Black Half White Circle on the layers panel) in this case I used the default gradient – Black #000000 to White #FFFFFF and hit OK. Now change your blending options to Multiply and drop your opacity settings down to 14% this will enrich the shadows of your image.
Next let’s go back to the image adjustment menu and select Brightness and Contrast. Move the brightness up +17 and the Contrast to +25. This is going to bump up the brightness of the image and make the effects you created stand out quite a bit.
Last but not least create a New layer – Layer>New>Layer then apply image by going to Image>Apply Image then navigate your way up to Filter>Other>High Pass use the default settings of 10.0 and hit OK this will turn your image into a grey scaling image. Change your blending options to Overlay and your opacity settings to 25% and you’re done.
I hope you enjoyed this tutorial and had fun. Keep checking back for more.
.jpg)
Posts
