Create text from tools in Photoshop

In this tutorial, I will show you how to create text from tools in Adobe Photoshop. You will learn how to use the standard tools of Adobe Photoshop, as well as how to work with anchor points to create a unique text. Throughout the lesson, we will create a set of vector shapes and process a set of reference points, so by the end of this lesson you will confidently handle these tools.

Let’s get started!

Final result

Step 1

Create a new document 600 x 450 px, then go View – Show – Grid (View> Show> Grid) to activate the grid, and then go Preview – Snap To – Grid Lines (View> Snap To> Grid) to snap to grid. Press the keys (Ctrl + K) to bring up the window Installations (Preferences), then select the setting Guides, mesh, etc. (Guides, Grid Slices) and set the settings that are shown in the screenshot below. During the whole lesson, I will turn off the grid visibility (Ctrl + ‘) so that you can see better. The grid will facilitate your work when creating shapes.

Step 2

In the toolbar, set the foreground color to # FF0000. Choose a tool Ellipse (Ellipse Tool).

Now draw a vector shape 26 x 30 px.

Step 3

Choose a tool Rectangle (Rectangle Tool), draw a 14 x 15 px vector shape. Arrange this shape as shown in the screenshot below.

Step 4

Choose a tool Add anchor point (Add Anchor Point Tool), focus on the rectangular shape. Add a new anchor point, as shown in the screenshot below.

Step 5

Choose a tool Angle (Convert Point Tool). Click once on the reference point we just added in the previous step to remove the guide lines (levers).

Step 6

Choose a tool Arrow (Direct Selection Tool), select the specified anchor point, and then press the left arrow key four times to shift the selected anchor point 4 px to the left.

Step 7

In the layers palette, select the layers with existing vector shapes, then click the right mouse button on the selected layers and in the appeared window select the option Combine figures (Merge Shapes).

Choose a tool Outline selection (Path Selection Tool), click on the rectangular vector shape, and then select the mode for this tool in the top toolbar. Subtract front figure (Subtract Front Shape).

Step 8

Choose a tool Rectangle (Rectangle Tool), draw a vector shape 50 x 14 px. Arrange this shape as shown in the screenshot below.

Step 9

Make sure that you are on a layer with a round shape, duplicate the layer with this shape (Ctrl + J). Flip horizontally a duplicate layer, for this we go Editing – Transformation – Flip Horizontal (Edit> Transform> Flip Horizontally). And now just move the duplicate layer to the left, placing it on the left side of the rectangle, as shown in the screenshot below.

Step 10

Select all layers with drawn vector shapes, and then right-click on the selected layers and in the appeared window select the option Combine shapes (Merge Shapes).

Click on the thumbnail of the merged shape layer to change the color to # F6F6F6.

Step 11

Apply layer styles to the combined shape layer to create a horizontal key. Apply the settings for the layer styles shown in the screenshots below.

Step 12

Duplicate the layer with the horizontal key 3 times (Ctrl + J). Arrange duplicate layers as shown in the first screenshot below.

To create a vertical key, simply press the keys (Ctrl + T) and rotate the key image 90 degrees.

If you want to change the order of the keys, to do this in the layers palette, simply select the desired layer with the key, and then press the keys (Ctrl + ‘[‘) or (Ctrl + ‘]’) to shift the keys, as shown in the second screenshot below.

Step 13

For layers with vertical keys, apply a layer style Gloss (Satin). Replace the existing settings with those shown in the screenshot below.

Step 14

In the layers palette, select all the layers with keys, and then press the keys (Ctrl + G) to group them.

To the created group, apply the following layer styles, as well as the settings shown in the screenshot below.

Step 15

Change the foreground color to # 00FFEA, select the tool Rounded Rectangle (Rounded Rectangle Tool). In the settings of this tool, set Radius (Radius) 6 px. Draw a shape 25 x 80 px.

Choose a tool Add anchor point (Add Anchor Point Tool), focus on the blue vector shape. Add new anchor points, as shown in the second screenshot below.

Step 16

Choose a tool Arrow (Direct Selection Tool), alternately select the reference control points, and then alternately shift them, as shown in the screenshot below.

Step 17

To create a blue vector shape, apply the following layer style, as well as the settings shown in the screenshot below.

Step 18

In the layers palette, make sure that the layer with the blue vector shape is active, then duplicate this layer.

Right-click on the duplicate layer and in the appeared window select the option Clear layer style (Clear Layer Style) and then decrease the value. Fillings (Fill) for duplicate layer up to 0%.

To create a duplicate layer, apply the following layer styles, as well as the settings shown in the screenshots below.

Step 19

Change the foreground color to # 4C4C4C. Choose a tool Ellipse (Ellipse Tool). Draw two vector shapes 6 x 34 px. Arrange them as shown in the first screenshot below.

Choose a tool Arrow (Direct Selection Tool), highlight the specified control points, and then move them up to 15 px up using the up key, as shown in the second screenshot below.

Step 20

To the created vector shape that you created in the previous step, apply the following layer styles as well as the settings shown in the screenshots below.

Step 21

Change the foreground color to # AF594C. Choose a tool Rectangle (Rectangle Tool). Draw a vector shape 30 x 4 px. Arrange it as shown in the first screenshot below.

Next, hold down (Ctrl) + click on the thumbnail of the layer with the main gray shape to create an active selection. Now, make sure that you are on the layer with the created rectangle, and then click Add layer mask (Add Layer Mask).

Step 22

To the created vector shape that you created in the previous step, apply the following layer styles as well as the settings shown in the screenshots below.

Step 23

Change the foreground color to # FF0000. Choose a tool Rectangle (Rectangle Tool). Draw a 5 x 68 px vector shape. Arrange it as shown in the first screenshot below.

Choose a tool Add anchor point (Add Anchor Point Tool), focusing on the top of the red rectangle, add two anchor points, as shown in the third screenshot below.

Choose a tool Arrow (Direct Selection Tool), continue to focus on the top of the red rectangle, select the left anchor point, which is indicated in the second screenshot below, and then shift it 2 px to the right. Now select the right anchor point, which is indicated in the same screenshot below, and then move it 2 px to the left.

Step 24

To the created vector shape that you created in the previous step, apply the following layer styles as well as the settings shown in the screenshots below.

Step 25

Change the foreground color to # F6F6F6. Choose a tool Ellipse (Ellipse Tool). Draw a 15 x 15 px vector shape. Arrange it as shown in the first screenshot below.

For the created vector shape, apply the following layer styles as well as the settings shown in the screenshot below.

Step 26

Change the foreground color to # C1C1C1. Choose a tool Rectangle (Rectangle Tool). Draw a 2 x 12 px Vector Shape. Arrange it as shown in the first screenshot below.

For the created vector shape, apply the following layer style, as well as the settings shown in the screenshot below.

Step 27

Using the same tool, draw a rectangular vector shape 13 x 2 px. Arrange this shape as shown in the screenshot below.

For the created vector shape, apply the following layer styles as well as the settings shown in the screenshot below.

Step 28

In the layers palette, select the layers that make up the screw shape, press the keys (Ctrl + T), and then randomly turn the screw head.

Now select the layers that make up the shape ”i“ (Translator: English letter ” i “) and press the keys (Ctrl + G) to group them.

To the created group, apply the following layer styles, as well as the settings shown in the screenshot below.

Step 29

Change the foreground color to # C9A67C. Choose a tool Rounded Rectangle (Rounded Rectangle Tool). In the top settings panel of this tool, set Radius (Radius) 2 px. Draw a vector shape 15 x 165 px.

Choose a tool Add anchor point (Add Anchor Point Tool), focusing on the light brown shape, add new anchor points, as shown in the second screenshot below.

Step 30

Choose a tool Arrow (Direct Selection Tool), alternately select the reference control points, and then alternately shift them, as shown in the screenshot below.

Step 31

For a layer with a light brown shape, apply layer styles as well as the settings shown in the screenshots below.

Step 32

Change the foreground color to # E6E6E6. Choose a tool Rectangle (Rectangle Tool). Draw a 60 x 24 px Vector Shape. Position this shape as shown in the first screenshot below.

