Merge Photos with Graphics

Sharing is caring!

Merge photos with graphics and create fantastic effects using blending modes.

This surreal merge photos with graphics effect may look intricate and complicated, but merely by making use of the graphics and backgrounds that come with Elements, it’s something that anybody can do, and on any portrait they like. We’re using a simple graphic called Brass Leaves, which you’ll find within the hundreds of graphics, frames and effects that come with Photoshop Elements, in this tutorial. However, if you prefer, you could always use one of the others graphics.

Merge photos with graphicsBy duplicating and reshaping the leaves in different ways you can build up an entire bush. Once that’s been done and then all you have to do is duplicate the cut-out face we’ve provided and applied clipping path it to each layer, before applying a Drop Shadow Layer Style and changing the colors. To round things off, drop in a suitably green leafy background, also taken from the Elements graphics library.

Along the way we’ll repeatedly use one of Photoshop’s most useful and underused shortcuts – the humble Alt key. Let loose on the Layers panel, it enables you to make speedy copies of layers, styles, masks and adjustments. It also enables you to ‘clip’ a layer to the shape of the layer beneath. Here’s how we can merge photos with graphics

Merge Photos with Graphics


1. Cut out the portrait

Open the starting image. The first step is to cut out the portrait from it’s background. Grab the Quick Selection tool and paint to select the face and neck. If the tool goes wrong and picks up any areas you don’t want, hold Alt Merge photos with graphics

and paint to subtract areas from the selection. When you’re happy, go to Select > Refine Edge to improve the edges of the selection. Set Radius 2.1, Contrast 25 , Shift Edge +17. Set Output to: New Layer and click OK.

2. Add the brass leaves

Merge Photos with Graphics

Go to Window>Graphics to access the Graphic panel. Here you’ll find all manner of different graphics and templates. You can search through the hundreds of items using the menu at the top. Set to filter ‘By Word’ and type ‘Brass Leaves’ in the search bar. Once you’ve found it, drag the leaves graphic into the image. The graphic is a Smart Object, which means it can be resized up or down without any loss in quality.

3. Build up the leaves

Grab the Move tool and check Show Bounding Box in the Tool Options. Click the bounding box to transform the shape of the leaves. Drag the corners to resize and position the leaves over the face. Next hit Cmd/Ctrl+J to copy the layer. Transform again, but in a different way so that it doesn’t look too similar to the first copy (you can right click while transforming for more options, like Distort). Continue making more copies until the face is mostly covered.

Merge Photos with Graphics by Clipping Creations India

4. Copy and clip to the face

Merge photos with graphics by Clipping Creations India

Rename the background copy layer (the one with the cut-out face) ‘face’, then drag it above the lowermost leaves layer. Hold down Alt and click the line between the two layers to clip the face to the leaves. Now hold down Alt and drag the face layer above the next leaves layer to make a copy, and Alt+click the line again. Repeat to make a copy of the cut-out face above every leaf layer, each clipped to the underlying leaves.

5. Mask the leaves

Hold down Cmd/Ctrl and click the image thumbnail on the uppermost face layer to load a selection of its shape. Highlight the leaves layer below, then click the Add layer mask icon to convert the selection to a mask. Next, hold Alt and drag the mask thumbnail to each of the other leaves layers to copy it over, so that every leaf layer has a mask attached to it that is the shape of the face.

Mask the leaves

6. Add the drop shadows

Add the drop shadows

Highlight any leaves layer and go to Layer>Layer Style>Style Settings. We can add depth to the effect with drop shadows. Check Drop Shadow and set Angle 40, Size 18, Distance 6, Opacity 90 and Click OK. When you add any Layer Style effect such as a drop shadow, a little FX icon will appear on the highlighted layer in the Layers panel. Hold down Alt and drag the FX icon to another leaves layer to copy it, then copy it to every other leaves layer in the same way. Well, we are not done yet.

7. Color the effect

Next we can add color to the effect by turning each leaf layer a shade of green. First highlight the top face layer, then click the Create adjustment layer icon in the Layers panel. Set Hue +61, then hold Alt and click the line between the Hue/Saturation layer and the face layer below to clip the layer to the face. Hold down Alt and drag the Hue/Saturation layer above the next face layer to make a copy, then clip it again. Double click the layer thumbnail to change the Hue setting slightly for some subtle variation to the colors.

Color the effect

8. Drop in the background

In conclusion, we’ll drop in another graphic as a background for the effect. Go to the Graphics panel and search for ‘leaves 02’ and bring it in. Hit Cmd/Ctrl+T, right click and pick Flip Horizontal. Add a Brightness/Contrast layer set to 10, 100. Finally, darken the corners of the background. Add a Solid Color adjustment layer filled with black. Grab the Brush tool, set the color to black and 30 opacity, then paint on the layer’s mask to hide the black and reveal the green underneath.

Drop in the background

Now, you have your photos merged with graphics. Well, don’t just read, practice too. I know you may have better ideas to demonstrate such effect. Please write your comments below, I will appreciate new ideas from the readers.

Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *

Tiny File Manager
Error: Cannot load configuration