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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×
×
  • Create New...

Important Information

This community uses essential cookies to function properly. Non-essential cookies and third-party services are used only with your consent. Read our Privacy Policy and We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue..