Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters.  Home Photoshop Photo Editing Reflective Bubbles

Reflective Bubbles


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.

Click to enlarge
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%.

Click to enlarge
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.

Click to enlarge
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.

Click to enlarge
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.

Click to enlarge
Click to enlarge

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

Reflective Bubbles Tutorial: Final Result (Click to enlarge)
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

Author's URL: Jon Gos
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Reflective Bubbles"

Only registered users can write comment

No comments yet...