This Photoshop Tutorial teaches a unique way of using Displacement Maps to blend a new logo into an existing image such as an item of clothing. This is really useful for getting to grips with basic composition in Photoshop and a great way to hone your skills while designing some cool custom clothing or whatever you can think of. Watch the video or take a read of the step by step guide below.
Step 1 – Preparing our base image & Logo
Once you have selected a nice image to edit, Open up Adobe Photoshop and drag and drop the image that you are going to use and click the check mark or press enter on the keyboard. Drag and drop the Logo which you wish to embed onto the base image and roughly drag it into place. To re size the logo hold Shift & Alt together and drag the corners inwards or outwards, this ensures that the aspect ratio is maintained. If both of the layers are locked, double click onto them in the layers panel to unlock them or highlight the layer and press Ctrl & J to make a duplicate which is now editable.
Step 2 – Initial Warping
Now we are going to warp the image to make it look like it is actually embedded into the material or image instead of just being placed on top. Select the logo layer and press Ctrl & T (Transform) right click on the image and select warp. use the warp tools to adjust the size of your logo to make it look like it is roughly on top of the image. (See the video above if you are unsure)
Step 3 – Creating a Displacement Map
Now we want to make a Displacement Map, begin by hiding the logo layer (eye icon in layers) select Channels which will take you across to the RGB menu. Choose between red, green or blue to find the selection which gives the most contrast between the lighter and darker colors. Right click then select duplicate layer, save the Displacement Map as new.
Step 4 – Applying the Displacement Map
You should now see the Displacement Map open in a new window inside Photoshop so click back over to the original image, highlight the red green and blue again by clicking RGB at the top. Now show the logo layer again and choose Filter, Distort, Displace and use the following settings. Horizontal Scale - 10 Vertical Scale - 10 Displacement Map - Stretched to Fit and undefined areas, repeat edge pixels. Once you have done this just hit OK. Now Photoshop is going to ask you to select the displacement map, find the map you just saved and choose open. Set the blending mode to any one of the following (this varies from image to image) Overlay, Soft Light, Hard Light, Vivid Light, Linear Light, Pin Light or Hard Mix. Toggle the Opacity and Fill to Finish off the image.