Powered by Blogger.

Monday, March 5, 2012

Displaced Text

Displaced Text
In this Photoshop tutorial I would like to show you creative way how to displace the text and get an interesting effect on it.

To start create a new document sized 1000×500 pixels and fill it with color of #f4f4f4.
Displaced Text 01
After that add some dark line to divide the floor from the wall. Get out the Elliptical Marquee Tool and create selection as shown on the picture which you can see below. Then fill this selected area with black to transparent gradient.
Displaced Text 02
Remove selection with Ctrl+D and apply Filter > Blur > Gaussian Blur with similar settings to these:
Displaced Text 03
The result should look like this:
Displaced Text 04
Move to the next step. Select Horizontal Type Tool to write out the text on the middle of canvas on whish we will demonstrate displaced effect.
Displaced Text 05
In the above image I’ve used Arial Black (250 pt, Crisp) as my font of choice. Then apply Bevel and Emboss and Gradient Overlay layer styles to this layer.
Displaced Text 06
Displaced Text 07
The result should be next:
Displaced Text 08
Create a new one layer above and merge it with text layer to get all the styles in one layer. After that we need to add some shadow under the letters. Create a new one layer under the current and make elliptical selection with Elliptical Marquee Tool. Fill selected area with black color.
Displaced Text 09
Remove selection with Ctrl+D and press Ctrl+F to apply the previous filter effect to this layer.
Displaced Text 10
Then apply Filter > Blur > Motion Blur with next presets:
Displaced Text 11
The result should be next:
Displaced Text 12
Duplicate this layer three of times with Ctrl+J to add the shadow under each letter.
Displaced Text 13
Ok, after that go to the text layer and start creating displace effect. Use the Polygonal Lasso Tool to create selection as you can see on the picture below.
Displaced Text 14
Press Ctrl+Shift+J to cut selected area on the new layer. Use Move Tool to move a new layer a little bit.
Displaced Text 15
Make the same things a few times more.
Displaced Text 16
Looks interesting, isn’t it? To finish off the effect I would like to add a robot that moves the text. The picture of robot you can download from here. Also feel free to use your own pictures. So, open up the picture and copy it to our main canvas with text. Then reduce the picture a little bit.
Displaced Text 17
To finish off the tutorial we should add the shadow under robots’ leg. Create a new one layer under the current. Then use the Polygonal Lasso Tool to create selection which you can see on the picture below. After that fill this selection with black color.
Displaced Text 18
Deselect chosen area with Ctrl+D and blur the shadow with Blur Tool.
Displaced Text 19
Then use the Smudge Tool (Brush: 10px, Mode: Normal: Strength: 33%) to bring the shadow realistic view.
Displaced Text 20
Add the shadow under second leg in the same way.
Displaced Text 21
Ok, we are done for now! We get creative displaced text effect. I am happy with the result, hope you to!
Displaced Text 22

No comments:

Post a Comment