Icon

How to Make a Displaced Text in Photoshop CS5

In this Photoshop tutorial I would like to show you easy way how to displace the text and get an interesting effect on it. In this tutorial I am just using some photoshop tools and a fantastic font to make this displaced design. I hope you enjoyed this tutorial. Don’t forget to share your expensive opinions with us.

More photoshop exclusive tutorials:

Tutorial details:

  • Program: Adobe Photoshop CS5
  • Difficulty: Intermediate
  • Estimated Completion Time: 30 Mins

Create a Displaced Text Effect in Photoshop – Final Preview

Final Preview

Tools and Resources

Tools and Resources

External Resource

Photoshop Tools

  • Text Tool
  • Ellipse Tool
  • Gradient Overlay
  • Rectangle Marquee Tool

Lets start to create our displaced text effect in photoshop.

Step 1

Create a new document (Ctrl+N) with 800×500 of size.

Create New Document

Step 2

Go to the Blending Options and applying Gradient Overlay on background layer.

Gradient Overlay

After applying gradient we get beautiful effect on background layer.

Get Beautiful Result

Step 3

Select Text Tool from tool panel and type some text with black color #000000, Here I am using Caption America Font you can use your own choice of font.

Type Some Text

Step 4

Go to the Blending Options and applying some Layer Styles on this text layer.

Go to Layer > Layer Styles and applying these Layer Styles.

Bevel and Emboss

Bevel and Embos

Gradient Overlay

Gradient Overlay

After applying these layer styles we get nice effect on text layer.

Get Nice Effect

Step 5

Select Ellipse Tool from tool panel and draw a shape with black color #000000 as like in preview.

Draw a Shape

Now I am going to applying Gaussian Blur Filter on circle shape layer.

Go to Filter > Blur > Gaussian Blur.

Gaussian Blur

After applying gaussian blur we get a new effect on circle shape layer.

Get a New Effect

Down Opacity (70%) of this circle shape layer.

Down Opacity

Step 6

Repeat step 5 and make all text shadow’s as like in picture below.

Make More Shadow's

Step 7

Select Rectangle Marquee Tool from tool panel and make a selection as like in preview.

Make a Selection

Press (Shift+Ctrl+J) to cut the selected area in a new layer then set it 2px left side as like in picture below.

Set Two Pixel Left Side

Step 8

Select Rectangle Marquee Tool again and make a selection as like in preview.

Make a Selection

Press (Shift+Ctrl+J) to cut the selected area in a new layer and set 2px right side as like in picture below.

Set Two Pixel Right Side

Step 9

Repeat step 8 and make more selections set them two pixel left and right side as like in picture below.

Repeat Step

After all the struggle we get our displaced text in final preview.

Final Preview

Final Preview

I hope you will like this displaced text effect tutorial. Never forget to share your comments with us. Follow  TutorialChip on Twitter or Subscribe to TutorialChip to Get the Latest Updates on Giveaways, Tutorials and More for Free.

email

Related Posts

iPhone
Lady Bag
200 icon
Header in Photoshop 200x200

Interesting Posts

About mario

I am a web graphic designer and photographer. I always focuses on free web resources and inspiration for designers and developers.