advanced photoshop
Apr
13

How to blend type and photo stock in Photoshop, part 2

Posted in:
Tips & Tutorials, by The Advanced Photoshop Team

Continued… Master the skills to integrate bold typography with sensual photography for a balanced composition

How to blend type and photo stock in Photoshop, part 2

Follow part 1 of this tutorial

Step 07

How to blend type and photo stock in Photoshop, part 2

Now that we have the typography created, let’s start by editing the photograph. First open up a new document with the same dimensions as before (235x302mm) and place the dancer image in the document. The image should be about 20% smaller than the document size so we need to fill in the missing pixels. This is where Photoshop’s amazing Content Aware filter comes in handy. Press W and select the Magic Wand tool and click on the white space around the image. Press Shift+F5 to open up the Fill Command and use Content-Aware as your fill and click OK.

Step 08

How to blend type and photo stock in Photoshop, part 2

In your Adjustments window, select Exposure and slide the Exposure to -0.1 and the Gamma Correction to 0.65. Then add a new Vibrance adjustment layer crank Vibrance and Saturation all the way up. Now make your foreground colour b6c7da and your background colour 807d94. Press Shift+X to swap between foreground and background colours. Add a new layer and press G to use the Gradient tool. Make sure you use a Linear Gradient and that the Gradient goes from Foreground to Transparent.

Step 09

How to blend type and photo stock in Photoshop, part 2

Apply the blue gradient from the bottom to the middle of the image and repeat the same for the purple gradient but from the top to the middle. Set the blending mode to Colour and make it 85% Opacity. Now repeat this same process but with different colours. First add a new layer and this time choose d1cecb as your neutral colour and b5c2c8 as your metal blue colour. However, this time make the gradient go from Foreground to Background instead of transparency. Set this layer to 30% Opacity.

Step 10

How to blend type and photo stock in Photoshop, part 2

Now let’s apply the Geometric Background to this document by creating a new layer and importing the document. Set the blending mode for the layer to Divide and change the Opacity to 80%. Now we have finished altering the background. Now make a duplicate of our original model image and set her to the top of the layers using Command+Shit+] (Ctrl+Shift+]). Press W to use the Quick Selection Tool and set the brush size to 10. Alternatively you can quickly change the brush size by press [ to decrease and ] to increase the size.

Step 11

How to blend type and photo stock in Photoshop, part 2

Still using the Quick Selection tool, click from the tip of her fingers and start going down the image slowly until the whole image is selected. Click on the Refine Edge tool to adjust the hair and other tricky selections. Click OK and this will turn the dancer into a mask. Apply a Black and White Adjustment layer and set it to Auto. Make sure the adjustment layer affects all layers below by holding down the Alt key and rolling your mouse between the Adjustment layer and the masked layer.

Step 12

How to blend type and photo stock in Photoshop, part 2

Now apply a Gradient Map Adjustment layer of rich black to purple (2e2b4a) to white. Using a soft brush, mask out any areas you don’t want coloured purple. Now apply a Hue/Saturation Adjustment layer and set the Hue to 205 and the saturation to 80. This will add some more blue to the image. Finally change the Opacity to 36%. Mask out any areas you don’t want to be coloured, in this example we only coloured her torso blue. We have now finished colour editing the image.

Step 13

How to blend type and photo stock in Photoshop, part 2

Now the real fun begins! Group all your elements from the type design document and duplicate the files to the dancer image. Add a vector mask to the group layer and with an 80% hard brush, start to find interesting intersecting ways the dancer can wrap around the type and start brushing away the layer mask. This part is open up for experimentation and there are many to do this so best find your style by just diving right in. Add a little more detail by applying a soft shadow to make the dancer pop more from the type. 

Tags: