Bokeh Light Bubbles Effect Photoshop Tutorial - iCanBeCREATIVE

bokeh-light-bubblesphotoshop-tutorial

This will include blending colours using hue and saturation and creating a really cool custom brush.

Create a new document in Photoshop with 1920×1200 pixels screen resolution . Fill the background layer with a very dark grey, not black. If you fill it with black the effect wont work. The color I used was #151515

background-color

Select the Ellipse Tool (U), and create a circle. Use black for the color, and go to Layer>Layer Style>Blending Options. Change the Fill Opacity to 50%. After that select Stroke. Use 10 pixels for the size, Inside for the Position and Black for the color.

circle-brush

layer-style

Select the ellipse and go to Edit>Define Brush. Name your brush and thats done. Now we have a new brush.

edit-brush

Go to Window>Brushes (F5). The first thing to do in the Brush Engine is to select our new Brush. The size wont matter because you will change that when you use it. The Spacing, however, is very important. Chage the value to 100%. After that, select the Shape Dynamics, then Scattering and Other dynamics. For the values use the image below.

brush-export

Before we start painting our bubbles lets create a new layer and fill it with a colorful gradient. I created a new layer and used the layer styles to do that but feel free to do the way you are used to.

Layer > Layer Style>Blending Options

My gradient settings are as follows: Blend Mode is Overlay, Opacity is 100%, Style is Linear, and the Angle is 40º.

The colors I used are: Blue (#0D283E), Pink (#801258).

overlay-options

background

Lets create a new Folder in our Layer Palette. Rename the folder to Bubbles and change the Blend Mode to Color Dodge. Then create a new layer, choose white for the color and select the Brush Tool (B). Now just paint some ellipses with our custom brush. For this first layer use a big size, like 500-600px.

big

Go to Filter>Blur>Gaussian Blur. For this first layer use 20 pixels for the Radius.

big-blur

Create another layer and paint more brushes. This time however use a smaller size for the brush. After that go to Filter>Blur>Gaussian Blur. Use 4 pixels for the Radius.

medium

Create another layer and repeat the previous step, this time however use a much smaller brush. Apply the Gaussian Blur to this layer as well, but use only 1 pixel for the Radius.

final

Now just add your logo and thats it. We have a nice wallpaper. The idea of this tutorial was once again to show the power of the Brush Engine. You can try different shapes for this same effect, like hexagons for example. Also you can play a bit with the blurs to add more depth to the final design. Now its up to you.

bokeh-final-sample

Create another layer and change the blending option like in the picture below. The code of the Blue color is: #7991f3

Layer > Layer Style > Blending Options > Outer Glow

logo-layer

Select the Brush tool and change the bubble color to #cce5fd

Be creative and fearless to do a complete mess with the shape, in my experience, the messier the better. I hope this tutorial helped you. If so, please let us know more about your artworks and drawings based on this tutorial on the comments. Thank you!

logo-432q532

Download Wallpaper Pack

bokeh-deviantart

Download the Photoshop .psd File

download-psd

Creating stunning light effects from your photos with this easy to use action!
Every time you run the action you will get a different result, even if you use the same brushed area! You then have full layer control, so if there is a sparkle you dont want then simply hide the layer, or you can even duplicate layers to build more sparkles.

creative-photoshop-effect

make-photoshop-effects


Previous
Next Post »