Her

Home Photoshop Tutorials Photo Editing Reflective Bubbles

Reflective Bubbles

Author: Jon Gos Author's URL: www.goscreative.com More by this author

For my most recent work I wanted to create bubbles that would reflect my subject in a believable yet magical way. To do this I started by duplicating the main photo Layer >> Duplicate Layer.

image 1

Next I scaled the duplicate to 25% of it's original size. Edit >> Transform >> Scale. We also need to distort the duplicate. First I flipped it Edit >> Transform >> Flip Horizontal or Vertical, then I distorted it further by adjusting the perspective. Edit >> Transform >> Perspective

image 2

Still doesn't look like a bubble does it? Here comes the fun part. Select the elliptical tool (M) and draw out an area that's a perfect sphere (by holding shift). We want to get rid of everything outside of the bubble, now. So go to the to menu and choose "Select" then "Inverse" (Select >> Inverse) then press delete. You've now deleted everything on the layer that will not be in the bubble.

Press Command + D to deselect everything then Command click on the layer of the bubble. You should now have only the sphere selected.

image 3
Click to enlarge

Now, the most important part of the process, distorting your image to be a sphere by using the "Spherize" option. select Filter >> Distort >> Spherize. Use a setting of 100%.

image 4
Click to enlarge

image 5

Now, click on your color window. You want to change your foreground color to a lighter color that is close to white on the color scale. You can use a darker color if you want but to give the illusion of transparency I chose a lighter color, and accented it with darker ones in the steps that follow.

image 6
Click to enlarge

Now we're going to turn the "Sphere" layer into a more believable bubble. We do this by adjusting the "Layer Style" (Layer >> Layer Style). Select "Gradient Overlay" from the list and activate it. Click on the Gradient window and select "Foreground to Transparent" set the opacity to "Soft Light". Reduce Opacity by 7% down to 93%. Directly to the right of that window select "Reverse" and then change the Style to "Radial". Adjust the scale to your liking.

image 7
Click to enlarge

Next go up to "Blend Options". Change the type to "Color Dodge" (or whatever looks best for your picture). At this point I also adjust the overall "Fill" of the layer to 65%.

image 8

Now select "Inner Shadow". This step helps us define the 'spheriness' (I know it's not a word, shut up) of the bubble. In the "Structure" area set the "Blend Mode" to 'Soft Light'. I used the following settings Distance >> 22px, Choke >> 54% and Size >> 45px but experiment and find what works best for you.

For my particular image I needed to create a magical aura around the bubbles. I did this by adjusting my Outer Glow and Inner Glow settings. I also duplicated my bubble several times to create more bubbles. These settings are not relevant to creating a believable bubble so I won't go over them here but the best way to figure out how to get an image like the one below is to experiment.

image 9
Click to enlarge

So there you have it, a finished bubble with a the reflection of your background image!

Reflective Bubbles
Click to enlarge


About the Author:

Jon Gos is a 26 year old freelance web developer and designer. More of his design work and tutorials can be found at goscreative.com and gosdot.com