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.
Create a Displaced Text Effect in Photoshop - Final Preview
Final Preview
Lets start to create our displaced text effect in photoshop.
Step 1
Create a new document (Ctrl+N) with 800x500 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