Make sure that you are on the layer with the shape of the drawn rectangle, then go Editing – Transformation – Deformation (Edit> Transform> Warp) and then select the warp mode in the top settings panel of this tool. Shell up (Shell Upper), and also click Change warp orientation (Change warp orientation), set Bend (Bend) at 18, and then press (Enter).

Select the layers with vector shapes that make up the image of the ax, then press the keys (Ctrl + T). Rotate the image by -45 degrees.

Step 33

To the created vector shape that you created in the previous step, apply the following layer styles as well as the settings shown in the screenshots below.

Step 34

Change the foreground color to # 000000. Choose a tool Line (Line Tool). Draw a small line, as shown in the first screenshot below.

Make sure the layer with the drawn line is active, reduce Fill (Fill) layer to 0%, and then press the keys once (Ctrl + [) to shift the line under the metal part of the ax.

To the drawn line, apply the following layer style, as well as the settings shown in the screenshot below.

Step 35

In the layers palette, inside the created group with keys, duplicate the layer with the horizontal key. Move the duplicate layer from the group to the general layer palette.

Choose a tool Outline selection (Path Selection Tool), highlight the left end of the key, and then press the (delete) key.

Change the foreground color to # 00EB69. Choose a tool Ellipse (Ellipse Tool). Draw a circle of 24 px. Arrange the circle as shown in the screenshot below.

Using the same tool, draw another 12 px circle. Place this shape directly on top of a previously drawn 24 px circle.

In the layers palette, select both layers with drawn circles, and then go Combine shapes (Merge Shapes). Choose a tool Allotment contour (Path Selection Tool). Click on a circle of 12 px, and then in the top toolbar, select the mode for this tool. Subtract front figure (Subtract Front Shape).

Step 36

Choose a tool Rectangle (Rectangle Tool), draw two 2 x 3 px rectangles. Arrange these rectangles, as shown in the first two screenshots below. Combine both layers with rectangles, duplicate the resulting merged shape three times, and then rotate the duplicate layers one by one, as shown in the following screenshot below.

Step 37

In the layers palette, select the layers with the shapes that make up the new key, then right-click on the selected layers and in the appeared window select the option Combine shapes (Merge Shapes). Click on the thumbnail of the merged layer to load the active selection around the created key, change the color to # F6F6F6.

Turn this key to -45 degrees, position it as shown in the screenshot below.

To the combined layer with the created vector shape, apply the following layer styles, as well as the settings shown in the screenshots below.

Step 38

In the layers palette, make sure you are on a layer with the key you just created. Duplicate this layer. Next, go Editing – Transformation – Rotate 180 degrees (Edit> Transform> Rotate 180 degrees). Arrange the duplicate layer as shown in the screenshot below.

Now select both layers with the keys that make up the “x” shape to group them (Ctrl + G).

Apply the following layer styles as well as the settings shown in the screenshots below to the created group.

Step 39

In the layers palette, go to the layer with the group with the figure “i”, duplicate this group. Place a duplicate of the new group, as shown in the first screenshot below.

Now select the layer with the light brown rectangle (Translator: ax handle), duplicate this layer (Ctrl + J), placing a duplicate layer, as shown in the second screenshot below.

Step 40

Change the foreground color to # F6F6F6, select the tool Pen (Pen Tool). Draw the following vector shape.

Step 41

Apply the layer styles to the vector shape we drew in the previous step. Apply the following layer styles and settings that are shown in the screenshots below.

Step 42

In the layers palette, select all the layers related to the shape “t” to group them.

To the created group, apply the following layer styles and settings, which are shown in the screenshots below.

Step 43

In the layers palette, go to the layer with Background (Background layer), click on the lock icon to unlock it. Change the foreground color to # 58857E or # 80664F, select the tool Fill (Paint Bucket Tool). Fill the canvas with a new color shade. To the layer that you unlocked in this step, apply the following layer styles and settings, which are shown in the screenshots below.

We have completed the lesson! I hope you liked this lesson, and you can use this technique in your future projects. Thank you for being with me!

The final result:

PSD lesson

Like this post? Please share to your friends: