Photohop Tutorial Link Awesome Colorful Bubble Effect

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...
http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
September 24, 2008 from
SPONSORED ADS
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.
photoshop tutorial
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.
1 de 22
09-05-2011 12:33
LATEST ARTICLES
May 09, 2011 by
We've seen some great gadgets and equipme for designers. So many cool stuff, that we cou actually assemble infinite perfect office space Every week we'll assemble a perfect office, an we'd like you to help
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.
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 b some of the Abduzeedo's writers and users. If you want to participate and share your graphi design inspiration,
May 08, 2011 by
Step 3
Select the ellipse and go to Edit>Define Brush. Name your brush and that's done. Now we have a new brush ;)
The wallpaper of this week is an image I created for a tutorial showing how to create a 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
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 b some of the Abduzeedo's writers and users. If you want to participate and share your graphi design inspiration,
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.
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
TUTORIAL OF THE WEEK
USER-NEWS
May 05, 2011 by May 05, 2011 by
Landscapers and Landscaping In San Francisco, Marin County, Peninsula ICDI Innovative Construction and
Get a 1 Year Membership to TemplateBox - only $35 - MightyDea TemplatesBox has been providing
May 05, 2011 by
May 05, 2011 by
The Art Of MelloLover (Cosmic Spectrum) Cosmic*Spectrum (or Cos) is a freelance illustrator who specializes in 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.
24 Ways To Promote Your WordPre Blog This post covers all the major aspects right from
May 05, 2011 by May 05, 2011 by
20 Photoshop Icon Design Tutorials This tutorial roundup features 20 tutorials which will help you in
35 Cool Print Advertisements Print advertisement is one of the oldest fo of advertisement. Print advertisement
RANDOM INSPIRATION
21 de 22
09-05-2011 12:33
ABDUZEEDO'S TAGS
ICON ADS WALL
DOWNLOAD THE IPHONE APP
SUPPORT CREATIVITY
FLICKR GROUP
Participate! Join the
Abduzeedo by license may be available at
is licensed under a . Permissions beyond the scope of this .
22 de 22
09-05-2011 12:33

Photohop Tutorial Link Awesome Colorful Bubble Effect

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Photohop Tutorial Link Awesome Colorful Bubble Effect

Hochgeladen von

Copyright:

Verfügbare Formate

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

September 24, 2008 from

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

May 09, 2011 by

May 09, 2011 by

May 08, 2011 by

May 08, 2011 by

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

May 07, 2011 by

May 06, 2011 by

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Click on the image for a full preview

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Download the Photoshop File

About the author

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

Add New Comment

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

TUTORIAL OF THE WEEK

May 05, 2011 by May 05, 2011 by

May 05, 2011 by

May 05, 2011 by

May 05, 2011 by May 05, 2011 by

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig...

ICON ADS WALL

DOWNLOAD THE IPHONE APP

Participate! Join the

Abduzeedo by license may be available at

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

Das könnte Ihnen auch gefallen