Free Webmasters Resource
 

Free Graphics, Tutorials, Scripts, Webmaster Forums, Web Templates, SEO Tools, & Much More!!

Home Scripts Tutorials Free Downloads Articles SEO Play Free Games Web Templates

Neon Glow Text

Here is a simple technique that will allow you to create neon glowing text that resembles those ever-popular window fixtures. This effect is made purely with Photoshop's Layer Effects, so it can be saved as a Layer Style if you wish to save it for quick and easy future use.

Picture 1

1 For this tutorial you will need text with rounded edges and some sort of background image. If you would like to follow along with the example I used, you can download my file that contains these two items.

Download Neon Text File

Picture 2

2 When you are all set, select your top text layer in the Layers Palette, right-click it and select Blending Options. Click on the words "Inner Glow" to both fill the check box and select its options menu. Create a glow effect with similar options to what a chose (click the image to the left to see the full view). The color gradient you use is completely up to you. Make sure it begins with white on the left and ends with a darker color of your choice. I encourage you to play with the Choke and Size settings which depend a good bit on the your gradient.

Picture 3

3 Next, select the Outer Glow effect and create a dark radiant effect. (Click image for settings). For this effect the main settings you will need to adjust to your liking are Opacity, Size, and Range.

Picture 4

4 Similar to the last two steps, select the Drop Shadow effect. (Click image for settings). When choosing a color, pick one similar to the color in the middle of your glowing text. The Opacity, Spread, and Size settings should be customized to your pleasing. Also, if you want create a subtle illusion of looking up at your text, you may want to increase the Distance a good bit to around 20 or so.

Picture 5

5 Click OK to apply your layer effects. Now, it's time to add some dramatic lighting to the background. Click the background layer in the Layers Palette. Go to Filter>Render>Lighting Effects. Take a look at the settings I chose by clicking the image to the left. Click OK to apply your effect.

Picture 5

6 Presto! You've got yourself some groovy neon text. If you'd like to see my final result, click the image to the left.


Tutorial provided by: Spoono.com

 

Tutorials: Photoshop

 

Title/Description

Level

3D Globs
Make those big trendy 3D globs using nothing but Photoshop.

Beginner

Actions and Batching
Save your precious time by automating tasks by using Actions and Batching.

Beginner

Box Art
Learn how to turn 2D artwork into a 3D software box, hardcover book, or other object.

Intermediate

Brushes
Create custom brushes and learn to use Photoshop's powerful brush engine.

Intermediate

Chromage
Make oh so smooth chrome effects.

Advanced

Colorburst
Learn how to make simple, eye-catching colorbursts.

Beginner

Colorize
Colorize is a artistic effect used by a lot of graphic designers to detail pictures.

Intermediate

Fire Text: Tutorial
Set your text ablaze with burning wrath.

Intermediate

Grunge: Tutorial
Create grungy background effects.

Intermediate

Ice Text: Tutorial
Learn who to chisel your own ice text.

Intermediate

Keyboard Shortcuts: Tutorial
Find out about all of Photoshop's lovely shortcut keys.

Beginner

Lighting Effects: Tutorial
Create realistic-looking plastic objects by using powerful lighting effects techniques.

Intermediate

Masking: Tutorial
Hide parts our your layers with style by using Photoshop's powerful masking features.

Intermediate

Micro Buttons: Tutorial
Learn how to make micro buttons in Photoshop.

Beginner

Neon Glow Text: Tutorial
Make neon text like that often found on commerical signs.

Intermediate

Outlines
Create suave outlines the old-fashioned way.

Beginner

Paths: Tutorial
Use paths to create smooth and editable selections.

Beginner

Seamless Water Texture: Tutorial
Make a very stylish and useful water texture.

Intermediate

Texture Wrapping: Tutorial
Learn how to realistically wrap a texture around an object.

Intermediate


Home Contact Credits Flash Templates Webmaster Forums Site Map Webmaster Resources Advertise


Computer Playground
· Templates Resource