I. Planning & Preparation:
1. Choose Your Image:
* Subject: Select a portrait with a clear face and defined features. The better the quality of the original image, the better the final result. Try to choose an image with even lighting.
* Pose: A slightly angled face or a portrait with some expression usually works better than a perfectly straight-on, emotionless shot.
* Resolution: A decent resolution is important. Too small and the bubbles will look pixelated. Aim for at least 1000 pixels wide if possible.
2. Consider the Bubble Style:
* Realistic Bubbles: This involves creating realistic reflections, highlights, and transparency. It's more time-consuming but can look very convincing.
* Stylized Bubbles: You can use simpler techniques to create bubble shapes with color and blending modes, which is faster and easier.
* Number of Bubbles: Decide how many bubbles you want in your portrait. A face covered in bubbles, or just a few strategically placed?
II. Photoshop Steps:
A. Setting Up Your Document and Base Image:
1. Open Your Image: In Photoshop CS3, go to `File > Open` and select your portrait.
2. Duplicate the Layer: Press `Ctrl+J` (Windows) or `Cmd+J` (Mac) to duplicate the background layer. This is non-destructive editing, so you can always revert to the original. Name the duplicate layer something like "Portrait."
B. Creating the Bubbles:
There are several ways to create the bubbles. I'll outline a common and effective method using layer styles and brushes:
1. Create a New Layer: Go to `Layer > New > Layer` and name it something like "Bubble_Base." Make sure it's *above* your "Portrait" layer.
2. Draw the Basic Bubble Shape (using the Elliptical Marquee Tool or a Round Brush):
* Elliptical Marquee Tool (Easier for Beginners):
* Select the `Elliptical Marquee Tool` (found under the Rectangular Marquee Tool - click and hold to see the options).
* Hold `Shift` while dragging to create a perfect circle (a bubble). Start the circle where you want one of your bubbles to be. Don't worry about its exact size yet.
* Fill the selection with a solid color (e.g., white) using `Edit > Fill` and choose `White` from the Contents dropdown. Or, press `Alt+Backspace` (Windows) or `Option+Delete` (Mac) if your foreground color is white.
* Deselect: `Select > Deselect` (or `Ctrl+D` / `Cmd+D`).
* Round Brush (More Control):
* Select the `Brush Tool` (B).
* Choose a hard, round brush.
* Set the foreground color to white.
* Click to create a single circular dot. Resize the brush using the `[` and `]` keys.
3. Apply Layer Styles (Key to the Bubble Effect): This is where the magic happens.
* Double-click on the "Bubble_Base" layer in the Layers panel to open the Layer Style dialog box.
* Bevel and Emboss:
* Style: Inner Bevel
* Technique: Smooth
* Depth: Adjust this to control the 3D effect. Start around 100% and tweak.
* Direction: Up or Down (experiment!)
* Size: Adjust for the bubble size (2-5 pixels is usually a good starting point).
* Soften: A small amount (0-2 pixels) can help.
* Shading:
* Angle: Around 120-135 degrees is typical, but experiment. This controls where the light appears to be coming from. Keep the angle consistent for all bubbles.
* Altitude: Adjust this to change the position of the highlight.
* Gloss Contour: Experiment with different contours (the default "Gaussian" is a good starting point). Try "Ring - Double" for a sharper highlight.
* Highlight Mode: Screen, Opacity around 75-80%
* Shadow Mode: Multiply, Opacity around 75%
* Inner Shadow: (This creates a darker edge on the inside of the bubble)
* Blend Mode: Multiply
* Color: A dark gray or black
* Opacity: Adjust to taste (start around 30-50%)
* Angle: Should be roughly opposite the Bevel and Emboss angle (e.g., if Bevel/Emboss is 120 degrees, Inner Shadow should be -60 or 240 degrees).
* Distance: Small (2-5 pixels).
* Choke: 0
* Size: Adjust to taste.
* Gradient Overlay (for subtle color and reflection):
* Blend Mode: Overlay or Screen (Experiment!)
* Gradient: Choose a subtle gradient that goes from white to a light color (e.g., light blue, light pink, light yellow) to white. You can create your own gradient in the Gradient Editor.
* Opacity: Reduce this to a very low value (5-15%) for a subtle effect. The goal is just a hint of color.
* Style: Radial
* Angle: 90
* Scale: Adjust to fit the bubble.
* Outer Glow (Optional): A very subtle outer glow can help separate the bubbles from the background.
* Blend Mode: Screen or Overlay
* Opacity: Very low (5-10%)
* Color: Light blue or white
* Size: Small (2-5 pixels)
* Range: 50
* Click OK to apply the layer styles.
4. Duplicate the Bubble Layer (for more bubbles): Right-click on the "Bubble_Base" layer and choose `Duplicate Layer`. Move the duplicated bubble to a different position on your portrait using the `Move Tool` (V). Repeat this as many times as needed. You can resize the bubbles to give them depth.
5. Vary the Bubbles:
* Size: Use `Edit > Transform > Scale` (or `Ctrl+T` / `Cmd+T`) to resize individual bubbles. Make some larger and some smaller.
* Rotation: Use `Edit > Transform > Rotate` to rotate some of the bubbles slightly.
* Position: Adjust the position of each bubble for a natural look.
* Opacity: Adjust the opacity of individual bubble layers to make some more subtle.
* Layer Styles: You can tweak the layer styles of individual bubbles to add more variation. For example, change the gradient color or the angle of the bevel.
C. Adding Depth and Realism:
1. Blur: Select a few of the bubble layers and go to `Filter > Blur > Gaussian Blur`. Apply a very small blur (0.5 to 1.5 pixels) to bubbles that are meant to be farther away. This simulates depth of field.
2. Clipping Masks (Optional, but helpful for placing bubbles *behind* parts of the face):
* If you want a bubble to appear *behind* the nose, for example:
* Make sure the bubble layer is *above* the "Portrait" layer.
* Position the bubble so it overlaps the nose.
* Hold `Alt` (Windows) or `Option` (Mac) and click between the bubble layer and the "Portrait" layer in the Layers panel. This creates a clipping mask. The bubble will now only be visible where the "Portrait" layer is visible.
* To be clear, this is helpful for making bubbles that appear behind the hair, behind the chin, etc.
3. Reflections (Optional): Adding subtle reflections from the surrounding environment can enhance the realism.
* Creating a Reflection Layer: Create a new layer above the bubble layers.
* Sampling Colors: Use the `Eyedropper Tool` (I) to sample colors from the background or the subject's clothing near the bubble.
* Painting Reflections: Use a soft, small brush to paint faint streaks or shapes inside the bubble that resemble the reflections. Use a low opacity (10-20%) for the brush.
* Blending Modes: Experiment with blending modes like `Screen` or `Overlay` on the reflection layer to blend the reflections with the bubble.
4. Shadows: To ground the bubbles, add subtle shadows where they touch the face.
* Create a new layer *below* the corresponding bubble layer.
* Use a soft, black brush with very low opacity (5-10%) to paint a tiny shadow where the bubble meets the skin.
* Use a `Multiply` blending mode.
D. Final Adjustments:
1. Color Correction: Use adjustment layers (e.g., Curves, Levels, Color Balance) to adjust the overall color and contrast of the image to make the bubbles blend in better.
2. Sharpening: A light sharpening can enhance the details. `Filter > Sharpen > Smart Sharpen`. Use it sparingly!
3. Save Your Work: Save your image as a PSD file to preserve the layers for future editing. Then, save a copy as a JPEG for sharing.
Important Tips for Photoshop CS3:
* Non-Destructive Editing: Always work on duplicate layers or use adjustment layers to avoid permanently altering your original image.
* Experiment: Don't be afraid to try different settings in the Layer Style dialog box. It's the key to getting the look you want.
* Patience: This process can take some time, especially if you're aiming for realistic-looking bubbles.
* Zoom In: Zoom in closely to refine the details of the bubbles.
* Blending Modes: Blending modes are your friend! Experiment with different blending modes on the bubble layers and adjustment layers.
Troubleshooting (Common Problems in CS3):
* Pixelation: If the bubbles look pixelated, make sure your initial image has a high enough resolution. Also, avoid scaling the bubbles up too much.
* Unrealistic Bubbles: Experiment with different layer style settings (especially Bevel and Emboss, Inner Shadow, and Gradient Overlay). Pay attention to the lighting angle.
* Bubbles Don't Blend In: Adjust the colors and contrast using adjustment layers. Consider adding subtle shadows to ground the bubbles.
Good luck! This is a fun project, and with a little practice, you can create some impressive bubble portraits.