Jump to content

Recommended Posts

Posted

Text Effect: Robonic Text

 

Text Effect: Robonic Text

 

Outcome:

robotic-text-effect-15.gif

 

Step-By-Step:

 

1. Open a new document in Photoshop. Choose an appropriate size for your text.

2. Select the Type tool and type out your text onto a new layer.

 

robotic-text-effect-01.gif

3. Choose the Magic Wand tool. Click the white area outside the text.

4. Goto Select > Inverse.

5. Goto Select > Modify > Expand. Choose a small pixel amount. For this tutorial, we used 2 pixels.

 

robotic-text-effect-02.gif

 

6. Create a new layer. Name it "Robot Panels".

7. Select the Paint Bucket tool and fill in the selection with grey.

 

robotic-text-effect-03.gif

8. Open the Layer Properties for the "Robot Panels" layer.

9. Change the "Inner Shadow" properties to the following:

robotic-text-effect-04.gif

10. Change the "Bevel and Emboss" properties to the following:

robotic-text-effect-05.gif

 

11. You should now have the 3d panels overlapping the text layer below.

 

robotic-text-effect-06.gif

 

12. Select the Eraser tool. Choose a small brush size. Begin erasing sections of the panel to reveal the underlying text.

robotic-text-effect-07.gif

 

13. Work your way through the text, erasing sections of the "Robot Panels" layer.

robotic-text-effect-08.gif

 

13. Now to create the wires. Create a new layer. Name it "Wires".

14. Select the Brush tool. Change the size to a small brush size number.

15. Select the Pen Tool.

16. Create a path for the wires.

 

robotic-text-effect-09.gif

 

15. Select the Direct Selection Tool and right click the Path you created for the wires.

16. Choose "Stroke Path" from the pop-up menu.

17. From Strok Path pop-up, unclick "Simulate Pressure" and make sure Brush is selected from dropdown. Click OK.

 

robotic-text-effect-10.gif

 

18. Open the Layer Properties for the "Wires" layer.

19. Change the "Bevel and Emboss" properties to the following:

 

robotic-text-effect-11.gif

 

20. You should now have some 3D looking wires.

robotic-text-effect-11a.gif

 

21. Finally, we'll create the robotic green lighting effects. Create a new layer and name it "Lighting".

22. Select a bright color for your lighting. I chose green for this tutorial.

23. Create a selection and fill it with green.

 

robotic-text-effect-12.gif

 

24. Open the Layer Properties for the "Lighting" layer.

25. Change the "Drop Shadow" properties to the following:

 

robotic-text-effect-13.gif

 

26. Change the "Stroke" properties to the following:

robotic-text-effect-14.gif

27. You can now select the Brush tool and begin painting areas of the panels to add lighting effects similar to what I have done below:

 

robotic-text-effect-14a.gif

 

28. When you are done, you should now have your Robotic looking text effect!

robotic-text-effect-15.gif

 

 

Credits ~~> besttexteffects

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...