ProGrammerZ
Welcome to ProGrammerZ™️ and to our forum.
Freely explore and discover in our forum by Registering for a new account for free!
By logging in to our forum, you can see a lot more information in what you are viewing.
Please Click "Register" if you don't have an account yet.

-ProGrammerZ

[Photoshop] Neon Text Effect

Go down

[Photoshop] Neon Text Effect Empty [Photoshop] Neon Text Effect

Post by MedievaL on Fri Sep 21, 2012 7:45 am

[Photoshop] Neon Text Effect Final

Step 1
First make a new PSD document 1200 x 600 pixels resolution 72 Dpi. Now open the brick wall texture and copy and paste it into your new PSD document. Command/Ctrl-T (transform) the texture and resize it until you are happy with it. Make the brick wall texture darker with levels – Image – Adjustments – Levels or Command/Ctrl – L.
[Photoshop] Neon Text Effect A_Brick_Wall
[Photoshop] Neon Text Effect A_Brick_Wall_2
Step 2
Now make your text with the font "Impact." I used the settings below.
[Photoshop] Neon Text Effect Text-settings
[Photoshop] Neon Text Effect Text-settings-2

Step 3
Now we are going to apply some layer styles. Double Click on the text layer to open Layer Styles. Select Stroke and use the settings below.
[Photoshop] Neon Text Effect Stroke

Now select Drop Shadow
[Photoshop] Neon Text Effect Drop-shadow-1

Step 4
Now we are going to make the grill texture. Make a new document 10 x 10 pixels 72 Dpi. Enlarge the document to 3200% by pressing Command/Ctrl – +. Use a hard brush size 1 px to make 2 lines of black like below. Now save this pattern by going to "Edit – Define Pattern" and name it Grill Pattern. Close this document.
[Photoshop] Neon Text Effect Grill-Texture

Step 5
Copy the text layer, right click on the text layer and choose "Duplicate Layer." Now remove the layer styles on this layer by right click on the layer and choose "Clear Layer Styles." Double Click on the text layer to open Layer Styles. Use the settings below.
[Photoshop] Neon Text Effect Bevel-and-Emboss
[Photoshop] Neon Text Effect Texture
[Photoshop] Neon Text Effect Color-Overlay
[Photoshop] Neon Text Effect Stroke-Color

Step 6
For the little 3D effect on the text move the second text layer 5x up with the arrows on your keyboard with the Move Tool (v) selected.
[Photoshop] Neon Text Effect 3d

Step 7
Now we are going to make the neon. Again copy the text layer, right click on the text layer and choose "Duplicate Layer." Now remove the layer styles on this layer by right click on the layer and choose "Clear Layer Styles." Use the settings below.
[Photoshop] Neon Text Effect Stroke-Neon

Click on OK. Right click on the "fx" of this text layer and choose "Create Layer"
[Photoshop] Neon Text Effect Fx-create-layer
[Photoshop] Neon Text Effect Delete-layer

Step 8
Now we are going to make the layer styles for the neon on the layer we just made. Use the settings below.
[Photoshop] Neon Text Effect Neon-Shadow
[Photoshop] Neon Text Effect Neon-Outer-Glow
[Photoshop] Neon Text Effect Neon-Outer-Glow
[Photoshop] Neon Text Effect Neon-Bevel-and-Emboss
[Photoshop] Neon Text Effect Neon-Satin
[Photoshop] Neon Text Effect Neon-Color-Overlay
[Photoshop] Neon Text Effect Neon-Style

Step 9
Select the "Eraser Tool" (e) and erase some parts from the neon for a realistic look. You can also draw on this layer with a hard Brush for some curves.
[Photoshop] Neon Text Effect Neon-Erase

Step 10
You can draw some wires if you like. Make a new layer (put this layer below the neon layer). Use a hard brush size 7 and size 4 to draw the wires. Use the setting below
[Photoshop] Neon Text Effect Wire-Shadow
[Photoshop] Neon Text Effect Wire-Bevel
[Photoshop] Neon Text Effect Wire-Color-Overlay
[Photoshop] Neon Text Effect Wire-Neon

Step11
Put a gradient fill on the background. Double click on the brick wall layer and use the settings below
[Photoshop] Neon Text Effect Background-Gradient

Final Image
[Photoshop] Neon Text Effect Final
MedievaL
MedievaL
Administrator
Administrator

Posts : 68
Join date : 2012-09-20

Back to top Go down

[Photoshop] Neon Text Effect Empty Re: [Photoshop] Neon Text Effect

Post by BlackZ on Fri Sep 21, 2012 1:22 pm

Good One!


[Photoshop] Neon Text Effect Keylogger117402
[You must be registered and logged in to see this link.]
[Photoshop] Neon Text Effect Blankblue334
BlackZ
BlackZ
Owner
Owner

Posts : 97
Join date : 2012-03-03
Location : Philippines

http://programmerz.tk

Back to top Go down

[Photoshop] Neon Text Effect Empty Re: [Photoshop] Neon Text Effect

Post by MedievaL on Mon Sep 24, 2012 7:15 am

BlackZ wrote:Good One!

Thanks!
MedievaL
MedievaL
Administrator
Administrator

Posts : 68
Join date : 2012-09-20

Back to top Go down

[Photoshop] Neon Text Effect Empty Re: [Photoshop] Neon Text Effect

Post by CodeX on Mon Oct 29, 2012 3:00 pm

im gonna try this..
thanks admin!!
avatar
CodeX
Trainee
Trainee

Posts : 14
Join date : 2012-07-18
Location : Exile

Back to top Go down

[Photoshop] Neon Text Effect Empty Re: [Photoshop] Neon Text Effect

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum