I. Preparation & Setup
1. Open your Portrait Image:
* Launch Photoshop CS3.
* Go to `File > Open` and choose the portrait image you want to use. A high-resolution image will generally yield better results.
* Important: The portrait should be clear and well-lit. A portrait with a clean background will also make the process easier, but it's not absolutely essential.
2. Duplicate the Base Layer:
* In the Layers panel (usually on the right side), right-click on the "Background" layer and select "Duplicate Layer." This creates a copy of your original image, which is crucial for non-destructive editing. Name this duplicate layer something like "Portrait Layer."
3. Create a New Background Layer (Optional but Recommended):
* Go to `Layer > New > Layer`. Name it "Background Color."
* Drag this new layer to the bottom of the Layers panel (below the "Portrait Layer").
* Fill this layer with a suitable background color. A light blue, gray, or a color that complements your portrait works well. You can do this by:
* Selecting the layer.
* Choosing a color in the Color Picker (bottom of the toolbox).
* Using the Paint Bucket Tool (G) to click on the layer.
* Alternately use the Gradient Tool (G) to create a gradient fill.
II. Isolating the Subject (Cutting out the Portrait)
This is a crucial step. You need to separate the subject from the original background. There are a few methods you can use, depending on the complexity of the background.
1. Magic Wand Tool (Quick & Easy, but less precise):
* Select the Magic Wand Tool (W) from the toolbox.
* Adjust the Tolerance in the options bar at the top. A lower tolerance selects only similar colors, while a higher tolerance selects a broader range. Experiment to find the right setting.
* Click on the background area.
* If the Magic Wand selects too much or too little, adjust the Tolerance and try again. You can use the `Shift` key to add to the selection and the `Alt` key (Option on Mac) to subtract from the selection.
* Once the background is mostly selected, go to `Select > Inverse`. This will select the subject instead of the background.
* Important: If the Magic Wand is selecting parts of your subject, try using a smaller tolerance, or try one of the other methods below.
2. Magnetic Lasso Tool (More Controlled):
* Select the Magnetic Lasso Tool (L) from the toolbox.
* Click and drag the tool around the edge of the subject. The tool will automatically "snap" to edges based on color contrast.
* For tricky areas (hair, etc.), you might need to click more frequently to guide the lasso.
* When you reach the starting point, click to close the selection.
3. Pen Tool (Most Precise, but takes practice):
* Select the Pen Tool (P) from the toolbox.
* Click to create anchor points around the edge of the subject. For curves, click and drag to create Bezier handles.
* This method takes practice, but it allows for the most precise and controlled selection.
* Once you've traced the entire subject, right-click inside the path and choose "Make Selection." Set the Feather Radius to 0 (or a small value like 0.5 for slightly softer edges).
4. Refine Edge (CS3 limitations, but worth a try)
* After making a selection with any of the above methods, try going to `Select > Refine Edge`. This tool is more basic in CS3 than later versions, but you can try adjusting the Smooth, Feather, and Contrast sliders to improve the selection edge, especially around hair.
5. Removing the Background:
* After you've made your selection (using any of the above methods), and refined the edge, make sure you have your "Portrait Layer" selected.
* Press the `Delete` key. This will delete the selected background, leaving only the subject on a transparent background.
* Go to `Select > Deselect` (or Ctrl+D / Cmd+D) to remove the selection.
III. Creating the Bubble Effect
1. Bubble Images/Brushes:
* Option 1 (Using Images): Find high-resolution images of bubbles. You can search for "bubble png" or "transparent bubble images." Save these to your computer.
* Option 2 (Using Brushes): Search online for "Photoshop bubble brushes." Download and install the brushes. (Double-click the .abr file or copy it to the Presets/Brushes folder in your Photoshop CS3 directory).
* Option 3 (Creating Bubbles from Scratch - More advanced): This is harder, but you can create bubbles using gradients and layer styles (see notes below). This method is beyond the scope of a basic guide, but search online for "Photoshop bubble tutorial" for more detailed instructions.
2. Adding the Bubbles:
* If using Images:
* Open one of the bubble images in Photoshop.
* Select the Move Tool (V).
* Drag the bubble image onto your portrait document. This will create a new layer for the bubble.
* Resize the bubble using `Edit > Transform > Scale` (hold `Shift` to constrain proportions).
* Position the bubble where you want it on the portrait.
* Repeat for other bubble images.
* If using Brushes:
* Create a new layer above your "Portrait Layer" (Layer > New > Layer). Name it "Bubbles."
* Select the Brush Tool (B).
* Choose one of the bubble brushes you installed.
* Adjust the brush size, opacity, and color in the options bar. A light, slightly desaturated blue or white works well for bubble highlights.
* Click on the image to "stamp" the bubbles. Vary the brush size and opacity for a more natural look.
* Create multiple "Bubble" layers, if needed, so you can modify individual bubbles without affecting others.
3. Bubble Layer Styles (Adding Depth): This is where the bubbles start to look more realistic.
* Select one of the bubble layers (either a layer with a single bubble image or a layer with brush strokes).
* Go to `Layer > Layer Style > Blending Options`. This opens the Layer Style dialog box.
* Key Layer Styles to use:
* Bevel & Emboss: This adds a 3D effect to the bubbles. Experiment with these settings:
* Style: Inner Bevel or Outer Bevel
* Technique: Smooth or Chisel Hard
* Depth: Adjust this to control the amount of 3D effect.
* Size: Controls the size of the bevel.
* Soften: Softens the bevel.
* Shading: Adjust the Angle and Altitude to control the direction of the light. Use Global Light if you want all bubbles to have consistent lighting. Adjust the Highlight Mode and Shadow Mode colors and Opacity to refine the look. White for Highlight and black for shadow generally works well.
* Inner Shadow: Adds a subtle shadow inside the bubble. Adjust:
* Blend Mode: Multiply is a good starting point.
* Color: Use a darker shade of the bubble's color.
* Opacity: Keep it low (e.g., 10-30%).
* Angle: Match the angle of the Bevel & Emboss lighting.
* Distance: A small distance creates a subtle shadow.
* Size: Controls the size/spread of the shadow.
* Outer Glow: Adds a soft glow around the bubble.
* Blend Mode: Screen or Overlay can work well.
* Opacity: Keep it very low (e.g., 5-15%).
* Color: Choose a light, slightly desaturated color.
* Size: Adjust to control the spread of the glow.
* Drop Shadow: Adds a shadow behind the bubble. This is optional and depends on the overall look you're going for. If using, keep the Opacity low and the Distance short.
* Apply these Layer Styles to each bubble layer, adjusting the settings individually to create variation and realism.
4. Bubble Placement and Scaling:
* Vary the size of the bubbles.
* Overlap bubbles to create a more natural cluster.
* Consider the perspective. Bubbles further away should be smaller.
* Avoid placing bubbles directly over the subject's eyes or important facial features unless you're doing it intentionally.
5. Blending Modes: Experiment with blending modes for the bubble layers. `Screen`, `Overlay`, `Soft Light`, and `Multiply` can produce interesting effects, but it will depend heavily on the base images you are using.
IV. Final Touches
1. Color Correction (Optional): You might want to adjust the overall colors of the portrait and bubbles to create a more cohesive look. Use adjustment layers (Layer > New Adjustment Layer) like:
* Curves: For adjusting overall brightness and contrast.
* Color Balance: For tweaking the color tones.
* Hue/Saturation: For adjusting the overall saturation of the image.
2. Sharpening (Optional): A slight sharpening can enhance the details. Go to `Filter > Sharpen > Unsharp Mask`. Use low settings to avoid over-sharpening.
3. Save Your Work:
* `File > Save As...` Save as a .PSD file to preserve the layers for future editing.
* `File > Save for Web & Devices...` Save as a .JPG or .PNG for sharing online.
Tips and Troubleshooting (Especially for CS3):
* Non-Destructive Editing: Always work on duplicate layers. This way, you can revert to the original image if you make a mistake.
* Layer Organization: Keep your Layers panel organized. Name your layers clearly (e.g., "Big Bubble 1," "Small Bubbles," "Portrait Layer"). This will make it much easier to edit your image later. Grouping similar layers helps too (Select Layers, Layer > Group Layers).
* Brush Settings: Experiment with brush settings like Size Jitter, Angle Jitter, and Scatter in the Brushes panel (Window > Brushes). This can create more natural-looking bubbles.
* Opacity: Use opacity to create a sense of depth. Bubbles in the foreground should be more opaque than bubbles in the background.
* Resolution: Start with a high-resolution image. This will give you more detail to work with and prevent the image from looking pixelated.
* CS3 Limitations: CS3 lacks some of the advanced features of newer Photoshop versions, such as more sophisticated Refine Edge tools. Be patient, and use the tools available to you to the best of your ability. You might need to spend more time on the initial selection.
* Practice: Creating realistic bubble effects takes practice. Don't be afraid to experiment with different techniques and settings. Watch video tutorials for more visual guidance.
Creating Bubbles from Scratch (Advanced - Requires More Effort):
Here's a very brief outline if you want to try creating bubbles from scratch using Photoshop's tools:
1. Create a Circle: Use the Elliptical Marquee Tool (M) to create a circular selection. Fill it with a solid color (e.g., light blue).
2. Add Gradients: Use the Gradient Tool (G) to add a radial gradient to the circle. This creates the basic shading of the bubble. Experiment with different gradient types and colors.
3. Add Highlights: Use a small, soft-edged brush with white to paint highlights on the bubble. Consider the direction of the light source.
4. Use Layer Styles: This is the most important part. Apply Bevel & Emboss, Inner Shadow, and Outer Glow to create the 3D and refractive effects. The settings will be similar to what I described above.
5. Add Reflections: Use a small, soft-edged brush with white to paint subtle reflections on the bubble's surface. Look at real bubbles for reference.
6. Transparency: Reduce the Opacity of the bubble layer to make it more translucent.
Good luck creating your bubble portrait! Take your time, experiment, and have fun.