Great effect!!
Thanks for the tutorial, Fabio.

nice work! it's been a while since you've posted a tut!

@daniel actually Im posting tutorials every week, but the last 2 weeks I wrote Pixelmator tutorials only :)

Thanks for the comments.

Great tutorial guys, this blog gets updated so much that it is ridiculous.

Gr8!
Many thanks for new awesome wallpeper on my laptop :D

Is there an chance you could show the pixelmator tutorial as well? You say it's been posted but I can't find it...

it's so cool fabio.. thanx

http://www.giackop.com

Very nice effect+tutorial! I tryed to download it but the file in the .zip archive does not have an extension, i tryed to change it to .psd but id doens't work. Do i have a problem or is the archive?
Thank You,
Luciano

Great tutorial Fabio! I've always looked for a cool way to do this in Photoshop. Great video too by the way!

www.colorburned.com
-----------------------

Simple and effective design. The blurred background really pulls it together.

this is AWESOME !
Great tutorial !!
thanks .

this is so cool..i'll try it ;)

"..dont stop till you get enough..."

www.abduzeedo.com

I liked the way photoshop let you configure a brush nowadays.

I will make something like that in Picture to People when I have time.

----------------------------------------------
http://picturetopeople.blogspot.com
Get Inside Computer Graphics

Awesome, indeed! Here's my result: http://flickr.com/photos/jakhris/2884806635/

Cheers,
Chris - http://flickr.com/photos/jakhris/

The image made with pixelmator looks better. To get the photoshop image more looking like that and not so flat, add a adjustment layer 'curves' and bring the darks more to the right.

Awsome, great tutorial! Simple and beauty.

Simple yet effective.

Awesome.

thats great

love to see your creative abstract ideas fabio. Good job!
Flickr Photostream

Thank you for such awesome tutorials. You are amazingly inspirational. See the wallpaper I did with this tutorial: http://www.flickr.com/photos/heyjohnnyb/2890406554/

=)

sweeeet !!
http://www.col-sea.com/vb/uploaded/4676_1222657068.jpg

how is that ?:P :P

thanks . !

My stroke doesn't show up because it's just as transparent as the rest. Has anyone else had this problem? Do you know how to fix it?

http://moukadesign.altervista.org/tutorial-photoshop-creare-leffetto-bokeh/

=)

Melody
Go to Blending Options >> (Fill) and make it 50% after that make the stroke .

best of luck .

Great Tutorial! Thanks the PSD!

Great Tutorial! Thanks the PSD!

Awesome tutorial....Here's wat i got:
http://www.flickr.com/photos/mr_whizard/2907258456/in/pool-abduzeedo

Really love it! I already made a wallpaper for my blog :)

I took it a step further; animation! http://www.vimeo.com/1896955

Hi I'm a beginner at using photoshop... In this tutorial i have a problem, I can't do the step Edit>Define Brush... can tell me why? and what did i do wrong?

Wow Fabio, that's awesome and my new wallpaper. Very nice tutorial for photoshop padawans...

very nice effect! great tutorial! i will make a try ;)

Great tutorial! Just used it to create image background for a website I am working on.
By the way, your color code for yellow is not correct.

Ashley try ctrl and left clicking on the layer thumbnail to highlight the object you are going to make a brush. Then go to edit>define brush.

I created my object (actually used a fleur de leis) filled with black..went to layer style...dropped the advanced blending to %50, stroked with 5px instead of 10px with black. Then after you hit ok...ctrl left click the layer thumbnail to make the selection of your object to define as a brush.

Also, would recommend adding a curves layer on top of all the other layers to darken your image a wee bit. I used left control 0 for output and 25 for input and right control 230 for output and 255 for input. The use of the curves layer is dependent on your colors for the gradient. Hope this helps....

AA

Great tutorial... Very simple yet effective...

Thanks for sharing

Owain

www.icomcreative.com

cool one, thx for sharing

Hello.
Thank you for a great and inspiring site.

Question: What grey-color did you use on the background? I cant seem to get the circles to glow like in the tutorial so Im wondering that it might be that Ive got the wrong grey color from the start.

