Create a Tools Text Effect in Photoshop

Create a Tools Text Effect in Photoshop
Create a Tools Text Effect in Photoshop

In this tutorial I will show you how to create a tools text effect in Adobe Photoshop from scratch. You will learn how to use the basic tools and how to manipulate the anchor points to create a unique text effect. During the tutorial you will work a lot with vector shapes and anchor points but at the end of the tutorial you will feel more confident to work with these tools.
Let's begin !
final-results1

final-results2

Step 1

Create a 600x 450px document, go to View > Show > Grid to enable the Grid and then go to View > Snap To > Grid to enable the Snap to Grid. Hit Control + K to open the Preferences window, go to Guides, Grid & Slices and enter the settings mentioned in the next image. Along the tutorial I turned off the grid ( Control + ' ) for you to have a better vision. The grid will make it easier for you to create/edit the shapes.

1

Step 2

Concentrate on your Toolbar, set the foreground color to #FF0000 and pick the Ellipse Tool.
Move to your canvas and create a 26 x 30px vector shape.

2

Step 3

Select the Rectangle Tool, create a 14 x 15px vector shape and place it as you can see below.

3

Step 4

Pick the Add Anchor Point Tool, focus on the rectangle vector shape and add a new anchor point as you can see in the next image.

4

Step 5

Select the Convert Point Tool and click once on the anchor point added in the previous step to delete the handles.

5

Step 6

Grab the Direct Selection Tool, select the highlighted anchor point and hit the left arrow button from your keyboard four times which will move your selected anchor point 4px to the left.

6

Step 7

Focus on the Layers panel, select your existing vector shapes, right click on one of these shapes and click onMerge Shapes.
Pick the Path Selection Tool, click on your rectangle vector shape, focus on the top bar and go to Subtract Front Shape.

7

Step 8

Select the Rectangle Tool, create a 50 x 14px vector shape and place it as you can see below.

8

Step 9

Focuson the Layers panel, select the round vector shape and duplicate it using the Control + J keyboard shortcut. Make sure that this copy is selected, flip it horizontally using the Edit > Transform > Flip Horizontallycommand and then move to your canvas. Simply drag the shape made in this step to the left end of your rectangle exactly as shown in the following image.

9
9a

Step 10

Select your all vector shapes, right click on one of it and go to Merge Shapes.
Click on the Layer Thumbnail Icon that stands for this vector shape and change the color to #F6F6F6.

10
10a

Step 11

Open the Layer Style window for the vector shape that makes up your horinzontal key and enter the settings mentioned in the next images.

11
11a
11b

Step 12

Duplicate your horizontal key for 3 times using the Control + J keyboard shortcut and place the key copies as you can see in the first image.
To create a vertical key, simply select a key, hit Control + T and rotate it 90 degress.
If you want to change the key order, simply focus on your Layers panel, select your key and use the Control + [or Control + ] buttons from your keyboard shortcuts, as you can see in the second image.

12
12a

Step 13

Open the Layer Style window for your vertical keys, go to Satin section and replace the existing settings with the ones shown below.

13
13a

Step 14

Focus on the Layers panel, select all your keys and hit Control + G to group them.
Open the Layer Style window for this group and enter the settings mentioned in the next image.

14
14a

Step 15

Change the foreground color to #00FFEA, select the Rounded Rectangle Tool, set the Radius to 6px from the top bar and create a 25 x 80px.
Pick the Add Anchor Point Tool, focus on the blue vector shape and add new anchor points as you can see in the second image.

15
15a

Step 16

Pick the Direct Selection Tool, select the highlighted anchor points one by one and drag them as you can see below.

16
16d
16c
16b
16a

Step 17

Open the Layer Style window for the blue vector shape and enter the settings mentioned below.

17
17a

Step 18

Focus on the Layers panel, make sure that the blue vector shape is still selected and then duplicate it.
Right click on this fresh copy, go to Clear Layer Style and then lower the Fill to 0%.
Open the Layer Style window for this copy and enter the settings mentioned in the next images.

18
18b
18a

Step 19

Set the foreground color to #4C4C4C and pick the Ellipse Tool. Move to your canvas, create two, 6 x 34pxvector shapes and place them as you can see in the first image.
Pick the Direct Selection Tool, select the highlighted anchor points and drag them 15px up using the up arrow button from your keyboard as you can see in the second image.

19
19a

Step 20

Open the Layer Style window for the vector shapes made in the previous step and enter the settings mentioned in the next images.

20
20c
20b
20a

Step 21

Change the foreground color to #AF594C and grab the Rectangle Tool. Move to your canvas, create a 30 x 4pxvector shape and place it as you can see in the first image.
Focus on your Layers panel, hold the Control button from your keyboard and then click on the thumbnail icon that stands for your main grey vector shape to load a simple selection around it. Now, make sure that your fresh rectangle is still selected and click on the Add Layer Mask button.

21
21a
21b

Step 22

Open the Layer Style window for the vector shape made in the previous step and enter the settings mentioned in the next images.

22
22c
22b
22a

Step 23

Change the foreground color to #FF0000 and pick the Rectangle Tool. Move to you canvas, create a 5 x 68pxvector shape and place it as you can see in the first image.
Select the Add Anchor Point Tool, focus on the top side of this red rectangle and add two anchor points as you can see in the second image.
Pick the Direct Selection Tool, keep focusing on the top side of your red vector shape, select the left anchor point highlighted in the third image and drag it 2px to the right. Now, select the right anchor point highlighted in the same image and drag it 2px to the left.

23
23b
23a

Step 24

Open the Layer Style window for the vector shape made in the previous step and enter the settings mentioned below.

24
24a

Step 25

Set the foreground color to #F6F6F6 and pick the Ellipse Tool. Move to your canvas, create a 15 x 15px vector shape and place it as you can see in the first image.
Open the Layer Style window for this vector shape and enter the settings mentioned in the next images.

25
25c
25b
25a

Step 26

Change the foreground color to #C1C1C1 and grab the Rectangle Tool. Move to your canvas, create a 2 x 12pxvector shape and place it as you can see in the first image.
Open the Layer Style window for this vector shape and enter the setting mentioned below.

26
26b
26a

Step 27

With the same tool, create a 13 x 2px vector shape and place it as you can see in the first image.
Open the Layer Style window for this vector shape and enter the setting mentioned below.

27
27b
27a

Step 28

Focus on the Layers panel, select the vector shapes that make up the screw, hit Control + T and rotate randomly.
Select the vector shapes that make up your " i " and hit Control + G to grup them.
Open the Layer Style window for this group and enter the settings mentioned below.

28
28a

Step 29

Change the foreground color to #C9A67C, grab the Rounded Rectangle Tool an set the Radius to 2px from the top bar. Move to your canvas and create a 15 x 165px vector shape.
Pick the Add Anchor Point Tool, focus on this brown vector shape and add new anchor points as you can see in the second image.

29
29a

Step 30

Pick the Direct Selection Tool, select the highlighted anchor points one by one and drag them as you can see in next images.

30
30a

Step 31

Open the Layer Style window for the brown vector shape and enter the settings mentioned below.

31
31c
31b
31a

Step 32

Set the foreground color to #E6E6E6, select the Rectangle Tool, create a 60 x 24px vector shape and place it as you can see in the first image.
Make sure that your rectangle vector shape is still selected, go to Edit > Transform > Warp, select Shell Upper, check the orientation button, set the Bend to 18 and then hit Enter.
Select the vector shapes that make up your axe, hit Control + T and rotate -45 degress.

32
32b
32a

Step 33

Open the Layer Style window for the vector shape made in the previous step and enter the settings mentioned below.

33
33c
33b
33a

Step 34

Change the foreground color to #000000 and pick the Line Tool. Move to your canvas and create a tiny line as you can see in the first image.
Make sure that this black vector shape is selected, lower the Fill to 0% and then hit Control + [ once, to move this vector shape under the axe's blade.
Open the Layer Style window for this vector shape and enter the settings mentioned below.

34
34c
34b
34a

Step 35

Focus on the Layers panel, make a new copy with the horizontal key and drag it out from that group.
Grab the Path Selection Tool, select the left end of the key and hit the delete button from your keyboard.
Change the foreground color to #00EB69, select the Ellipse Tool, create a 24px circle and place it as you can see below.
With the same tool, create a 12px vector shape and place it exactly over the 24px circle.
Focus on the Layers panel, select both circles, right click on one of these shapes and go to Merge Shapes. Pick the Path Selection Tool, click on the 12px circle, focus on the top bar and go to Subtract Front Shape.

35
35d
35c
35b
35a

Step 36

Select the Rectangle Tool, create two, 2 x 3px vector shapes and place them as you can see in the first image.
Merge these two rectangle, duplicate this fresh vector shape three times and rotate the copies one by one as you can see in the next images.

36
36d
36c
36b
36a

Step 37

Focus on the Layers panel, select the vector shapes that make up your new key, right click on one of it and go to Merge Shapes. Click on the Layer Thumbnail Icon that stands for the new key vector shape and change the color to #F6F6F6.
Rotate this new key to -45 degrees and place it as you can see in the second image.
Open the Layer Style window for this vector shape and enter the settings mentioned below.

37
37c
37b
37a

Step 38

Focus on the Layers panel, make sure that the new key is selected and duplicate it. Go to Edit > Transform > Rotate 180 degrees and place this fresh copy as you can see in the image below.
Select all the vector shapes that make up your " x " and group them ( Control + G ).
Open the Layer Style window for this new group and enter the settings mentioned below.

38
38a

Step 39

Focus on the Layers panel, select and duplicate the group that stands your your " i " and place it as you can see in the first image.
Now select the brown rectangle, duplicate it ( Control + J ) and place it as you can see in the second image.

39
39a

Step 40

Set the foreground color to #F6F6F6, pick the Pen Tool and create the following vector shape.

40
40a

Step 41

Open the Layer Style window for the vector shape made in the previous step and enter the settings mentioned below.

41
41b
41a

Step 42

Focus on the Layers panel, select all the vector shapes that stand for your " t " and group them.
Open the Layer Style window for this group and enter the settings mentioned in the next images.

42
42a

Step 43

Focus on the Layers panel, select the Background layer and click on the padlock icon to unlock the layer. Set the foreground color to #58857E or #80664F, grab the Paint Bucket Tool and fill the canvas with your new color. Open the Layers Style window for the layer unlocked in this step and enter the settings mentioned in the next images.

43
43d
43c
43b
43a

Final Results

final-results1
final-results2

Download the PSD

[vc_column width="1/1" el_position="first last"] [vc_cta_button title="Download" href="https://downloads.photoshoptutorials.ws/Tools Text Effect.zip" color="btn" size="btn-large" icon="none" target="_self" position="cta_align_right" call_text="Tools Text Effect.zip | 431 KB" width="1/1" el_position="first last"] [/vc_column]

Tutorial by Razvan Gabriel

razvangabriel_profile

Thank you for reading this tutorial and I hope that these techniques will help you in your future projects. See my portfolio here: MySketch.net- Razvan Gabriel

Luminar: AI Photo Editing
Sponsored

Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.

One comment on “Create a Tools Text Effect in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

cross