Wave’s text effect
September 28th, 2009 by ART-D Posted in Adobe Photoshop, Text Effects
Then resize it and make the got line smaller using Free Transform (Ctrl+T) command:
Click on Add a layer style icon from bottom part of the Layers panel and select Outer Glow.
We’ve got the next result:
Then make some copies of the layer and move the layers to create a long waved line.
Choose a Soft Round brush of white color, set Opacity to 10% in Options bar.
Use this brush to paint on a new layer around the wave as shown.
Select the Horizontal Type tool (T). Select a font, size and color in the Character panel.
Click on the canvas and type “WAVES”. Press Enter to apply the text.
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow.
Add Inner Glow:
Apply Gradient Overlay:
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
Add Stroke:
Select Fill type – Gradient. Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
It’s the result you should get:
Make a copy of this layer and move it down (all Layers Style should be removed in the copy and the color must be black for text).
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow.
Add Inner Glow:
Apply Color Overlay:
We’ve got the next result:
Create new layer and fill it with grey color – #8F8F8F
Then select Filter>Noise>Add Noise
We’ve got the next texture.
Apply now the next filter: Filter>Blur>Motion Blur.
It’s the result you should get:
Set the Blending mode for this layer to Vivid Light.
We’ll get a kind of effect like the next one:
Using the Eraser Tool (E), erase everything unnecessary around text and minimize the layer’sFill.
We’ve got the texture on the text:
Do the same operation one more time for representing another texture, but this time in Filter>Blur>Motion Blur, changing the Angle on 45.
The final result!
View full size here.
Download free Layered PSD file.
Post Pages: 1 2
Tags: abstract, background, brushes, colorful, cs3, design, effect, free, glow, Illustration, layer style, line, neon, Photoshop, poster, psd, shape, text-effect, wave
Mira
05/10/2009
Really liked this tutorial. Although I didn’t quite get it right, it did give me some ideas for future projects. Thanks!
My result: http://www.flickr.com/photos/miranl/3983886565/
Nokadota
13/10/2009
This is the text effect I was looking for, thanks alot.
Kasaule David
02/12/2009
Man this thing is great and cool it is one of the things i have been looking for
Thank more tutorial pliz
God bless you
Kasaule David
02/12/2009
Man do not forget more tuts
Renson
21/12/2009
Thanks a lot for this tutorials! I have been looking for this kind of tutorials for long time. Thanks again.
Alan
24/01/2010
Can’t get it, even after following to the word several times, do i start with a white or transparent background (tried both), when i apply 1st inner shadow, the whole thing just goes black, when should i be creating a new layer i.e. should i duplicate background before i start?
luiz gabriel
04/03/2010
thanks for the tut, hes my result http://www.flickr.com/photos/px42/4405380176/sizes/o/
danieladirael
22/06/2010
my result http://farm2.static.flickr.com/1106/4722816041_4df3f164b2_b.jpg thanks
sling bag
27/06/2010
Thanks for share. Nice tutorials. nice work…
floryela
27/07/2010
thanks !
Driek
06/08/2010
Thanks for this tutorial man, really nice one. Didn’t get the text completely right, so I tried to make it some of my own. Without the stroke and with other gradient and things like that.
Jack Tego
15/08/2010
Thank you for the tutorial, it was fun to do and I will definitely be using that waveform technique in the future.
Pantz
17/09/2010
You should have started out with telling us what type of bg to use.
Also, it would have been really helpful to include the screenshots of the layers as well.
colton
08/12/2010
it was no good
Michael
01/03/2011
This tutorial is lacking a lot of many helpful things. IMO, it wasn’t good at all.
Zalia
02/03/2011
I’m a bit stuck at the adding gradient bit. I use PS CS4 and when I add the gradient it fills the whole image leaving no black whatsoever, and in your example the gradient seems to just appear around the edges of the black spikes. Any advice anyone?
Thanks
Amanda
16/03/2011
I’m having the exact same problem as Zalia. Same photoshop version and everything. D:
Carlos E. Quevedo
20/03/2011
Alan
24/01/2010
Can’t get it, even after following to the word several times, do i start with a white or transparent background (tried both), when i apply 1st inner shadow, the whole thing just goes black, when should i be creating a new layer i.e. should i duplicate background before i start?
I have the same problem as Alan and agree with
Pantz
17/09/2010
You should have started out with telling us what type of bg to use.
Also, it would have been really helpful to include the screenshots of the layers as well.
I’m using Photoshop CS4 Extended.
Thanks
Some advise, help, anyone?
Lucifer
18/05/2011
Great tutorial i gave it a try for banner size and not wallpaper size so the electricity wasnt as good as urs but here is my outcome:
http://i64.photobucket.com/albums/h169/W333D/header_bg.png
Edward Steve
02/08/2011
Great tutorial. Thanks a lot. Easy to follow and learn. Keep it up.
Jewel
30/12/2011
like the others, I’m can’t get the right result in the inner shadow and gradient layer styles, it just becomes black. i’m using PS CS3, uugghhhh i can’t get it, but i want to! >.<
yui
19/04/2012
thanks
Amethystixthus
03/10/2012
For you guys having trouble with the screen turning black after applying inner shadows and gradients, yes, you need to have started working for a seperate layer on top of the Background layer.
TLS
06/10/2012
Wonderful Tutorial I like it and it is like as 3d effect and the way to do it not difficult
sm
06/02/2013
from where did you get the text tutorial?i got the text effect but the test itself i can’t find…