Great tutorial, heres my results.

Wallpaper - 1900x1200
http://grahamphisher.com/wallpaper/bubbles.jpg

I solved the problem with the grey color so no need to write a response.

Simple and nice. Love it!
Thanks ;)

Thank You very nice topic

Ask forgiveness for my pessimism ENGLISH!
I would have to ask one thing! The tutorial "Awesome digital Bokeh effect in Photoshop" I was unclear from the phase 4 to phase 7 there is something wrong, let me explain why I can not get your same effect? the circles that overlap does not have the brilliance of your own! a person has published his work my result is the same .... very different from your! I serve you can help me a lot!

thanks and good job
chris

Thanks abduzeedo,this is my result..

original size
http://i294.photobucket.com/albums/mm117/starlight_hafidz/awesomebokeh.jpg

thanx 4 the lovely tutorial..

lulla

mine doesn't glow =(, does anybody know why?

otherwise, insanely awesome, tahnkyou!

Makes my myspace look dreamy =D

http://nl.myspace.com/hoettienouw

Does this work on any version of Photoshop?

i cant do the define brush thing.

dude thats awsesome thankst

hey kaize.
? had the exact same problem coz I use ps7 :S
I covert the circular shape to a layer I maen I restarized the shape layer and tried again to define brush..and it worked for me..

When I apply the brush I get a grayscale effect. Also, the gradient layer seems too dark compared to yours. Any help would be great.

Thanks for the Tutorial

Forget it I figured it out I had me layers stacked wrong =)

I'm having issues and my bokeh's are looking rather DULL. Any ideas what I've done wrong??

http://2.bp.blogspot.com/_Nphj2lBSE1s/SQjxZxP0H9I/AAAAAAAAAOE/1EGDnPYH0Q...

Nice tutorial, although I got the same problem as TommyZidane.

All the bubbles turn grey.

Any ideas somebody?

Hey , This is a great tutorial , but when i got to step 3 it wouldn't let me click define brush preset on the edit menu
anybody know why?

Stupid questions.. when it says to "Let's create a new Folder in our Layer Palette.".. what does that mean? what is a folder?

very nice tutorial, I've only got one question, does anyone know why applying color dodge to a layer doesn't give the same results as it does when you apply it to a folder as in step 6? Thank you!

Kayla, he means create a 'group' to hold the layers for the Large, medium, and small brush strokes.

Thanks guys this was my result:

when i make the first circle shape, ps wont let me define it as a brush, any one have any ideas???

i`m a beginner but i start to feel like i`m stupid :)
i just can`t get this thing done. :(
and i like the efect so much ...
i will try over and over again tho`
thank you very much Abduzeedo, for me at least, u ROCK !

awsome, ecxellent, thanks...again and again, bye!

Great tutorial but im having a problem. When i brush over the gradient they come out grey and i don't get any of the colour coming through them. Could anybody point me to what im doing wrong?

Hey! Thanks for the tutorial! It looks great! sad I can't get it to work... I have the same prolem many people commented here, my circles don't glow...

When I paint with the brush I just created I get a flat 50% transparent circle without the solid border... maybe it's because my photoshop version? (CS3) anyone can help?

Thanks again!

Very nice work fabio, I like this one a lot.. thank you for sharing.

Excellent effect. I made a wallpaper out of it and absolutely love it. Thanks for the amazing tutorials you have here!

My result is here: http://munkybizness.wordpress.com/2008/11/18/moment-stopped/

Wwooow!! Really good and easy effect. Thanks for sharing. Good Luck

I think the problem people are having is this:

Pay attention to EXACTLY what he's saying. Don't skip a step and copy his steps word-for-word if you want to get it right.

But the major thing is this:

Create the ellipse on a new layer. In the blending options, change the FILL opacity to 50%. Not the opacity, the FILL opacity. It's right under the normal opacity.

Hopefully that should fix it.

