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

In the next tutorial on Photoshop, we will show you the basic steps to create a bubble image in a photo using the familiar Brush tool.

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 :

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

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

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

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:

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

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

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

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:

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

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

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

Select the Inner Glow part from the menu that displays:

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

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.

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

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:

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

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

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

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:

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

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

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

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

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

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

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

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 :

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

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

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

And use the Brush Tool:

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

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:

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


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:

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

Select the menu Filter> Distort> Pinch:

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

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

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

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:

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

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:

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

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

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

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

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

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

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

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:

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

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 :

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

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

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

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

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

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):

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

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.

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

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:

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

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

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

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

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

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

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

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:

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

Good luck!

Update 25 May 2019
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile