Conceptual Overview
The basic idea is to:
1. Isolate the subject's face.
2. Create a bubble shape (or a few).
3. Place the face inside the bubble.
4. Blend the face into the bubble for a realistic look.
5. Add highlights and shadows to enhance the bubble effect.
Detailed Steps
1. Open the Image:
* Launch Photoshop CS3.
* Go to `File > Open` and select your portrait image.
2. Duplicate the Background Layer:
* In the Layers panel (usually on the right side), right-click on the "Background" layer and select "Duplicate Layer." This protects your original image. Rename it "Portrait."
3. Select the Face:
* This is the most crucial and time-consuming step. There are several tools you can use, and the best choice depends on the complexity of the background and how well-defined the face is:
* Magnetic Lasso Tool: (Often a good starting point) Select the Magnetic Lasso Tool from the toolbox (it looks like a lasso with a small magnet). Click along the edge of the face, and Photoshop will try to snap the selection to the contrast edges. Close the selection by clicking on the starting point.
* Polygonal Lasso Tool: (Good for sharp edges) This tool creates selections using straight lines. Click to create anchor points, and the tool will draw a line between them. Useful for angular features.
* Lasso Tool: (Freehand) Allows you to draw a selection freehand. Requires a steady hand, but can be useful for certain areas.
* Quick Selection Tool: (May not be ideal in CS3 but give it a try) Found in the toolbar, it looks like a brush with a selection icon. Paint over the face, and Photoshop will try to select the area based on color and texture. You might need to refine the selection afterwards.
* Pen Tool: (Most precise but also most time-consuming) Creates paths that can be converted into selections. Best for complex shapes and clean edges. Requires practice to master.
* Refining the Selection:
* After making your initial selection, you'll likely need to refine it. Go to `Select > Modify > Contract` or `Select > Modify > Expand` to make the selection slightly smaller or larger. This can help remove halos or include missing portions.
* "Refine Edge" in CS3 is found in `Select > Refine Edge`. It allows you to smooth the edges of your selection, feather it slightly, and adjust the contrast. Experiment with the settings (Radius, Smooth, Feather, Contrast) to achieve a clean and natural edge for the face. Choose "New Layer with Layer Mask" for output.
4. Create the Bubble:
* New Layer: Create a new layer above the "Portrait" layer. Name it "Bubble."
* Elliptical Marquee Tool: Select the Elliptical Marquee Tool (looks like an oval) from the toolbox.
* Draw a Circle: Hold down the `Shift` key while dragging with the Elliptical Marquee Tool to create a perfect circle. Make it large enough to comfortably encompass the face you selected.
* Fill with White: Set the foreground color to white. Go to `Edit > Fill` and choose "Foreground Color" as the content to fill the selection. Deselect (`Select > Deselect`).
5. Positioning and Sizing the Face:
* Select the "Portrait" layer with the face you extracted in Step 3.
* Use the Move Tool (the arrow icon) to drag the face on top of the "Bubble" layer.
* Press `Ctrl+T` (or `Cmd+T` on a Mac) to activate the Free Transform tool.
* Adjust the size and position of the face so that it fits nicely within the bubble. Make sure it doesn't look too small or too large. Press `Enter` to apply the transformation.
6. Clipping Mask (Putting the face *inside* the bubble):
* Make sure the "Portrait" layer (with the face) is directly *above* the "Bubble" layer in the Layers panel.
* Right-click on the "Portrait" layer and select "Create Clipping Mask." Alternatively, hold down `Alt` (or `Option` on a Mac) and click between the "Portrait" layer and the "Bubble" layer in the Layers panel. This will clip the face layer to the shape of the bubble layer, so the face will only be visible inside the bubble.
7. Blend Mode and Opacity (Making it Look Realistic):
* Select the "Portrait" layer (the face).
* In the Layers panel, change the Blend Mode from "Normal" to something like "Screen," "Overlay," "Soft Light," or "Multiply." Experiment to see which one gives you the best blend. "Screen" often works well to make the face appear slightly transparent and integrated into the bubble's surface.
* Adjust the Opacity of the "Portrait" layer. Lowering the opacity will make the face more transparent and further blend it into the bubble. Start around 50-70% and adjust from there.
8. Adding Bubble Highlights and Shadows (Essential for Realism):
* New Layer: Create a new layer above the "Bubble" layer. Name it "Highlights."
* Clipping Mask: Create a clipping mask for the "Highlights" layer to the "Bubble" layer just like you did for the "Portrait" layer.
* Brush Tool: Select the Brush Tool. Set the foreground color to white.
* Highlight Placement: Use a small, soft-edged brush to paint highlights on the upper and side edges of the bubble. Think about where light would naturally reflect on a spherical surface. Lower the brush opacity (in the options bar at the top) to create subtle highlights.
* Shadows:
* Create another new layer above the "Highlights" layer. Name it "Shadows."
* Clipping Mask: Create a clipping mask for the "Shadows" layer to the "Bubble" layer.
* Set the foreground color to black.
* Use the Brush Tool with a soft edge and low opacity to paint shadows on the lower and opposite edges of the highlights. This will add depth and realism to the bubble.
* Experiment with the Blend Modes (Screen, Overlay, Multiply) and Opacity of both the "Highlights" and "Shadows" layers to fine-tune the effect. "Overlay" or "Soft Light" can work well for highlights, and "Multiply" for shadows.
9. Adding Bubble Reflection (Optional, but Enhances Realism):
* Find a suitable image that you want to reflect inside the bubble (e.g., a landscape, city skyline, or abstract texture).
* Open this image in Photoshop.
* Copy the image (`Edit > Copy`).
* Go back to your bubble portrait document.
* Create a new layer above the "Shadows" layer. Name it "Reflection."
* Paste: Paste the copied image (`Edit > Paste`).
* Clipping Mask: Create a clipping mask for the "Reflection" layer to the "Bubble" layer.
* Transform: Use `Ctrl+T` (or `Cmd+T`) to resize, rotate, and warp the reflection to fit inside the bubble and create a distorted, spherical reflection effect. Right-click inside the transformation box to access "Warp" mode, which lets you bend and shape the image more freely.
* Blend Mode and Opacity: Change the Blend Mode of the "Reflection" layer to something like "Screen" or "Overlay" and adjust the Opacity to blend the reflection subtly into the bubble.
10. Final Adjustments:
* Levels/Curves: Add a Levels or Curves adjustment layer (Layer > New Adjustment Layer) above all other layers to adjust the overall brightness and contrast of the image. This can help create a more cohesive look.
* Color Balance: Add a Color Balance adjustment layer to fine-tune the colors.
* Sharpening: If needed, sharpen the final image slightly (`Filter > Sharpen > Unsharp Mask`). Be careful not to over-sharpen, as it can introduce artifacts.
Tips and Considerations for CS3:
* Selection Refinement: Spend extra time on refining the selection of the face. Clean edges are key. The "Refine Edge" tool is your friend!
* Subtlety: The key to a realistic bubble effect is subtlety. Don't overdo the highlights, shadows, or reflections. Adjust the opacity of the layers to create a natural blend.
* Experimentation: Try different Blend Modes, Opacities, and adjustment layer settings to achieve the look you want. There's no single "right" way to do it.
* Practice: This technique requires practice. Don't be discouraged if your first attempt doesn't look perfect.
Example Layer Order (from bottom to top):
1. Background (Original image)
2. Bubble (White circle shape)
3. Portrait (Extracted face - clipped to Bubble)
4. Highlights (clipped to Bubble)
5. Shadows (clipped to Bubble)
6. Reflection (Optional - clipped to Bubble)
7. Levels/Curves Adjustment Layer
8. Color Balance Adjustment Layer
By following these steps and experimenting with the various tools and settings, you can create a compelling bubble portrait effect in Photoshop CS3. Good luck!