The Basic Idea:
The goal is to make it look like someone's head (or a portion of their head/face) is trapped inside a clear, refractive bubble. This usually involves:
1. Source Image: A clear portrait photo.
2. Bubble Shape: Creating a sphere or bubble-like shape.
3. Distortion/Refraction: Warping the underlying portrait image to simulate the distortion caused by a bubble's curvature.
4. Highlights/Shadows: Adding highlights and shadows to the bubble itself to give it a realistic, three-dimensional appearance.
5. Blending/Refining: Blending the bubble with the underlying image and refining the overall look.
Steps in Detail:
1. Open Your Portrait:
* Open the portrait image you want to use in Photoshop CS3 (File > Open).
2. Create the Bubble Shape:
* New Layer: Create a new, transparent layer (Layer > New > Layer). Name it "Bubble Shape" or something similar.
* Elliptical Marquee Tool: Select the Elliptical Marquee Tool (looks like an oval, usually next to the Rectangular Marquee Tool).
* Constrain to Circle (Important): Hold down the `Shift` key while dragging with the Elliptical Marquee Tool. This will force the selection to be a perfect circle. Position and size the circle where you want the bubble to be. Aim for a size that encompasses the area of the face you want inside the bubble.
* Fill with Color: Choose a light, neutral color (e.g., light gray or a very pale blue/gray) for the foreground color. Press `Alt + Backspace` (Option + Delete on Mac) to fill the selected area with that color.
* Deselect: Press `Ctrl + D` (Command + D on Mac) to deselect.
3. Add Depth to the Bubble (Highlights and Shadows):
* Layer Style (Important for Older Photoshop): This is where we'll add the 3D look. Right-click on the "Bubble Shape" layer in the Layers panel and choose "Blending Options...".
* Bevel and Emboss:
* Check the "Bevel and Emboss" box.
* Style: Choose "Inner Bevel"
* Technique: "Smooth" is a good starting point.
* Depth: Adjust the "Depth" slider to control how strong the 3D effect is.
* Direction: "Up" usually works well.
* Size: Adjust the "Size" to control the width of the highlight/shadow edge.
* Soften: Use this to soften the edges of the bevel.
* Shading: Experiment with the "Angle" and "Altitude" settings to control where the light is coming from. The "Gloss Contour" also plays a big role; try different contours (e.g., Ring, Gaussian) to see what looks best.
* Highlight Mode: Set to "Screen" and use a very light color (white or off-white). Adjust the "Opacity".
* Shadow Mode: Set to "Multiply" and use a medium gray. Adjust the "Opacity".
* Inner Shadow (Optional but often helpful):
* Check the "Inner Shadow" box.
* Blend Mode: "Multiply"
* Color: Choose a dark gray.
* Opacity: Adjust to taste.
* Angle: Keep it consistent with the Bevel and Emboss angle.
* Distance: A small distance is usually best.
* Choke: A small amount of choke can help define the shadow.
* Size: A small size is usually best.
4. Distort the Portrait (Refraction Effect):
* Duplicate Portrait Layer: Select your original portrait layer and duplicate it (Layer > Duplicate Layer). Name it "Portrait Distortion".
* Move Above Bubble Layer: Make sure the "Portrait Distortion" layer is directly *above* the "Bubble Shape" layer in the Layers panel.
* Create Clipping Mask: Right-click on the "Portrait Distortion" layer and choose "Create Clipping Mask". This forces the "Portrait Distortion" layer to only be visible within the shape of the "Bubble Shape" layer. This is absolutely critical.
* Distort: There are several ways to distort the portrait, but here are a few good options, available in CS3:
* Spherize Filter (Filter > Distort > Spherize): This is the easiest. Adjust the "Amount" slider. A small amount (e.g., 20-40%) can add a subtle curve. You may need to run this multiple times for a stronger effect.
* Pinch Filter (Filter > Distort > Pinch): Similar to Spherize, but focuses on pulling the image inward. Use sparingly, as it can distort the image too much.
* Shear Filter (Filter > Distort > Shear): This lets you create a custom distortion curve. Experiment with the curve to create a bubble-like warping effect. This is more advanced but can give you more control.
* Liquify (Filter > Liquify): The Bloat and Push Left tools within Liquify can also be used to subtly distort the image around the edges of the bubble. This requires more finesse.
* Experiment and Undo: The key here is to experiment and use `Ctrl + Z` (Command + Z) often to undo if you don't like the result. Don't overdo the distortion; a subtle effect is usually more realistic.
5. Blending and Refinement:
* Adjust Layer Opacities: Experiment with the opacity of the "Bubble Shape" layer. Lowering the opacity slightly can make the bubble look more transparent.
* Add a Reflection (Optional):
* Create a new layer above the "Bubble Shape" layer.
* Using the Brush tool with a soft, round brush and a very light color (white or pale blue), paint a small, diffuse highlight on the bubble surface where you imagine the light source would be reflected.
* Lower the opacity of this reflection layer to make it subtle.
* Sharpen (Optional): If the distorted image looks too blurry, you can try applying a small amount of Unsharp Mask (Filter > Sharpen > Unsharp Mask) to the "Portrait Distortion" layer. Use it *very* sparingly. Too much sharpening will look unnatural.
6. Background Considerations:
* If the background behind the bubble looks odd, you might want to subtly blur it. Duplicate the background layer, place it above the original, and apply a slight Gaussian Blur (Filter > Blur > Gaussian Blur). Then, use a layer mask to only apply the blur outside of the bubble area.
Important Considerations and Tips for CS3:
* Non-Destructive Editing: Always work on duplicated layers whenever possible. This allows you to go back and make changes without affecting the original image. Use layer masks to hide parts of layers instead of erasing.
* Layer Styles are Key: In CS3, you'll rely heavily on Layer Styles to create the 3D effect of the bubble. Master the Bevel and Emboss settings.
* Resolution: Start with a high-resolution image. The larger the image, the better the final result will look, especially after distortion.
* Subtlety: A convincing bubble effect is usually subtle. Don't overdo the distortion, highlights, or shadows.
* Experimentation: There's no one "right" way to do this. Experiment with different settings and techniques until you achieve the look you want.
* Blending Modes: Experiment with blending modes on the "Bubble Shape" layer. "Overlay" or "Soft Light" can sometimes create interesting effects.
* Clipping Masks: Make sure you understand how clipping masks work. They're fundamental to this technique.
Troubleshooting:
* Bubble Doesn't Look Round: Ensure you're using the Shift key with the Elliptical Marquee Tool to create a perfect circle.
* Distortion Looks Bad: Try different distortion filters and adjust their settings carefully. Sometimes, a combination of filters works best.
* Bubble Looks Flat: Adjust the Bevel and Emboss settings. Pay attention to the angle, depth, size, and gloss contour. Also, ensure your highlight and shadow colors are appropriate.
* Edges Look Jagged: If the edges of the bubble look jagged after distortion, try increasing the resolution of your image or applying a very slight blur to the "Bubble Shape" layer.
* Clipping Mask Not Working: Double-check that the "Portrait Distortion" layer is directly *above* the "Bubble Shape" layer, and that the clipping mask is correctly applied.
This should give you a solid foundation for creating a bubble portrait effect in Photoshop CS3. Good luck, and have fun experimenting! Remember that it takes practice to get the effect just right.