Photoshop Text Effect Tutorials: Shining Neon

A tutorial showing how to reproduce the abduzeedo.com logo effect. on the Sparkling Hot Girl in Photoshop tutorial, a lot of people have want to how to do that effect. So in this very short tutorial we will show you how to do that in Photoshop.

Photoshop Text Effect Tutorials: Shining Neon

Step 1

Create a new document, use the size you want, it doesn't matter. Then fill the background with a very dark gray, #111111.

Photoshop Text Effect Tutorials: Shining Neon


Step 2

Now place your logo in the document. Duplicate the layer and hide it, we will need it later on.

Photoshop Text Effect Tutorials: Shining Neon


Step 3

Now with the visible layer, lets apply a Layer Style. Go to Layer>Layer Style>Gradient Overlay. Then use Normal for the Blend Mode, and 60% Opacity. For the color use a gradient with red, yellow, green, and blue.

Photoshop Text Effect Tutorials: Shining Neon


Step 4

Now let's add some blur, go to Filter>Blur>Gaussiam Blur. Use 4.0 pixels for the Radius.

Photoshop Text Effect Tutorials: Shining Neon


Step 5

Make the duplicated layer visible and go to Filter>Blur>Gaussian Blur. Use this time 1 pixel for the Radius.

Photoshop Text Effect Tutorials: Shining Neon


Step 6

Go to Layer>Layer Style>Blending Options. Change the Fill Opacity to 0% on the Advanced Blending. Then go to Outer Glow. Use Color Dodge for the Blend Mode, 50% Opacity, White for the Color, and 18 pixels for the Size. After that, if your logo is not white, you can go to Color Overlay and use white for the color.

Photoshop Text Effect Tutorials: Shining Neon


Step 7

Now group this single layer and rename the group to "Over" then change the blend mode to Color Dodge. After that you can group everything again and rename it to "Logo".

Photoshop Text Effect Tutorials: Shining Neon


Conclusion

With this technique you will be able to create a nice neo effect to pretty much all kinds of backgrounds. The only thing you will have to do is change some opacities depending on the color of the background.

Photoshop Text Effect Tutorials: Shining Neon


Download the Photoshop File | Download the Violette01 font

Article source: http://www.abduzeedo.com/shining-neon-text-effect-photoshop


blog comments powered by Disqus
 

Sponsors

Subscribe US

Subscribe our rss feed update     Subscribe our rss feed update     Follow our twitter update

Recommended Articles

20 Artistic Free High Quality Fonts for inspired

Centaine High Quality illustrator & Photoshop Tutorials of 2009



 35 Smart Free Thin Sans Serif Fonts

20 Best Free WordPress Themes iN 2009

48 Best Free WordPress Plugins to Branding Your Perfect Blog

FreebiesPress.com

TOP Guide Read



35 Smart Free Thin Sans Serif Fonts

We’d like to present an overview of the 35 High-quality Free Thin Sans Serif More...

20 Excellent Free Premium Blogger Templates

Wordpress is the best cms for blogging but Blogger is also one of the most More...

12 Best & 12 Worst New Brand Logos of 2009

Brand New published a annual summary post decided to 12 best and 12 worst of More...

12 Free Online Tools to Resize Your Pictures

Image optimization can make the website load faster and to reduce the bandwidth More...

15 Free T-Shirt Vector Templates to Mock UP Your Designs

Everybody loves a t-shirt, and not only a plain tee, it gotta have a design to More...

Less is More - Black & White Websites Design

I don't know to feeling stunning colorful page at length will cause human More...

Latest Articles



35 High Quality Free Typography Wallpapers

With the numerous available wallpapers posted and created in the web, so adding More...

40 Character & Career Icon Sets from IconShock

Every designer loves a free, beautiful, high quality icon sets are among the More...

30 Free Image Sharing & Photo Albums Websites

Photo sharing services make sharing, organizing and storing digital photos More...

20 Examples of Photoshop 3D Effects Tutorials

In this following article, we attempt to showcase you some of the best 20 More...

20 Examples of jQuery Tooltip Plugins

Tooltip is a good way to show extra information when user hovers the cursor More...

Quick Search

Loading
Copyright © 2010 VisonwidGet. All Rights Reserved. Designed by Visual Design In Art | | CSS Valid | XHTML Valid