Wave's text effect

Wave’s text effect

In this tutorial we’ll turn standard text into a stunning, eye-catching text effect. We’ll be using Layer Styles, Photoshop Filters, and combining different techniques to mock-up the text into a related background. Let’s learn how to create this text effect.

Firstly create a new file (File>New) of 1920×1200px/72ppi.
Take the Gradient Tool (G) and open the Gradient Editor from Options Bar:

Wave’s text effect

Choose the Foreground to Transparent gradient.

Wave’s text effect

Apply the gradient from the top to down.

Wave’s text effect

Select Filter>Distort>Wave and choose the next demonstrated parameters:

Wave’s text effect

It’s the result you should get:

Wave’s text effect

Next select the Layer Style. Make a double left click on this layer on the Layers’ panel and set the Inner Shadow:

Wave’s text effect

Gradient Overlay:

Wave’s text effect

Gradient Editor:

Wave’s text effect

We’ve got the next effect.

Wave’s text effect

Create a new layer, fill it with black color applying the Paint Bucket Tool (G) and drag it under layer with gradient in Layer panel.

Wave’s text effect

Back to layer with gradient and make a copy of this layer (Ctrl+J) and apply Edit>Transform>Flip Vertical. Set after that the opacity the same way demonstrated below:

Wave’s text effect
Wave’s text effect

Select the Brush Tool (B) set the Opacity to 50% in Options Bar and use black color for Foreground color.

Wave’s text effect

Create a new layer and dark out the background the same way demonstrated next picture.

Wave’s text effect

On the next layer we’ll represent another gradient. Change Foreground color to white, take Gradient Tool (G) and open the Gradient Editor from Options Bar to select the Foreground to Transparent gradient.

Wave’s text effect

Apply the gradient on top.

Wave’s text effect

Go to Filter>Distort>Wave.

Wave’s text effect

The new result should be moved on the central part of the canvas, using in this case the Move Tool (V).

Wave’s text effect

Make a copy of the last made layer, turn it over vertically, mark out both layers, pressing Shift+left mouse click on the layers on the layers’ panel. Then Merge Down the marked layers, pressing Ctrl+E

Wave’s text effect

Press Ctrl+T and scale down as shown.

Wave’s text effect

Add Layer Style and set the Outer Glow:

Wave’s text effect

Inner Glow:

Wave’s text effect

Gradient Overlay:

Wave’s text effect

Gradient Editor:

Wave’s text effect

It’s the result you should get:

Wave’s text effect

Raise the contrast of our work, using the Create new fill or adjustment layer > Curves:

Wave’s text effect

Set the next parameters:

Wave’s text effect

The work became more contrastive.

Wave’s text effect

Create a new layer, using the Rectangular Marquee Tool (M) and represent a line, coloring it with white color.

Wave’s text effect

Set the next parameters for Filter>Distort>Wave filter.

Wave’s text effect

It’s the result you should get:

Wave’s text effect

Then compress it and make the got line smaller (Ctrl+T)

Wave’s text effect

Add the Later Style for the layer and set Outer Glow:

Wave’s text effect
Wave’s text effect

Then make copies of the layer and move the lines, making a wave.

Wave’s text effect

Choose a brush of white color with the next parameters as below: Opacity 10%.

Wave’s text effect

Paint around the wave.

Wave’s text effect

Write ‘waves’ word, using the Horizontal Type Tool (T).

Wave’s text effect

Place the word, like below:

Wave’s text effect

Add Layer Style and set the Drop Shadow:

Wave’s text effect

Inner Glow:

Wave’s text effect

Gradient Overlay:

Wave’s text effect

Gradient Editor:

Wave’s text effect

Stroke:

Wave’s text effect

Gradient Editor:

Wave’s text effect

It’s the result you should get:

Wave’s text effect

Make a copy of this layer and move it down (all Layer Style should be removed in the copy)

Wave’s text effect

Add new Layer Style for this layer, set the Drop Shadow:

Wave’s text effect

Inner Glow:

Wave’s text effect

Color Overlay:

Wave’s text effect

We’ve got a voluminous text:

Wave’s text effect

Create new layer and Fill it with grey color - #8F8F8F

Wave’s text effect

Then select Filter>Noise>Add Noise

Wave’s text effect

We’ve got the next texture.

Wave’s text effect

Enter now Filter>Blur>Motion Blur.

Wave’s text effect

It’s the result you should get:

Wave’s text effect

Set for this layer Blend Mode to Vivid Light:

Wave’s text effect

We’ll get a kind of effect like the next one:

Wave’s text effect

Using the Eraser Tool (E), erase everything unnecessary and minimize the layer’s Opacity.

Wave’s text effect

We’ve got the texture on the text:

Wave’s text effect

Do the same operation one more time for representing another texture, but this time in Filter>Blur>Motion Blur, changing the Angle on 45.

Wave’s text effect

The final result!
View full size here.