Damm.. this is a really good tutorial, but i wasnt able to get the brush visible and it was for a silly stup..d reason!! had black as top colour!! HATE WHEN THAT KIND OF THINGS HAPPEN!!!

In order to define a new brush preset: Make sure the color of the ellipse is C0, M0, Y0, K100.

hey guys i have one question why is the gradient in step 5 not smooth. I dont get it why there are lines. Or its a problem with my pc or something? ;/

Thank you for a great wallpaper, it looks great on my laptop. I will try my hand at the tutorial and see how my one turns out lol lol. Thanks again

Awesome tut dude :-) thnks, here is my initial "test" with it: http://www.jscott.com.br/uxlab

txs

Hey do you think you can put the brushes online so i can download them cause im using photoshop elements6 and i cant do all of the crazy brush thingys thanx!

Thanks great tutorial and super site!
Here's my result, change it a little bit and the FX tutorial for the dots came in handy :-)

http://www.flickr.com/photos/doxi/3095915639/

Great tutorial and website love it! I be hanging around some more here :-)

Here is my result:
http://www.flickr.com/photos/doxi/3095915639/

That's actually horrid bokeh if you think it as a photographer. The outline shouldn't be there / should not be that visible.

The answer to eveyone's problem is in Step 1:

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.

This is fantastic! While experimenting, I came up with another way to do this that adds some other possibilities. Create a black background. Create your brush. Create a new layer with your gradient, apply a black mask. Using your brush with white, apply your design on the mask. Blur as appropriate. Copy your gradient to another layer, apply black mask again, brush on design on the mask, blur as needed. Copy gradient to a new layer, apply black mask...etc..

You can apply the gradient in different directions in this fashion, too. I would have never thought of this without your AWESOME tutorials. Thank you!

The yellow is #ffff85 not #000085 (which is a medium blue). Nice tut. Thanks!

Wow, this is neat! I'll give it a try.
Thanks for the post.

Nice work ,great collection. Thanks for the share.

Thank you! Pretty cool effect! Here's my first attempt:
http://img.photobucket.com/albums/v457/netfool/sublime.jpg

I've since improved on it quite a bit.

Made my own (fake) graphic design software with it:

http://l4dgg.com/files/79911230347323Sublime-Software-3.jpg

excelente el efecto q se logra
me gusto mucho ya lo voy q estar practicando
para ver q me sale
saludo desde Argentina

Great one, This is really very nice idea and design.

MY PORTFOLIO
WWW.CORNEROFART.COM

Great tutorial, thanks very much! :)

my attempt:

http://farm4.static.flickr.com/3477/3201733748_0c76d4a735.jpg

man that was great.............
I am s great fan of yours and have read almost every tutorial posted by u..
Here and on PSDTUTS.
Is there a way through which i can submit my wallpaper to you....
Want to know more about your wallpaper of the week stuff....
I hav lots of them..............
Again thanks for nice tut........:)

love it! thanks fabio!

here is my attempt: http://www.flickr.com/photos/27885247@N02/3207176928/

here's what i come up with =D

love this tutorial :)
here is my first attempt.

sorry i forgot the link.. uppsi
http://i41.tinypic.com/2mq8f4g.jpg

HEY! You forgot to tell you had to pixelize the shape before saving it as a brush! Almost made me pull my hair out cuz I didn't get the same result.

Also, why is the effect different when you change the blending mode on the layer group and on the layer itself?

But thanx for this nice tut n e ways

Hey !!
I reached step 6 and i am a beginner. I don't know how to create a new layer and choose white for the color.Please help me.

Thanks

Looks awesome...more like this please!
----

I Cant Do it T.T In The Second Step 2 Say

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.

Werr Should I Use The Black Color?

And Why The Stroke Dont Work I Mean It Works But Not Like In The Picture Only Around The Imagen I Dont Understand...

Is So Annoying

great tut fabio

Great tutorial! I used the result in my music site design!
www.kylesebestyen.net

I love these!

I applied them to my digital polaroids to create the vintage sunlit effect.

Thanks

Oh and I added a Tweet about the awesomeness of course ;)

http://twitter.com/entropiads

