Abduzeedo 2010 Light Effects in PhotoshopListThumbs
Abduzeedo 2010 Light Effects in Photoshop
A few weeks ago I posted a tutorial showing how I created the new Abduzeedo's 2010 symbol, which will be used for icons, posters, t-shirts and other gears. That tutorial was about the Illustrator walk-through process and in the end there was the light effect version of the symbol that I created in Photoshop.
So in this tutorial I will show you how to create that effect. It's a sort of monitor/halftone effect mixed with glows and other light effects. We will play with Blend Modes and Blurs. The whole process is quite simple and it won't take more than 20 minutes to achieve the same result.
Step 1
Open Photoshop and create a new document. I used A4 for the size. Also RGB colors. After that double click on the background layer and apply a Layer Style to it. Use Gradient Overlay. For the colors use black and in the center a dark blue. For the Style use Radial.
Step 2
Import the vector object from Illustrator and paste it in the center of the document.
Step 3
Duplicate the layer and go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius.
Step 4
After the gaussian blur, go to Layer>Layer Styles>Inner Shadow. Change the Blend Mode to Color Dodge, use white for the color and 40% for the Opacity. For the Angle use 90º. For the Distance use 91 pixels, for the Choke use 0 and for the Size use 3 pixels.
Step 5
With the duplicated layer, duplicate it again because we will need another layer with the symbol for the effect. Then select one of the and go to Filter>Blur>Gaussian Blur. Use 100 pixels for the Radius. This layer will be on top of the other one with inner shadow.
Step 6
With the third copy of the symbol, select it and go to Layer>Layer Style>Color Overlay. Use white for the color. Then go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. After that with the layer selected go to Layer>Group Layers. The layer will be inside a folder in the Layer Palette. Select the group and change the Blend Mode to Color Dodge. You will have a really cool light effect like the image below.
Step 7
Add a layer on top of the other layers and select the Paint Bucket Tool (G). Change the type from Foreground to Pattern, then select a dotted pattern. You can download the pattern I used here. As you can see the background is black and the dots are white.
Step 8
Go to Edit>Transform>Warp. For the Warp type select Fisheye. Then pull the little controller down to change the fisheye effect.
Step 9
Change the Blend Mode of the pattern layer to Color Dodge and the glowing areas will have this sort of monitor, halftone effect.
Conclusion
This light effect it's pretty much the same effect I use to create the Abduzeedo's logo effect. However I added a few Layer Styles to increase the light effects, especially in the edges. As you could see the whole process is pretty simple and it can be done in 20 minutes or less. It's all about playing with the tool ;)
50 Comments
Sympa puis très simple, ça peut aider!
-------------------
http://hybrid-creation.deviantart.com/
Nice!!! When is it going live??
Nice post Fabio. Thx.
nice touch with the warp tool
I don't really like the effect...
--------------------------
www.PeterYan.net
Nice idea withe the Moirè effect.
-------------------
http://www.jannis-gerlinger.de
O resultado ficou lindo :)
Nice tutorial. I especially like the pattern technique!
so simple yet powerfull. as always i love it.
What is the link to the pattern?
This is a great light effect skill, i will definitely utalise this technique in my future designs.
Where is link for the pattern ?? I can't find it.
Really nice! another top post
Were can i download the dotted pattern?
Hey, nice tutorial!
Where can i download the pattern you used?
there is no link to the pattern you used
to be honest: i dont like this effect at all..
http://imgs.abduzeedo.com/files/tutorilas/Retro_Neon_Effect/pattern-dots...
Dead link.
tight
http://carstyler11.deviantart.com/
where can i found that dotted pattern please?
(used in step 8)
i found some here
http://kraybox.deviantart.com/art/Dot-patterns-for-Photoshop-27630305
The pattern download link is dead
So cool! I look forward to a wallpaper :)
Thanks for this post..
You made me think. By looking @ it, i can see new pattern to boost my portfolio.
Nice Fit...
-------------------
Quality Web Design
nice!!
very simple. makes your new logo appear much better! I like this version best
very cool, but i think the old one is better.
That one is for signing something, like a letter or something like that.
hope it matches with my logo...
_______________
www.klafkid.de.vu
THANKS !!! GREAT!!! been waiting on this one :- )
I think the dead link is suppose to be this:
http://imgs.abduzeedo.com/files/tutorials/Retro_Neon_Effect/pattern-dots...
very cool. thanks.
Guys!
He just spelled the link for the pattern wrong.
It'll work if you edit it to say "tutorials" instead of "tutorilas".
http://imgs.abduzeedo.com/files/tutorials/Retro_Neon_Effect/pattern-dots...
This is great! Thanks for sharing the technique.
Love the effects used here! Although I'm not too crazy about the "A". It just feels odd to me. But overall this look is rad!
This is superb. Thanks for sharing.
thanks !! :)
COOL!
Simple and very beautiful effect!!!
Thanks for this post... 8)
---------------------------------
http://www.theossi.com
I thought the halftone effect is given some other way. Never thought of bringing in a patterned layer and and switch the mode into color dodge.
Really good stuff! very nice!
It was nicely done.Great job.
Try my blog:
http://designcantalk.blogspot.com/
I actually really like this.It has a very retro feel to it. The techniques could be used in alot of design work. Nice tut Fabio. :)
really great logo abduzeedo
.
.
.
www.contestdesigns.com
design contests for cash pizes!!!
Help...The final product looks great but I can't get the same effect.
I seem to have problems with Step 4 where I apply the layer style exactly as written but mine does not turn out like the image supplied with Step 4.
Any help would be great
I have the same problem at Step 4. It is just not looking the way it should. Please help us!
Nice effect but I have the same problem of Piotr and Andi...
With Color Dodge in the layer Style I have only a shiny line on the board of the shape...but the shadows?
WHY?WHY?WHY? It make me crazy!!!! :-)
VEDY VEDY NICE!!!! lol very good man
hhm this is rgb right and say if you would go to a print store and would print something like this on a3 size .. would the colors be diffrent? or is the effect also applyable to a print document as cmyk?
i know its stupid to ask but i like the stuff in rgb better ;) couldnt i make flyers or posters in rgb ?
ps sorry for the spelling errors !* english is not as easy ;)
wow, looks damn nice. great tutorial!
but the link to the pattern doesn't work!
someone help!?
@Dominique... soke_k and Scott S ^^^^^ have working links up there.
Hey, first of all, very nice job,
but could you, please, precise @ which resolution did you realize it or give us the size of the dots from your pattern??
thx dude
yeah, here too!
i cant download the pattern. its always 404.
please tell how the pattern is build.
@ Jul:
heres the pattern:
http://imgs.abduzeedo.com/files/tutorials/Retro_Neon_Effect/pattern-dots...
great outcome!
----------------------
GFX Design Resources and Discussion at my site
Infinity Style
http://infinitystyle.com
Post new comment