Add A Person Into A Bubble – Photoshop Tutorial – Combine Two Photos Together

Adding A Person Into A Bubble – Combining Two Photos Together – Merging Two Photos – Photoshop Composite – Photoshop Tutorial

This is going to look long at a glance but it’s actually not hard to do at all.. it looks long because I took a screen shot of every move to help out beginners.. When I was trying to use Photoshop they would say “duplicate the layer”, assuming I knew how, and I didn’t.  So I prefer to be extra thorough :).

This is a tutorial on how to add two photos together.. in this one in particular, we’ll be adding a shot of me into a shot of a bubble.
This will be the final product:
Photographer taking photos in a bubble composite

These are the original images:

??????????????????????????
Photographer taking a photo

^That’s me BTW :).  Anyway, open both photos in Photoshop that you want to merge together.  Copy and paste the photo onto the other photo.. in this case I’m going to copy and paste the photo of me on top of the photo of the bubble.

Add-Person-Into-Bubble-Combine-Photsos-Photoshop-Layer-Mask-Tutorial (3)

^The photos are both from different cameras, and the bubble photo is smaller than the photo of me taking a picture (please ignore the lens cap :p I edited it out of the final edit!).  Anyway, so I need to make this file smaller.

Add-Person-Into-Bubble-Combine-Photsos-Photoshop-Layer-Mask-Tutorial (4)

^Back in the original file, I go to “Image” “Image size” and reduce the size of it and copy it again to bring over and paste.

Photoshop Beginner Tutorial

^Now it is smaller but it’s too small.. this is easy to work with though…

Adding Person Into Bubble

^Select the marquee tool and click and drag it over the image

How To Add Person Into A Bubble In Photoshop

^Now it is selected..

Combine 2 Images in Photoshop

^Right-click within the selection and select “free transform”

How To Use Photoshop Layer Mask

^Hold down the shift key which will retain the proportions of the image and click and drag the arrows to make the image bigger or smaller.

How To Use PS Layer Mask

^Next, be sure that the top layer is clicked on, then click the little square towards the bottom of the layers palette (the layer mask tool) and click it.

Composite Images In Photoshop

^You now have a layer mask on your top layer!  This will allow you to add and subtract from the top layer via the paintbrush.  Select your paintbrush and be sure its color is set to black.

Composite For Beginners
^Ensure your layer mask is clicked on and now you can paint on the image to make it disappear!

Composite In PS

^The image after painting with the black paint brush.  But now I’ve removed too much of the image and need to bring some of it back..

Photoshop Tutorial With Image Examples
^Turn your paintbrush white and paint wherever you’d like to bring the image back.
Using Layers in PS Beginners Tutorial

^Image after bringing back some of the image.. it still isn’t aligned perfectly because it’s hard to tell where the bubble is exactly.

How To Use Layers In Photoshop

^To gain the ability to see the bubble below it, reduce the opacity of the top layer.  The opacity determines how “see through” the top layer is.. by reducing the opacity we can see underneath it to better determine where the lines of the bubble are.

Put A Person In A Bubble In Photoshop

^At this point, you could be “done” if you wanted to be.. but if you want to perfect it more, there’s some additional steps.
First, reduce the opacity of your brush.. set it to around 5-15 and paint over very select spots to make it look more 3D (the paintbrush at such a low opacity will only take off a tiny bit at a time vs a lot at a time).  I chose to paint around the bubble (so there is less image on the outsides, so it’s strongest in the middle and most faded on the outside, helping it have the round appearance).  I also painted additionally off on the colorful lines of the bubble also to help show the shape of the bubble.

Using Opacity In Photoshop

PS Tutorial

^Now it’s decently aligned (I ended up cleaning it up again later..).  This is a really good time to “save as .psd” so if you need to come back to it later, you can.

Photoshop Tutorial

^Now, right click on your layer mask and select “apply layer mask”.

Layer Mask Tutorial

^Right click on your top layer and select “screen”.

Putting Person In Bubbles

^This was my final verdict on this edit.. top layer opacity 60% with a screen applied to it.  I still have a few things left to do..

Merging 2 Photos In Photoshop

^Right click on the top layer and select “flatten image”.

How To Combine Two Photos In Photoshop

^Right click on your layer and select “duplicate layer”.  This will create a second layer.

Layer Masks In Photoshop Tutorial

^Ensure the top layer is clicked on and click the dropdown arrow and select “overlay”.  This will help blend, sharpen, and increase colors.

Adding A Person Into A  Bubble Photoshop Layer Mask Tutorial

^I felt there were a few additional edits to be done so I took the final edit and layered it with the original, used the eraser tool to erase away some of the edges to give it more of a 3D look.  I used the burn tool around the diameter of the bubble and I also used Coffeshop Blog’s Perfect Portrait Action on this.. I used “Urban Grit” @ around 20% and “Eye Define” at around 50%.  If you do not know how to use layer masks with actions, I have a blog post explaining How To Run An Action With Layer Masks here.  I believe there is also a tutorial on Coffeshop Blog’s page.

Photographer taking photos in a bubble composite

^This is my final edit.  Not perfect & I think it’d look cooler if the photo I merged in were in color but oh well.. and hopefully this blog post gave you enough information to be able to do what you’re wanting to do!

If you have any additional tips or resources, leave them in the comments below :).

-Christine Ann
Duluth MN Photographer

Leave a comment