Advertise About Tech Consultations Write for Us Contact

Glass Neon Text With Ornament Photoshop Tutorial

By Zoffie   |   October 23, 2009   |   Posted in Photoshop   |   View Comments  
→ Photoshop 3D for Animators: The complete guide to learn 3D and animation in Photoshop CS5. Pre-order this book now and receive a %22 discount here

Glass Neon Text With Ornament Photoshop Tutorial

In this exclusive Photoshop tutorial, you will learn how to create glass neon  text effect with adding ornament motives in Photoshop.

1. Start with typing some text. For example, “Graphic Mania” with World of Water font. The color is #00add8. Rotate the type box.

Glass Neon Text With Ornament Photoshop Tutorial

2. Add some effects to this layer: Drop Shadow, Inner Shadow, Inner Glow, Pattern Overlay and Gradient Overlay. The settings and results from each effect are shown below. This will change the outlook of our text pretty much,

Glass Neon Text With Ornament Photoshop Tutorial

Glass Neon Text With Ornament Photoshop Tutorial

Glass Neon Text With Ornament Photoshop Tutorial

Glass Neon Text With Ornament Photoshop Tutorial

Glass Neon Text With Ornament Photoshop Tutorial

And you get this:

Glass Neon Text With Ornament Photoshop Tutorial

3. To add “volume” to the text, duplicate type layer, CLEAR this layer’s style, change its color to a little lighter one, rasterize it, place it UNDER the original type, and move it a bit down and to the left. Continue this (duplicating each new copy -> moving down and left) until it looks nice enough. Then merge these layers except the original type.

Glass Neon Text With Ornament Photoshop Tutorial

Add layer style to the “volume” layer: Drop Shadow, Outer Glow, Gradient Overlay.

Glass Neon Text With Ornament Photoshop Tutorial

Glass Neon Text With Ornament Photoshop Tutorial

Glass Neon Text With Ornament Photoshop Tutorial

4. Add blank layer, then select the original type layer, load selection of its transparency, go back to blank layer and stroke this selection as its shown. Then erase the white outline on the lower parts of the letters.

Glass Neon Text With Ornament Photoshop Tutorial

5. Add some extra shades. Duplicate the original text layer, clear its style, make the color black and rasterize it. Then apply some blur (Gaussian Blur, Motion Blur) and drag this layer UNDER all other. Change the blendin mode to Color Burn, decrease the opacity (to 40%).

Glass Neon Text With Ornament Photoshop Tutorial

6. As for floral ornament, the actions are almost the same as with main text. Paint with Brush tool of blue color on a new layer. You can add the same style as to the text, plus some options (added Stroke, added Outer Glow). The settings are alike to those of main type layer, but you can change them for better outlook. I have 3 layers with this floral ornament: 1- ornament with layer effects, 2- without layer effects, blending mode is Hard Light, 3- black and blurred layer placed under the text. So, after this step the image should look this way.

Glass Neon Text With Ornament Photoshop Tutorial

7. The final point – adding “glass” effect. To do it, first add a blank layer. Select Pen tool and create a work path like shown on the picture.

Glass Neon Text With Ornament Photoshop Tutorial

Make it a selection and fill it with gradient (on the blank layer).

Glass Neon Text With Ornament Photoshop Tutorial

Then load selection of type layer transparency, invert the selection and clear the areas of layer with gradient that are in this selection (=are not on the type). Repeat the same action with the other string on a new layer. Erase what you don’t need with Eraser tool. Ta-dam! Ready! Place it on a cool background and enjoy.

Glass Neon Text With Ornament Photoshop Tutorial

Tags: , , , ,


About Zoffie

A self-taught artist and designer with some fresh and original ideas! :) My mission here is to teach creating cool and powerful designs with detailed explanations and the idea that you should CREATE, not copy to achieve best results.

Enter your email to receive updates:

View Comments to “Glass Neon Text With Ornament Photoshop Tutorial”

Post comment

blog comments powered by Disqus

Subscribe without commenting

Follow on Twitter Subscribe: RSS | Email


 


 

 

Enter your email to receive email alerts of new posts and fresh free resources .

Pages

 

 


Resources News

  • Create a Vibrant and Eye-Catching Drink Compositio…August 18, 2010

    In this Photoshop tutorial, you’ll learn how to create a Sobe fruit drink advertisement using some simple water stock images and a lot of easy to use techniques that will yield high quality resul…

  • 25 FREE HIGH QUALITY VECTOR FILESAugust 18, 2010

    We would like to proudly introduce you to Vectorious.net. Vectorious is a great resource for finding royalty free stock vector images. Currently they offer over 12055 vector image files available f…

  • Logo Design: 80+ Beautiful ExamplesAugust 18, 2010

    It has been almost four months since my last post on logo design. Since then I have assembled an amazing collection of fresh new creative logos for you to be inspired by. I am confident that these …

  • Poster Art – Reminiscence Down the History LaneAugust 18, 2010

    Poster art is one of the most well-defined forms of art that has a rich historical background that involves a number of famous artists throughout the world. Ranging from advertising campaigning to …

  • The Complete Beginner’s Guide to User Script…August 18, 2010

    A user script is code written in a programming language that allows you to control a piece of software.

 

Useful Links

 
 


Graphic Mania on Facebook