Nice work!
I tried it out and it was pretty good, but when I went to download yours for a comparison of techniques it opens the sample psd file as a file with no extension, and when i change it to a psd it fails to load :S
Perhaps a difference between Mac and Windows?
:s

Anyway, awesome tut!

Featured here: http://www.presidiacreative.com/10-amazing-effects-from-abduzeedo/

I LOVE IT FABIO!;)THANK YOU SO MUCH!U HAVE A GREAT ONE!

Great tutorial!
I've added it to the tutorial directory at http://www.TutorialMagazine.com. Contact me at jorgen [at] tutorialmagazine.com if you want your new tutorials to show up there automatically :D

Jørgen
- editor of http://www.TutorialMagazine.com

So i get an email from Shutterstock. The header image made me remember this tutorial. So follow this link and check out this bokeh effect you can buy: http://www.shutterstock.com/pic-22116535-abstract-glowing-circles-on-a-c...

So basically the person went on here did the tutorial, and then sells the design on Shutterstock. Amazing. Where are the ethics?

nice...!!!

Tu é o cara nisso aí. abraço.

estou fanzendo teus tutoriais.

this is my design for this tutorial

http://www.cornerofart.com/images/webdesign/big/under_water_by_animation...

this is my gallery
http://www.cornerofart.com/gallery2.html

GreaT Job

WoW

this is mine ;)

http://www.mltzm.com/vb/uploaded/1_pixel.jpg

check it

thanks Fabio

Great tutorial, I liked a lot it's simplicity.

Ho hoo, nice one!!!

Excellent tutorial. I love the simplicity and uniqueness of this one, plus the effect can be used in a variety of ways, which is great. Thanks for sharing this tutorial, keep up the good work!

Valeu, tuto muito genial, obrigado brother

wow.. i love it ..

that's cool
TKS For this tutorial

will use it for my site
http://fashion4us.com
http://fashionblast.com

thanks will use it for my website:


http://askmeflash.com

Thank you for the tutorial.. here is what i've made.... I'm still a beginner so i hope you'll appreciate it ^___^ im very happy at my results this is a great tutorial

Okay I have to say that like some of you I was lost between step one and two. However, my thanks to those of you who spelled it out a little clearer.
To those who posted here... Awesome stuff!

And thanks again Fabio!

