Neon Text Effect – Photoshop Tutorial

November 8, 2016, Adobe Photoshop Tutorials, 62 views
1 Star2 Stars3 Stars4 Stars5 Stars


This is a beginner-level tutorial for creating a neon text effect in Photoshop CC 2015. The first part of the video will concentrate on creating a brick wall background for the text to sit on, while the second half (beginning at 6:13) will focus on creating the text effect itself. The effect is accomplished using only layer styles and, once created, the text will remain fully editable.

Also, since the effect is created using only layer styles, you can save the layer style for use elsewhere.

If you found this tutorial helpful, please like, subscribe, and share.

►RESOURCE LINKS◄

Brick Background: https://www.morguefile.com/archive/di…
Font: https://www.behance.net/gallery/19120…

►FULL INSTRUCTIONS◄

Create a new document 3840 x 2160 @ 150DPI.

*** Creating the Background Elements***

1. Find a brick wall image and import it into your open document. I found mine at morguefile.com (link above), but you can find a bunch of free stock photos on the net at places like:
stockfreeimages.com, freeimages.com, unsplash.com, pexels.com, or 14Textures.com
Resize to fill the entire background layer and rename the layer “Brick Wall”

Now we color-correct and darken the wall image
1. Add a new Hue/Saturation Adjustment Layer by clicking the half-circle on the bottom of the Layers palette. You’re trying to darken the wall to make it look like it’s in a dark room without ambient light. Depending on the wall you use, your values will differ from mine, but for this particular background image I used the following values;
a. Hue = -7, Saturation = -50, Lightness = -55
b. Change the Layer Mode to “Multiply”

Next we’ll add some clouds for spot lighting
1. Make sure your foreground and background colors are their default values (D).
2. Create a new layer (Ctrl+Shift+Alt+N) and name it “Clouds”.
3. Go to Filter – Render – Clouds
4. Add a Layer Mask by clicking on the Layer Mask button at the bottom of the Layers palette
5. Bring up your Gradient Tool (G), make sure it’s set to “Foreground to Background” and “Radial Gradient”. Holding down the SHIFT key, click and drag from the center of the image to the left or right until you’re almost to the edge. Then let go.
6. Change the Layer Opacity to 75% and the Layer Mode to “Color Dodge”

Vignette Time!
1. Create a new layer (Ctrl+Shift+Alt+N) and name it “Vignette”.
2. Fill the layer with black.
3. Make sure black is the foreground color and white is the background color.
4. Add a Layer Mask by clicking on the Layer Mask button at the bottom of the Layers palette.
5. Bring up your Gradient Tool (G), make sure it’s set to “Foreground to Background” and “Radial Gradient”. Holding down the SHIFT key, click and drag from the center of the image to the left or right until you’re almost to the edge. Then let go.
6. Change the layer’s Opacity to 75%.
Select all four layers and group them together (Ctrl + G). Name this group “Background Elements”

***Creating the Neon Text***
Create a new layer outside your Background Elements group (Ctrl + Alt + Shift +N).
Select your text tool (T) and type in your text, making the font large. I’m using Kabel font (link above) at 290pts with 315px spacing between lines. Now is the time to alter any kerning issues you may have by placing your text tool in between the letters and using (Alt + Left/Right Arrow)

Next we apply the folowing layer styles to the text layer:
1. Stroke
a. Size=90, Position=Outside, Blend Mode=Linear Dodge, Opacity=20%, Overprint=CHECKED.
b. Fill Type=Gradient, Both Colors=00a8ff, Left Opacity=100%, Right Opacity=0%
c. Gradient Style=Shape Burst, Reverse=CHECKED, Align with Layer=CHECKED, Angle=90, Dither=UNCHECKED, Scale=100%
2. Inner Glow
a. Blend Mode=Luminosity, Opacity=100%, Noise=0%, Color=d0f7fe
b. Technique=Precise, Source=Center, Choke=0%, Size=6
c. Contour=Linear, Anti-aliased=CHECKED, Range=52, Jitter=0%
3. Color Overlay
a. Blend Mode=Normal, Opacity=100% Color=00eaff
4. Outer Glow
a. Blend Mode=Color Dodge, Opacity=16%, Noise=0%, Color=d1eeff
b. Technique=Softer, Spread=40%, Size=250
c. Contour=Half Round, Anti-aliased=CHECKED, Range=60, Jitter=0%
5. Drop Shadow 1
a. Blend Mode=Multiply, Color=000000, Opacity=65%, Angle=135, Global Light=UNCHECKED, Distance=21, Spread=0%, Size=10
b. Contour=Linear, Anti-aliased=CHECKED, Noise=0%
c. Layer Knocks out Drop Shadow=CHECKED
6. Drop Shadow 2
a. Blend Mode=Screen, Color=00b4ff, Opacity=20%, Angle=0, Global Light=UNCHECKED, Distance=0, Spread=55%, Size=210
b. Contour=Linear, Anti-aliased=CHECKED, Noise=0%
c. Layer Knocks out Drop Shadow=CHECKED

Congratulations! You now have fully editable Neon Text.

Top Rated Marijuana Vaporizer


Comments are closed.