I. Understanding the Concept and Preparing Your Image:
* The Goal: The core idea is to create a visual illusion of disintegration, fragmentation, or transformation into bubbles. This usually involves a portrait photo (high resolution is preferable) and some creative use of selections, blurring, and maybe some bubble texture overlays.
* Image Preparation:
* Choose a Good Portrait: Use a clear, well-lit photo. A headshot or portrait with a relatively plain background works best.
* Duplicate the Layer: Go to Layer > Duplicate Layer (or Ctrl+J / Cmd+J). This creates a safety copy you can always revert to.
* Convert to Smart Object (Optional, but Recommended): Right-click on your duplicated layer in the Layers panel and choose "Convert to Smart Object." This is *extremely useful* because it allows you to apply filters non-destructively (you can always edit or remove them later). It might not be available in CS3, if not, skip this step.
II. Method 1: Using Selection & Blur (Basic Technique)
This is a relatively simple approach. It's less about perfect bubbles and more about the overall disintegrating effect.
1. Make Selections: Use the Lasso Tool, Marquee Tools (Elliptical), or the Quick Selection Tool (more difficult in CS3, but worth trying) to select sections of the face or the area you want to "bubble." Think about how you want the effect to spread. Try to select circular or semi-circular shapes.
* *Feathering:* Before making the selection, set a small feather radius in the options bar (e.g., 3-5 pixels). This will soften the edges of your selections.
* *Add to Selection:* Hold Shift while selecting to add more areas.
* *Subtract from Selection:* Hold Alt/Option while selecting to remove areas.
2. Apply Blur:
* Go to Filter > Blur > Gaussian Blur.
* Adjust the Radius slider to blur the selected areas. Experiment to find a good balance. The amount of blur will determine how 'dispersed' the area looks. A smaller radius will just soften the edges, a larger one will make it look more bubble-like.
3. Repeat: Repeat steps 1 and 2 for different areas of the face/portrait, varying the selection sizes, blur radius, and locations. Overlap some selections to create a more organic, less blocky effect.
4. Masking (Optional): Add a Layer Mask to the layer (Layer > Layer Mask > Reveal All). Use a soft black brush to paint on the mask, subtly blending the blurred areas back into the original image. This helps to smooth the transitions.
III. Method 2: Using Texture Overlay & Displacement (More Realistic)
This method involves using a bubble texture image and the Displace filter (if available in CS3).
1. Find or Create a Bubble Texture: Search for a royalty-free bubble texture image online (e.g., "bubble texture seamless"). You can also create your own by photographing soapy water or a bubble wrap sheet. Save it as a separate file. Make sure the bubble texture is fairly high resolution.
2. Create a Displacement Map (PSD File): This is a crucial step. The Displace filter uses a grayscale image (the displacement map) to shift pixels around. A blurred version of your bubble texture works well.
* Open the bubble texture image in Photoshop.
* Go to Image > Mode > Grayscale.
* Apply a slight Gaussian Blur (Filter > Blur > Gaussian Blur). A radius of 2-5 pixels is a good starting point.
* Save the grayscale, blurred bubble texture as a PSD file (e.g., "bubble_displacement.psd").
3. Apply Displace Filter:
* Back in your portrait document, select the portrait layer you duplicated.
* Make a selection of the area you want to turn into bubbles (as described in Method 1). Feather the selection slightly.
* Go to Filter > Distort > Displace.
* A dialog box will appear. Set the "Horizontal Scale" and "Vertical Scale" values. Experiment with lower values first (e.g., 5-15). Higher values will create more extreme distortion. For "Displacement Map," choose "Stretch to Fit." For "Undefined Areas," choose "Repeat Edge Pixels."
* Click "OK." Photoshop will prompt you to select the displacement map PSD file you created. Choose "bubble_displacement.psd."
4. Overlay Bubble Texture:
* Open your original color bubble texture image in Photoshop.
* Select All (Ctrl+A / Cmd+A) and Copy (Ctrl+C / Cmd+C).
* Paste (Ctrl+V / Cmd+V) the bubble texture into your portrait document *above* the portrait layer.
* Create a Clipping Mask: Right-click on the bubble texture layer in the Layers panel and choose "Create Clipping Mask." This makes the texture only visible within the layer below (your portrait layer).
* Change the Blend Mode of the bubble texture layer. Experiment with "Screen," "Overlay," "Soft Light," or "Multiply" to see which blend mode gives you the best result. Adjust the Opacity of the layer to control the strength of the effect.
5. Refine with Masks and Blending: Use Layer Masks on both the displaced portrait layer and the bubble texture layer to fine-tune the effect. Use a soft brush to blend the edges, remove unwanted texture, or reveal more of the original portrait.
IV. Tips and Troubleshooting for Photoshop CS3:
* Non-Destructive Editing: Using Smart Objects (if available) for filters is *highly* recommended, even though it's optional. If you don't have Smart Objects, create duplicate layers before applying any filters, so you can revert if necessary.
* Selections: Mastering selections is key. Take your time and practice with the various selection tools. Zoom in for more accurate selections.
* Blur Radius: Experiment with different blur radius settings to achieve the desired look.
* Blending Modes: Blending modes are your friend! Experiment with different blending modes to see how they affect the interaction between layers.
* Opacity: Use the Opacity slider to control the overall intensity of the effects on each layer.
* Layer Order: The order of layers in the Layers panel is crucial. Make sure the bubble texture is above the portrait layer you're working on.
* Performance: CS3 can be slow with complex effects. Save your work frequently. Close unnecessary applications to free up memory.
* Displace Filter Availability: Double-check that the Displace filter is present in your CS3 version. It's located under Filter > Distort > Displace.
* Don't Overdo It: A subtle effect often looks better than an overly exaggerated one.
* Gradients: try adding gradients that go from black to transparent to the mask of the bubble texture. This would make the bubbles fade in and out naturally.
Example Layer Structure (Method 2):
* Top Layer: Bubble Texture (with Clipping Mask applied to the displaced portrait layer below)
* Middle Layer: Displaced Portrait Layer (with Selection and Displace filter applied)
* Bottom Layer: Original Portrait Layer (untouched)
Important Considerations:
* Complexity: This effect can be relatively complex, especially with the Displacement method. Don't get discouraged if it takes some practice to get the hang of it.
* Experimentation: The best results come from experimentation. Try different settings, techniques, and approaches until you find something that works well for your image and your desired style.
* Visual Style: Think about the overall mood and style you want to achieve. Do you want a subtle, realistic effect, or a more stylized and dramatic one?
By following these steps and experimenting with the techniques, you should be able to create a convincing and visually appealing bubble portrait effect in Photoshop CS3! Good luck!