How to use Photoshop CS5 - Part 28: Create bubbles in the image

TipsMake.com - In the next tutorial on Photoshop theme, we will present the basic steps to create bubble images in photos with the familiar Brush tool.

First, we need to create a new document of size 600 x 600 px , 72 pixel / inch resolution , Background Contents mode White :

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 1

Select the Elliptical Marquee Tool from the Tool panel, or press the M button twice:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 2

Press and hold Shift + Alt (Windows) or Shift + Option (Mac) and start drawing from the middle, pulling it outward. We will have the first circle:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 3

Open the Layer menu and select New> Layer via Copy or press the shortcut Ctrl + J (Windows) / Command + J (Mac):

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 4

Photoshop will copy the content inside the selection to a new layer and name it Layer 1 , just above the original layer in the control panel:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 5

After that, click on the Layer Styles icon at the bottom:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 6

Select the Inner Glow part from the menu that displays:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 7

The window of Photoshop 's Layer Style control appears, change the Blend Mode from Screen to Multiply , converting the Inner Glow to Inner Shadow . Select the Color Swatch function under the Noise text and pick a black color. And finally, move the Size in the Elements section to about 40 px.

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 8

Do not rush to click OK and exit the Layer Style dialog box, because we still have work to do here. This is a temporary result of this process:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 9

Next, check the Gradient Overlay box (select directly into the text, not just the checkbox):

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 10

This process changes the middle column change in the Layer Style dialog box to Gradient Overlay . Here, please pay attention to the Gradient part and change it so that it looks like the picture below:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 11

Next, the Gradient Editor dialog box is displayed, we will select the Gradient section named Black , White as below. Then click OK:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 12

Return to the Layer Style dialog box , continue to change the Style from Linear to Radial :

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 13

And our results after taking the above steps will look like this:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 14

Still open the Layer Style panel, select the middle part of the circle and move to the upper left corner. Then click OK and close the Layer Style window :

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 15

Continue, select the New Layer icon to create a new layer:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 16

And use the Brush Tool:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 17

Select the Foreground parameter as black (or press D to change to the default selection), switch to Small, Soft - Edge round brush mode , and click the lower part of the circle to create another point as shown. below:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 18

Press and hold the Ctrl (Windows) or Command (Mac) key and directly select the Preview Thumbnail section of Layer 1, we will have the entire selection outside:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 19

Select the menu Filter> Distort> Pinch:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 20

The main control panel of the Pinch effect is displayed, changing the Amount to the bottom left:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 21

Click OK to apply the changes and close the window, then press Ctrl + F (Windows) or Command + F (Mac) 2 times to apply this effect 2 more times. Then press Ctrl + D (Windows) or Command + D (Mac) to remove the selection:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 22
Our interim results

When you have completed the basic part of the bubble image, save it as a Brush . Open the menu Edit> Define Brush Preset:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 23

The Brush Name dialog box is displayed, you name it Bubble and click OK:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 24

Next, open the photo we need to assign the bubble to. Example here:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 25

Click the New Layer icon at the bottom of the control panel to create a new layer above the background image:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 26

Select the Brush Tool from the Tool control bar, right-click (Windows) or Control + click (Mac) anywhere on the image to open the Brush Preset picker panel, select the last component in the list and press Enter ( Windows) or Return (Mac) to close this window:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 27

Continue, press F5 to open the Brush , which contains all the Brush Dynamics options that allow us to control the Brush action when drawing. Also in the open Brushes panel, click directly on the Shape Dynamics section :

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 28

Increase the Size Jitter parameter to 100%, do the same with the Roundness Jitter , and finally the Minimum Roundness to 25%:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 29

Continue, select the Scattering directly under Shape Dynamics , where you change the Scatter parameter to about 250% and close this window:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 30

So we have finished ¾ of the way, the rest is big for these bubbles. Make sure that the foreground color is changed to white (press X):

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 31

By default, the selected Brush tool is a bit too big, so press the [to change. Then select Layer 1 and start painting. If you are not satisfied with your product, press Ctrl + Z (Windows) / Command + Z (Mac) to go back to the previous step, or Ctrl + Alt + Z (Windows) / Command + Option + Z (Mac) to return to many steps.

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 32
Try to make it so natural

But at this step, our bubble image looks a bit too sharp compared to the water environment. To fix this problem, press Ctrl + J (Windows) / Command + J (Mac) to duplicate this bubble layer:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 33

After that, apply the Gaussian Blur effect via Filter> Blur menu :

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 34

The panel of Gaussian Blur displays, changing the value of the Radius to 8 :

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 35

Click OK, and the bubbles will look much more natural:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 36

To complete our work, create a new layer, and use a large size brush to add bubbles, which will make the viewer feel the panorama of the picture below. country:

How to use Photoshop CS5 - Part 28: Create bubbles in the image Picture 37

Good luck!