Excellent Fundamental...!!!

Photoshop Pink Neon Text Effect

In this Photoshop text effects tutorial, we're going to learn how to use Photoshop's Layer Styles to easily make text look as if it's made out of Pink Neon. To create the effect, we're going to be using some "contours" that we'll be loading in, since they're not readily available to us by default, but don't worry, loading them is easy, and so is everything else we'll be doing.See below what we are going to design…

 

Step 1: Open A New Photoshop Document

The first thing we need to do is open a new document, so let's do that quickly using the keyboard shortcut, Ctrl+N (Win) / Command+N (Mac). This brings up Photoshop's New Document dialog box. Choose whichever size you like. I'm going to use the preset size of 300x100 and Used #000000(black) as a background color, as below:

Step 2: Add Your Text To The Document

Grab your Type tool from the Tools palette, or press T to quickly access it with the keyboard shortcut:

Then, with the Type tool selected, go up to the Options Bar at the top of the screen and select your font. I'm going to use Lucida Calligraphy, Italic with size 40px. You can choose whichever font you like from the ones you have installed on your system. A larger, thicker font tends to work best for this effect:

Here I have Use text “Tech - Funda”.

Step 3: Add An Outer and Inner Shadow To The Text Using The "Outer Glow" and "Inner Glow" Layer Style

Next, we're going to give our text more of a three-dimensional look by adding an outer/inner shadow. To do that, click on the words Outer/Inner Glow in the list of Layer Styles on the left of the Layer Style dialog box. Make sure you click directly on the words. Don't simply click inside the checkbox because all that will do is turn on the effect. We want access to the effect's options, and for that, you need to click on the name itself. You can use setting as shown in figure below for Outer Glow and Inner Glow effect.

Step 4: Apply The "Bevel and Emboss" Layer Style

Next, we're going to add a "Bevel and Emboss" effect to our text, so click directly on the words Bevel and Emboss in the list of Layer Styles on the left of the Layer Style dialog box. Again, make sure you click directly on the words and don't just click inside the checkbox:

The middle column of the Layer Style dialog box will change to the Bevel and Emboss options. The first thing we want to do here is load a new "Gloss Contour", so go down to where it says "Gloss Contour" in the "Shading" options and click on the down-pointing arrow to the right of the contour preview thumbnail:

Then click on the right-pointing arrow in the top right corner of the contour selection box that pops up:

Then select Contours at the bottom of the list that appears to load a new set of contours which are not available to us by default:

Photoshop will ask you if you want to replace the original contours with these new ones or simply add the new ones to the bottom of the list. Click on Append:

You'll see the new contours added to the bottom of the originals. To make things simpler for us, rather than me trying to describe the shape of the contour to click on, click once again on that right-pointing arrow in the top right corner and select Large List from the options so we can see both a thumbnail preview of the contour and the name of the contour beside each thumbnail:

Now that we can see the actual names of each contour, scroll down the list until you come to the one named Ring-Triple and double-click on it to select it:

With the "Ring-Triple" contour selected, let's change the rest of the Bevel and Emboss options:

Step 5: Apply The "Contour" Layer Style

Click on the word Contour on the left of the Layer Style dialog box. It's directly below the words "Bevel and Emboss":

 The middle column of the Layer Style dialog box will change to the Contour options. We're going to use another contour from the ones we loaded in a moment ago. Click on the down-pointing arrow to the right of the contour preview thumbnail. This time, scroll down the list until you come to the one named Shallow Slope-Valley. Double-click on it to select it:

You can fine-tune the "shiny" effect to your liking by dragging the Range slider left or right until you're happy with the results. I have used following setting:

Step 6: Apply the "Gradient Overlay" Style

Now we have to add Gradient Overlay. Use following setting:

Step 7: Duplicate The Text Layer

Press Ctrl+J (Win) / Command+J (Mac) to duplicate the text layer, so you'll now have two text layers in the Layers palette. Then click on the original text layer in the Layers palette to select it, so we're working once again on the original, not the duplicate text layer above it:

Step 8: Add A Stroke To The Text

With the original text layer re-selected, click once again on the Layer Style icon at the bottom of the Layers palette and this time, select Stroke at the bottom of the list:

Step 9: Add Tag line text

Add New layer through Layer > New > Layer… or using shortcut Shift+Ctrl+N. Now Using Type tool from the Tools palette, or press T to quickly access it with the keyboard shortcut you type your Tag line. I have Used http://tech-funda.com/ tag line “...in touch with tomorrow”

Now you have done all and your Pink Neon Text is ready save it.

You can also download PSD

Source Code:

Download Source code for ' Pink neon text effects '

Download