Create a stylish leather text in Photoshop

In this tutorial, you will learn how to create 3D-skinned stylized text without using 3D tools.

Materials for the lesson:

  1. Courgette Font
  2. Textures
  3. Gradients for Photoshop (load CHROMES.grd and CSP True Sky Gradients.grd gradients into Photoshop)
  4. Archive with materials

1. Creating the background

Step 1

Create a new file of 1000 x 750 pixels. Set the foreground color to # e4e4e2, the back one to # 0b0b0b. Activate Gradient tool (G) (Gradient), find the gradient from the foreground color to the back color and choose a radial fill. Left click in the center of the document and drag to one of the corners to fill the background with a gradient. Duplicate the resulting layer (Ctrl + J).

Step 2

Double click on the duplicate to open the window. Layer style (Layer style), and apply Pattern overlay (Overlay texture). In the settings, the blend mode is changed to Hard light (Hard Light) and apply the loaded texture to Carbon Fiber Big.

Step 3

We get this result.

2. Creating text

Step 1

Create text by adding each letter on a separate layer. The font used is Courgette, the color is # debc8b and the size is 350 pt.

Step 2

Activate Rectangle tool (U) (Rectangle) and create a rectangle below the text. The color of the rectangle should be the same as the text.

Step 3

Activate Convert point tool (Convert point) (P) and with it round the corners of the rectangle.

Step 4

If activate Direct selection tool (A) (Direct Selection), then we will be able to move a single nodule, forming the desired rectangle shape. If you pull the small antennae-guides, it will change the curve of the curve.

Step 5

We continue to edit the rectangle until we get the desired shape.

3. Group the letters and duplicate them.

Step 1

Each letter is placed in a separate group. To do this, select the layer and press Ctrl + G. We call each group by the name of the letter.

Step 2

Now we can work with each letter in parallel or in series. In this lesson, I will show you how to create a skin effect with just one letter as an example. Then you yourself can repeat the whole process for other letters and duplicate all the necessary adjustment layers and settings.

We hide all groups, except the one with which we will work.

Step 3

Duplicate the text layer, change the Fill (Fill) copy to 0% and duplicate it again.

Step 4

Duplicate the original text layer, move the copy below the original, right-click on it and select Convert to shape (Convert to shape), then rename the layer to “E Shape”. Duplicate the “E Shape” layer (Ctrl + J) and move the copy below the original.

Step 5

Duplicate a copy of the “E Shape” layer and move it higher to the top of the group.
Now let’s check. Compare your list of layers with mine. You should have the same.

E Shape copy 2
E copy 2
E copy
E
E shape
E Shape copy

Throughout the lesson I will name these layers as they are shown above in the list. Therefore, make sure that your layers have the same name in order to avoid confusion in the future.

4. Create a seam

Step 1

Select the E Shape copy 2 layer and activate Direct selection tool (A) (Direct Selection). The settings panel will display the settings that can be applied to our letter.

Change Fill (Fill) on None (Do not show), set the stroke color to # 91741c, and the width to 1. Then select the dotted stroke shape and set Align (Alignment) on Inside (Inside). So we created the seams.

Step 2

Select the original “Shape” layer, set the fill color to # e4e4e4, the stroke color to # d4d4d4, the width of the border – 5, and the alignment Outside (Outside).

Step 3

Select the “Shape copy” layer, set the fill color to # e4e4e4 and stroke to None, then go Edit – Free Transform (Editing – Free Transformation). Once we press the right and down arrows on the keyboard to move the letter one pixel diagonally down. Then press Enter to confirm the changes.

Step 4

Hit Alt + Ctrl + Shift + T 5 times to duplicate the layer and transform.

5. Styling seams

Double-click on the Shape copy 2 layer to apply the layer styles.

Step 1

Size: 0

Step 2

Activate Anti-aliased.

Step 3

Color: # edd67b (can choose any)

Step 4

Color (Color): # 5b3e03
Distance (distance): 0
Size: 1

Step 5

We get this result.

6. Styling letters.

Double click on the original text layer to apply layer styles.

Step 1

Size: 18
Activate Anti-aliased (Smoothing)
Shadow Mode (Shadow Mode) – Color (Color): # 93804d

Step 2

Pattern (Pattern): Large leather (here we select the downloaded skin texture)
Depth: 60%
Activate Invert

Step 3

Blend Mode (Blend Mode): Linear Burn (Line Dimmer)
Noise: 65%
Color (Color): # e6d842
Source (Source): Center (From the Center)

Step 4

We get just such a skin texture.

7. Styling the first copy of the text layer.

Double click on the first copy of the text layer to apply the layer styles.

Step 1

Size: 21
Soften (Smoothing): 5
Deactivate Use Global Light
Angle: –108
Altitude: 58
Activate Anti-aliased (Smoothing)
Shadow Mode (Shadow Mode) – Opacity (Opacity): 0%

Step 2

Contour: Cove – Deep
Activate Anti-aliased (Smoothing)

Step 3

We get highlights on the skin.

8. Styling the second copy of the text layer.

Double click on the second copy of the text layer to apply the layer styles.

Step 1

Size: 21
Soften (Smoothing): 5
Deactivate Use Global Light
Angle (Angle): 99
Altitude: 58
Activate Anti-aliased (Smoothing)
Highlight Mode: Hard Light
Color: # fffbe2
Opacity: 100%
Shadow Mode (Shadow Mode) – Opacity (Opacity): 0%

Step 2

Contour: Half Round
Activate Anti-aliased (Smoothing)

Step 3

As a result, we added the letter volume.

9. Styling the original text layer.

Double click on the original “Shape” layer to apply layer styles.

Step 1

Size: 1
Activate Anti-aliased (Smoothing)

Step 2

Contour: Ring
Activate Anti-aliased (Smoothing)
Range: 100%

Step 3

As a result, we have improved the edges of the letter.

10. Styling the edges of the letter.

Double click on the first copy of the “Shape” layer to apply the layer styles.

Step 1

Style: Reflected (Mirror)
Angle (Angle): 45
From the set CHROMES.grd choose the gradient steel pipe 20

Step 2

Distance (distance): 15
Size: 7

Step 3

We get this result.

11. Add a gradient map

Step 1

In the same way we create the rest of the letters. Let some letters overlap slightly, this will create an interesting effect.

Step 2

Having finished with placement of letters, we press the button Create new fill or adjustment layer (Create a new fill or adjustment layer) at the bottom of the layers panel and select Gradient Map.

From the True Sky Gradients.grd set, select the CSP True Sky Sunradial gradient, then change the layer blending mode to Multiply and reduce the opacity to 10%.

Author: Rose

Like this post? Please share to your friends: