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:

Create Wave's text effect in Adobe Photoshop CS3
Click on Add a layer style icon from bottom part of the Layers panel and select Outer Glow.

Create Wave's text effect in Adobe Photoshop CS3
We’ve got the next result:
Create Wave's text effect in Adobe Photoshop CS3
Then make some copies of the layer and move the layers to create a long waved line.

Create Wave's text effect in Adobe Photoshop CS3
Choose a Soft Round brush of white color, set Opacity to 10% in Options bar.

Create Wave's text effect in Adobe Photoshop CS3
Use this brush to paint on a new layer around the wave as shown.

Create Wave's text effect in Adobe Photoshop CS3
Select the Horizontal Type tool (T). Select a font, size and color in the Character panel.

Create Wave's text effect in Adobe Photoshop CS3
Click on the canvas and type “WAVES”. Press Enter to apply the text.

Create Wave's text effect in Adobe Photoshop CS3
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow.

Create Wave's text effect in Adobe Photoshop CS3
Add Inner Glow:

Create Wave's text effect in Adobe Photoshop CS3
Apply Gradient Overlay:

Create Wave's text effect in Adobe Photoshop CS3
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.

Create Wave's text effect in Adobe Photoshop CS3
Add Stroke:

Create Wave's text effect in Adobe Photoshop CS3
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.

Create Wave's text effect in Adobe Photoshop CS3
It’s the result you should get:

Create Wave's text effect in Adobe Photoshop CS3
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).

Create Wave's text effect in Adobe Photoshop CS3
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow.
Create Wave's text effect in Adobe Photoshop CS3
Add Inner Glow:

Create Wave's text effect in Adobe Photoshop CS3
Apply Color Overlay:

Create Wave's text effect in Adobe Photoshop CS3
We’ve got the next result:

Create Wave's text effect in Adobe Photoshop CS3
Create new layer and fill it with grey color – #8F8F8F

Create Wave's text effect in Adobe Photoshop CS3
Then select Filter>Noise>Add Noise

Create Wave's text effect in Adobe Photoshop CS3
We’ve got the next texture.

Create Wave's text effect in Adobe Photoshop CS3
Apply now the next filter: Filter>Blur>Motion Blur.

Create Wave's text effect in Adobe Photoshop CS3
It’s the result you should get:

Create Wave's text effect in Adobe Photoshop CS3
Set the Blending mode for this layer to Vivid Light.

Create Wave's text effect in Adobe Photoshop CS3
We’ll get a kind of effect like the next one:

Create Wave's text effect in Adobe Photoshop CS3
Using the Eraser Tool (E), erase everything unnecessary around text and minimize the layer’sFill.

Create Wave's text effect in Adobe Photoshop CS3
We’ve got the texture on the text:

Create Wave's text effect in Adobe Photoshop CS3
Do the same operation one more time for representing another texture, but this time in Filter>Blur>Motion Blur, changing the Angle on 45.

Create Wave's text effect in Adobe Photoshop CS3
The final result!

View full size here.

Download free Layered PSD file.

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , , , , , , , , , , , , , ,

  • 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/

  • 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 :D

    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…

  • Gaia

    15/07/2013

    I’m not a PS Expert at all but I try to do tutorials once in a while, here is my output http://i1082.photobucket.com/albums/j361/bolanosi/WAVES.jpg
    As some commentators wrote above there were some little steps which were skipped so I had to figure out by trial and error, the only one that I wasn’t sure was when doing the 3D effect by copying the text in black your pic shows both text linked on corners mine looks like a shadow effect.

  • gibbson

    19/09/2013

    This is a very good and inspiring tutorial man. thank you.

  • gibbson

    19/09/2013

    …though instructions are completely clear

  • gibbson

    19/09/2013

    i mean NOT really clear :-)