Photohop Tutorial Link Awesome Colorful Bubble Effect
-
Upload
spigo-thehappyend -
Category
Documents
-
view
84 -
download
6
Transcript of 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
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
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,
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
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).
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
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.
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
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.
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
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.
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
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
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
8 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
9 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
10 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
11 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
12 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
13 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
14 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
15 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
16 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
17 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
18 de 22 09-05-2011 12:33
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
19 de 22 09-05-2011 12:33
Add New Comment
Optional: Login below.
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
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
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
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
Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Desig... http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
22 de 22 09-05-2011 12:33