Just want to say i`m glad i found this site.
I am from Comoros and too bad know English, please tell me right I wrote the following sentence: "Contact information cami automotiveRead the manufacturing blog and find the latest automotive news at avtovaz, maker of lada cars in russia runs out of money."

Regards ;) Artemis.

I love this tutorial! Thank you, Fabio!

Thank you so much for this tutorial.

I did have some problems with it and had to go back and retry a bunch of times and finally got it, but my result is way different from everybody else's!

My question for you is at Step 5. You show the gradient you used, but in the example, it is very dark when applied to the page. You can barely see the difference between the colors until the circles are applied. Why does your gradient look so dark when applied to your background?

Yours is gorgeous, but I think mine is way too bright.
I played around with it a lot. Here are my results:

http://www.flickr.com/photos/gemznbeadz/sets/72157618392644616/

I love this tutorial! Thank you.

Great tutorial, I liked a lot it's simplicity.

Great tutorial, i gonna try it by myself i just wanna ask one thing...
What font you have used on your name?

Vou ficar por cá vendo outros tutorials bom site cara :)

Awesome Tutorial, Looks Amazing!

http://www.nyzux.net

The color at step 5 is wrong , Yellow is not #00085 , it's blue. anyway, very fanstactic! thanks for sharing, it's not a big deal , isn' tit- just the color! very awesome! great job man!

Can I make this in illustrator/coreldraw?

Thanks!
~ j

really amazing and Artistic touch
but really iv been stuck in doing step 6
especially
"Let's create a new Folder in our Layer Palette"

plz could u guide me becuae im sort of a begginer
and thank u so much for this effort and amazing lesson

Im stuck.when i apply the brush , the colour is still white, i changed the blend mode to colour dodge but still not working.

I love your thoughts! I normally dont even bother to leave comments, but I wanted to let you know that you hit the nail on the head!
YOCO Wholesale Korean Fashion is one of chinese leading Wholesale Clothing distributors of women's clothing and Korean fashion Wholesale bring you stable quality at wholesale prices.

I love this tutorial, Thanks for sharing.

wholesaleclothing4u.com Online Wholesale Korean Clothing, Japanese Fashion Clothes Wholesale, Cheapest Ladies' Dresses Wholesale, Discount Asian Clothes Wholesale.

hi, i'm having alot of trouble with this tutorial, can anyone help? i cant seem to get the brush preset, i tryed everything. I was also wondering if you put the eclipse in a different layer as the background, i have been doing that but am having trouble filling the eclipse, how do you do that, without interfering with the background? thanks

Hey! Thanks very much for the tut, its briliant, will experiment with it a bit ! :D
thanks a again abduzeedo

I love your thoughts! I normally dont even bother to leave comments, but I wanted to let you know that you hit the nail on the head!
YATA [url=www.yatafashion.com]Wholesale Korean Fashion[/url] is one of chinese leading [url=www.yatafashion.com]Wholesale Clothing[/url] distributors of women's clothing and [url=www.yatafashion.com]Korean fashion[/url] Wholesale bring you stable quality at wholesale prices.

Yatafashion.com Wholesale Korean Fashion is one of chinese leading Wholesale Clothing distributors of women's clothing and Korean Fashion Wholesale bring you stable quality at wholesale prices.

Wow, great tutorial! I know it's over a year old, but it still holds. Great work, and thanks!

For those of you whom circles turn grey, you must know that the gradient layer has to be at the botton of the layer list! Under the group folder you create for the dots. :) hope that solved your problem.
P.S. thanks for the tut.

Excelent!

some cool results put up I see... I really like the effect of this one... great tutorial!
-------------
-abney317
-My GFX Site: http://InfinityStyle.com

Great post!!! Thanks!!!

Nice!

Thanks, I learned it.

Alright - I've tried this a kajillion times and I still can't get it to work. I'm not new to photoshop and yet... every time I use my brush to paint the circles, they ALL come out white.
If I paint them right onto the layer with the gradient (which I know, you're not supposed to) it works, but they don't have the vibrant border.
Any help would be extremely appreciated.
And yes, my background is gray.

Thank you for a great wallpaper, it looks great on my laptop. I will try my hand at the tutorial and see how my one turns out lol lol. Thanks again

LOL, very funny how you put Micheal Jackson's song in your video. Very nice tuto anyways, hope to see more like these.

Nice tuts. Very cool effect. Thanks!

Very nice effect+tutorial! I tryed to download it but the file in the .zip archive does not have an extension, i tryed to change it to .psd but id doens't work. Do i have a problem or is the archive?

this is so cool, one tutorial but you can see so many different results people posted here

dude thats awsesome thankst

Great tutorial for an awesome look ... many thanks!

thanks u so much !!!
very amazing !!

love this tutorial :)
here is my first attempt.

Superb tutorial, I have used the design for a CD cover! Thank you for such excellent tutorials. Corey.

http://img97.imageshack.us/i/coreyfall2009front.jpg/
http://img136.imageshack.us/i/coreyfall2009back.jpg/
http://img403.imageshack.us/i/coreyfall2009label.jpg/

If somebody want, I've made this in illustrator, but it's a bit different Here's the *.ai file: http://www.filefactory.com/file/a0h1118/n/adbuzeedo_bokenEffects_ai

hey mateee :P mint siteeeeeeeeeeeee ;) wit woooo

WOW . IT;S AMAZING. always surprized. u. Thank you

Great tutorial for an awesome look~Very cool effect. Thanks!

You should seriously consider removing those ads on the side, or changing them to text ads. You have great content, but those ads are extremely distracting and take away from the sleek look of your site.

I love these!

I applied them to my digital polaroids to create the vintage sunlit effect.

Thanks

Oh and I added a Tweet about the awesomeness of course ;)