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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/60.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/1.jpg)
Choose the Foreground to Transparent gradient.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/2.jpg)
Apply the gradient from the top to down.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/3.jpg)
Select Filter>Distort>Wave and choose the next demonstrated parameters:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/4.jpg)
It’s the result you should get:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/5.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/6.jpg)
Gradient Overlay:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/7.jpg)
Gradient Editor:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/8.jpg)
We’ve got the next effect.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/9.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/10.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/11.jpg)
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/12.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/13.jpg)
Create a new layer and dark out the background the same way demonstrated next picture.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/14.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/14-1.jpg)
Apply the gradient on top.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/15.jpg)
Go to Filter>Distort>Wave.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/16.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/17.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/18.jpg)
Press Ctrl+T and scale down as shown.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/19.jpg)
Add Layer Style and set the Outer Glow:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/20.jpg)
Inner Glow:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/21.jpg)
Gradient Overlay:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/22.jpg)
Gradient Editor:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/23.jpg)
It’s the result you should get:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/24.jpg)
Raise the contrast of our work, using the Create new fill or adjustment layer > Curves:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/25.jpg)
Set the next parameters:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/26.jpg)
The work became more contrastive.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/27.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/28.jpg)
Set the next parameters for Filter>Distort>Wave filter.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/29.jpg)
It’s the result you should get:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/30.jpg)
Then compress it and make the got line smaller (Ctrl+T)
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/31.jpg)
Add the Later Style for the layer and set Outer Glow:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/32.jpg)
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/33.jpg)
Then make copies of the layer and move the lines, making a wave.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/34.jpg)
Choose a brush of white color with the next parameters as below: Opacity 10%.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/35.jpg)
Paint around the wave.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/36.jpg)
Write ‘waves’ word, using the Horizontal Type Tool (T).
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/37.jpg)
Place the word, like below:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/38.jpg)
Add Layer Style and set the Drop Shadow:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/39.jpg)
Inner Glow:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/40.jpg)
Gradient Overlay:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/41.jpg)
Gradient Editor:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/42.jpg)
Stroke:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/43.jpg)
Gradient Editor:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/44.jpg)
It’s the result you should get:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/45.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/46.jpg)
Add new Layer Style for this layer, set the Drop Shadow:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/47.jpg)
Inner Glow:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/48.jpg)
Color Overlay:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/49.jpg)
We’ve got a voluminous text:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/50.jpg)
Create new layer and Fill it with grey color - #8F8F8F
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/51.jpg)
Then select Filter>Noise>Add Noise
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/52.jpg)
We’ve got the next texture.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/53.jpg)
Enter now Filter>Blur>Motion Blur.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/54.jpg)
It’s the result you should get:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/55.jpg)
Set for this layer Blend Mode to Vivid Light:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/56.jpg)
We’ll get a kind of effect like the next one:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/57.jpg)
Using the Eraser Tool (E), erase everything unnecessary and minimize the layer’s Opacity.
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/58.jpg)
We’ve got the texture on the text:
![Create Wave's text effect in Adobe Photoshop CS3](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/59.jpg)
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](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial499/60.jpg)
The final result!
0 comments:
Post a Comment