Shining Neon Text Effect in Photoshop

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.

Step 2

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

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.

Step 4

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

Step 5

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

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.

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".

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.

Download the Photoshop File

Click here to download the PSD file used on this tutorial

Artikel Terkait di Bawah posting

Photo Shop

• Reader Tutorial: Flaming Car in Photoshop by Lincoln Soares
• Beberapa jenis "Text Effects" yang menarik - Tutorial Photoshop
• DOWNLOAD ADOBE PHOTOSHOP CS6 TERBARU 2011 + SERIAL NUMBER
• membuat poster animasi gokil abis dengan photobie
• Photoshop CS4 Portable
• Great Gooey Photoshop Text Tutorial
• How to Create a Realistic “Neon” Sign Text Effect
• AMS Software Auto Collage Studio 3.27 Portable
• CD tutorial Adobe Premier CS5
• Cool Screen Capture 7.0.1.481
• Papercraft Text Effect
• Photoshop Action - Mempermudah Edit Image
• Meat Text Effect in Photoshop
• Create Your Own Letterpress/Inset/Debossed Text
• Photoshop CS5 Portable
• Mengkompres Gambar Agar Blog Tetap Indah dan Ringan
• Adobe Photoshop CS5 Extended Full
• Free Downloads Adobe Photoshop CS5 Portable (IDWS)
• Pilihan kombinasi warna
• Latihan Photoshop “Warna Rambut Bg.2
• Latihan Photoshop ke 4
• Latihan Photoshop ke 8 (fire)
• Latihan Photoshop ke 6
• Latihan Photoshop (perspective objek)
• Latihan Photoshop (Warna Rambut)

Tutorial

• Reader Tutorial: Flaming Car in Photoshop by Lincoln Soares
• Beberapa jenis "Text Effects" yang menarik - Tutorial Photoshop
• Great Gooey Photoshop Text Tutorial
• How to Create a Realistic “Neon” Sign Text Effect
• Hyper Box Video Tutorial Free Download
• Papercraft Text Effect
• Meat Text Effect in Photoshop
• Create Your Own Letterpress/Inset/Debossed Text
• Pilihan kombinasi warna
• Latihan Photoshop (Warna Rambut)
• Contoh Latihan Photoshop ke 2
• 6 Quick’n'Dirty Photoshop Text Effects From Scratch
• How to Create a Copper Photoshop Text Effect
• Text Effect Quickies: Bubble Text
• How to Create High Quality Metal 3D Text in Photoshop
• Colorful Glowing Text Effect in Photoshop
• Create a Spectacular Grass Text Effect in Photoshop
• Text Effect Quickie: Delicious Chocolate Text
• How To Create a Gold Text Effect in Photoshop