Wave’s text effect in Photoshop


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.

Final Image Preview

Create Wave's text effect in Adobe Photoshop CS3

Firstly create a new file (File>New) of 1920×1200px/72ppi.
Take the Gradient Tool (G) and open the Gradient Editor from Options Bar:
Create Wave's text effect in Adobe Photoshop CS3
Choose the Foreground to Transparent gradient.
Create Wave's text effect in Adobe Photoshop CS3
Apply the gradient from the top to down.
Create Wave's text effect in Adobe Photoshop CS3
Select Filter>Distort>Wave and choose the next demonstrated parameters:
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
Next select the Layer Style. Make a double left click on this layer on the Layers’ panel and set the Inner Shadow:
Create Wave's text effect in Adobe Photoshop CS3
Gradient Overlay:
Create Wave's text effect in Adobe Photoshop CS3
Gradient Editor:
Create Wave's text effect in Adobe Photoshop CS3
We’ve got the next effect.
Create Wave's text effect in Adobe Photoshop CS3
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.
Create Wave's text effect in Adobe Photoshop CS3
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:
Create Wave's text effect in Adobe Photoshop CS3
Create Wave's text effect in Adobe Photoshop CS3
Select the Brush Tool (B) set the Opacity to 50% in Options Bar and use black color for Foreground color.
Create Wave's text effect in Adobe Photoshop CS3
Create a new layer and dark out the background the same way demonstrated next picture.
Create Wave's text effect in Adobe Photoshop CS3
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.
Create Wave's text effect in Adobe Photoshop CS3
Apply the gradient on top.
Create Wave's text effect in Adobe Photoshop CS3
Go to Filter>Distort>Wave.
Create Wave's text effect in Adobe Photoshop CS3
The new result should be moved on the central part of the canvas, using in this case the Move Tool (V).
Create Wave's text effect in Adobe Photoshop CS3
Make a copy of the last made layer, turn it over vertically, mark out both layers, pressing Shift+left mouse clickon the layers on the layers’ panel. Then Merge Down the marked layers, pressing Ctrl+E
Create Wave's text effect in Adobe Photoshop CS3
Press Ctrl+T and scale down as shown.
Create Wave's text effect in Adobe Photoshop CS3
Add Layer Style and set the Outer Glow:
Create Wave's text effect in Adobe Photoshop CS3
Inner Glow:
Create Wave's text effect in Adobe Photoshop CS3
Gradient Overlay:
Create Wave's text effect in Adobe Photoshop CS3
Gradient Editor:
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
Raise the contrast of our work, using the Create new fill or adjustment layer > Curves:
Create Wave's text effect in Adobe Photoshop CS3
Set the next parameters:
Create Wave's text effect in Adobe Photoshop CS3
The work became more contrastive.
Create Wave's text effect in Adobe Photoshop CS3
Create a new layer, using the Rectangular Marquee Tool (M) and represent a line, coloring it with white color.
Create Wave's text effect in Adobe Photoshop CS3
Set the next parameters for Filter>Distort>Wave filter.
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
Then compress it and make the got line smaller (Ctrl+T)
Create Wave's text effect in Adobe Photoshop CS3
Add the Later Style for the layer and set Outer Glow:
Create Wave's text effect in Adobe Photoshop CS3
Create Wave's text effect in Adobe Photoshop CS3
Then make copies of the layer and move the lines, making a wave.
Create Wave's text effect in Adobe Photoshop CS3
Choose a brush of white color with the next parameters as below: Opacity 10%.
Create Wave's text effect in Adobe Photoshop CS3
Paint around the wave.
Create Wave's text effect in Adobe Photoshop CS3
Write ‘waves’ word, using the Horizontal Type Tool (T).
Create Wave's text effect in Adobe Photoshop CS3
Place the word, like below:
Create Wave's text effect in Adobe Photoshop CS3
Add Layer Style and set the Drop Shadow:
Create Wave's text effect in Adobe Photoshop CS3
Inner Glow:
Create Wave's text effect in Adobe Photoshop CS3
Gradient Overlay:
Create Wave's text effect in Adobe Photoshop CS3
Gradient Editor:
Create Wave's text effect in Adobe Photoshop CS3
Stroke:
Create Wave's text effect in Adobe Photoshop CS3
Gradient Editor:
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 Layer Style should be removed in the copy)
Create Wave's text effect in Adobe Photoshop CS3
Add new Layer Style for this layer, set the Drop Shadow:
Create Wave's text effect in Adobe Photoshop CS3
Inner Glow:
Create Wave's text effect in Adobe Photoshop CS3
Color Overlay:
Create Wave's text effect in Adobe Photoshop CS3
We’ve got a voluminous text:
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
Enter now 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 for this layer Blend Mode 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 and minimize the layer’s Opacity.
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!

    0 comments:

    Post a Comment