photohop tutorial link awesome colorful bubble effect

photoshop

tutorial

Our last Wallpaper of the Week was an image I had created using

Pixelmator, and I really liked the outcome. The best part about it

was that it was pretty easy to accomplish in Pixelmator, but I

decided for perspective's sake to create the same effect in

Photoshop. The process is easy as well, but with a few extra steps.

As in the previous tutorial, I will show you how to create a digital bokeh effect, but this time in Photoshop. The

process is very easy and we will be using the super powerful Brush Engine, one of the coolest things in

Photoshop.

Step 1

Create a new document in Photoshop. As usual I will use a nice scree resolution, 1920x1200 pixels. Fill the

background layer with a very dark grey, not black. If you fill it with black the effect won't work. The color I used

was #262626.

September 24, 2008 from SPONSORED ADS

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop

1 de 22 09-05-2011 12:33

Step 2

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.

Step 3

Select the ellipse and go to Edit>Define Brush. Name your brush and that's done. Now we have a new brush ;)

LATEST ARTICLES

May 09, 2011 by

We've seen some great gadgets and equipment

for designers. So many cool stuff, that we could

actually assemble infinite perfect office spaces!

Every week we'll assemble a perfect office, and

we'd like you to help

May 09, 2011 by

One of the best things about clients is that

they're always surprising us with some random

and misterious pitch works. One of my last

briefings was to create a fluffy character , but

since I

May 08, 2011 by

This post is part of our daily series of posts

showing the most inspiring images selected by

some of the Abduzeedo's writers and users. If

you want to participate and share your graphic

design inspiration,

May 08, 2011 by

The wallpaper of this week is an image I

created for a tutorial showing how to create an

icon in Photoshop with some metal and light

effects. I've been using this wallpaper for over

two


2 de 22 09-05-2011 12:33

Step 4

Go to Window>Brushes (F5). The first thing to do in the Brush Engine is to select our new Brush. The size

won't 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.

May 07, 2011 by

It's time for our best news of this week. We

have a lot of graphic and web design, a bit of

architecture, ads, tech news, awesome reads

and other crazy stuff! So take a look

May 06, 2011 by

This post is part of our daily series of posts

showing the most inspiring images selected by

some of the Abduzeedo's writers and users. If

you want to participate and share your graphic

design inspiration,


3 de 22 09-05-2011 12:33

Step 5

Before we start painting our bokehs let's 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. My gradient settings are

as follows: Blend Mode is Overlay, Opacity is 100%, Style is Linear, and the Angle is 45º. The colors I

used are: Yellow (#00085), Cyan (#1bdaeb), Purple (#9b3b81), Orange (#d27e34).


4 de 22 09-05-2011 12:33

Step 6

Let's create a new Folder in our Layer Palette. Rename the folder to Bokehs 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.

Step 7

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


5 de 22 09-05-2011 12:33

Step 8

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.

Step 9

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.


6 de 22 09-05-2011 12:33

Conclusion

Now just add your logo and that's 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 it's up to you.

Click on the image for a full preview

Video Tutorial

Below there is a quick video version illustrating the whole tutorial.


7 de 22 09-05-2011 12:33

from on .

Download the Photoshop File

Editor:

Text Ad:If you are looking for great success in services then join today our useful resources like

and to explore unmatched exam ideas.

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also

you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop

Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at

96

Showing 69 comments

Sort by Oldest first


8 de 22 09-05-2011 12:33


9 de 22 09-05-2011 12:33


10 de 22 09-05-2011 12:33


11 de 22 09-05-2011 12:33


12 de 22 09-05-2011 12:33


13 de 22 09-05-2011 12:33


14 de 22 09-05-2011 12:33


15 de 22 09-05-2011 12:33


16 de 22 09-05-2011 12:33


17 de 22 09-05-2011 12:33


18 de 22 09-05-2011 12:33


19 de 22 09-05-2011 12:33

Add New Comment

Optional: Login below.


20 de 22 09-05-2011 12:33

RANDOM INSPIRATION

TUTORIAL OF THE WEEK

One of the best things about clients is

that they're always surprising us with

some random and misterious pitch

works. One of my last briefings was to

create a fluffy character , but since I

always made illustrations more realistic

and fantasious, this was quite a

challenge for me. As some of you may

have thought, I tought that creating a

fluffy characters would be as easy as

drawing an apple, but I was wrong and

on this tutorial I will explain the reasons

why.

May 05, 2011 by

Landscapers and Landscaping In San

Francisco, Marin County, Peninsula

ICDI Innovative Construction and

May 05, 2011 by

Get a 1 Year Membership to

TemplateBox - only $35 - MightyDeals

TemplatesBox has been providingB

May 05, 2011 by

The Art Of MelloLover (Cosmic

Spectrum) Cosmic*Spectrum (or Cos)

is a freelance illustrator who

specializes inB

May 05, 2011 by

24 Ways To Promote Your WordPress

Blog This post covers all the major

aspects right fromB

May 05, 2011 by

20 Photoshop Icon Design Tutorials

This tutorial roundup features 20

tutorials which will help you inB

May 05, 2011 by

35 Cool Print Advertisements Print

advertisement is one of the oldest form

of advertisement. Print

advertisementB

USER-NEWS


21 de 22 09-05-2011 12:33

ICON ADS WALL

DOWNLOAD THE IPHONE APP

SUPPORT CREATIVITY

Abduzeedo by is licensed under a . Permissions beyond the scope of this

license may be available at .

FLICKR GROUP

Participate! Join the

ABDUZEEDO'S TAGS


22 de 22 09-05-2011 12:33

photohop tutorial link awesome colorful bubble effect

Documents