Offset Text Effect

In this tutorial, I would like to show you an interesting way to shift the text.

Materials for the lesson:

Step 1. First, create a new document with a size of 1000×500 pixels and fill it with color. # f4f4f4.

Step 2. After that add a dark line to create space. Choose a tool Oval area (Elliptical Marquee Tool) and create a selection, as shown in the figure below. Then fill the selected area with a gradient from black to transparent.

Step 3. Click Ctrl + D (remove selection) and go to Filter-> Blur-> Gaussian Blur (Filter-> Blur-> Gaussian Blur) with the settings below:

You should get this result:

Step 4. Go to the next step. Choose a tool Horizontal text (Horizontal Type Tool) and write your text.

Step 5. In the image above, I used the font. Arial black (250 points, crisp). Then apply styles. Stamping (Bevel and Emboss) and Gradient overlay (Gradient Overlay).

Step 6. The result should be as follows:

Step 7. Create a new layer above and merge it with the text layer so that all styles are on the same layer. After that we need to add a shadow under the letters. Create a new layer under the current and create a selection tool. Oval area (Elliptical Marquee Tool). Fill the selected area with black.

Step 8. Click Ctrl + D (delete selection) and click Ctrl + F, to repeat the previous effect to this layer.

Step 9. Then Filter-> Blur-> Motion Blur (Filter> Blur> Motion Blur) with the following settings:

Step 10. The result should be as follows:

Step 11. Duplicate this layer three times (Ctrl + J) to add a shadow under each letter.

Step 12. Ok, then go to the text layer and apply an offset effect. Use the tool Polygonal Lasso (Polygonal Lasso Tool) to create a selection, as you can see in the image below.

Step 13. Click Ctrl + Shift + J cut the selected area to a new layer. Use the tool Moves (Move Tool) and slide a little to the side.

Step 14. Do the same thing several times.

Step 15. Looks interesting, isn’t it? To complete the lesson I would like to add a text moving robot. You can take a photo of the robot in the archive. You can also use your own photos.

Step 16. To finish the lesson we need to add a shadow under the feet of the robot. Create a new layer under the robot layer. Then using the tool Lasso (Polygonal Lasso Tool), make a selection and fill it with black.

Step 17. Deselect Ctrl + D and blur the shadow tool Blur (Blur Tool).

Step 18. Then using the tool Finger (Smudge Tool) and settings: Brush: 10 pixels, Type: Normal, Durability: 33% (Brush: 10px, Mode: Normal: Strength: 33%) make the shadow more realistic.

Step 19. Add a shadow under the second leg in the same way.

Step 20. Great! The lesson is over. I am pleased with the result, I hope you too.

Like this post? Please share to your friends: