In this tutorial, you will learn how to create text with the effect of denim texture using filters, brushes and vector shapes.
Create a new document with a size of 1250 x 768 pixels.
Choose colors # 83b7ca and # 22576b respectively for the foreground and background. Fill the background layer with the foreground color.
Next, we apply several filters to create a denim texture. the same texture will be used for text and background. Move on Filter – Filter Gallery – Sketch – Halftone Pattern (Filter – Filter Gallery – Sketch – Halftone Pattern). Set the Size (Size) 1, Contrast (Contrast) 0 and select Dot (Point) from the drop-down menu Type Type (Pattern Type).
The result is a base for denim texture.
Move on Filter – Filter Gallery – Artistic – Smudge Stick (Filter – Filter Gallery – Artistic – Feather). Change the Stroke Length by 2, the Highlight Area by 12 and the Intensity by 10.
Next, go Filter – Filter Gallery – Texture – Grain (Filter – Filter Gallery – Texture – Grain). Change Intensity (Intensity) to 11, Contrast (Contrast) to 50 and select Regular (Ordinary) from the drop-down menu Grain Type (Type of grain).
This will add a slight noise to the denim texture, giving it realism.
Duplicate the background layer, then hide the copy by clicking on the eye icon.
Select the original background layer. Move on Image – Adjustments – Hue / Saturation (Image – Correction – Hue / Saturation), change Hue (Color tone) to 20, Saturation (Saturation) to -50 and Lightness (Brightness) to -50.
Move on Image – Adjustments – Levels (Image – Correction – Levels) and change the Shadows parameter to 35 to make the texture a bit darker.
Write text in white using the Grobold font. On the panel Windows – Character (Window – Font) change the Size (Size) to 300pt and Tracking (Tracking) to 75.
Please note that the letter “D” is too close to “e”, which may cause an extra overlap. To fix this, place the cursor on the tool. Type tool (Text) between these letters and set the parameter Kerning (Kerning) to 68.
Make a visible copy of the background by clicking on the eye icon and place it above the text layer. Then, hold down the Ctrl / Cmd key and click on the thumbnail of the text layer to load its selection.
Move on Select – Modify – Expand (Allocation – Modification – Expand) and enter 6. For a larger value, small details of the text will merge. Therefore, enter a value at which your font will look quite detailed.
Select the “Background copy” layer (copy of the background), then press Ctrl / Cmd + J to duplicate the selected area to a new layer. Hide the “Background copy”, since we no longer need it.
Duplicate the “Layer 1” layer, then change the copy blend mode to Soft light (Soft light) and reduce Opacity (Opacity) up to 50%. As a result, the texture became clearer and the color more intense.
Double click on the “Layer 1” layer to apply the layer style Inner shadow (Inner shadow). Change the Opacity to 50%, Distance to 0 and Size to 2.
This will add a light volume around the edges of the text and later on will allow for a better brush stroke.
Duplicate the text layer, then hide the original and move the copy to the top.
Right click on the copy of the text layer and select Convert to shape (Convert to shape). Now the text is no longer editable.
Activate any tool from the group Shape tool (Figure) (U) and move to the options panel at the top of the program. Photoshop CS6 has several interesting features that will help us quickly create stitches.
Parameter Fill (Fill) set to No color (No color). This option is not the same as the Fill option on the layers panel. The first removes the color inside the shape and does not affect the stroke, and the second affects the whole object.
Now we need to add a stroke. Click on the icon Stroke (Stroke) and select Solid color (Solid color). Then click on the color selection icon and enter # c0b384.
Enter a value of 3 pt (stroke thickness), then click on the stroke type selection icon and select the dotted one. To customize it in more detail, click on the button. More Options (Other options).
In the window Stroke (Stroke) set Align (Snap) on Inside (Inside), Caps (Tips) on Butt (Butt) and Corners (Angles) on Miter (Slice). Then we change the first parameter Dash (Stroke) to 2.5 and the first Gap (Space) to 1. As you noticed, the Dash parameter (Stroke) is responsible for the length of the dotted lines, and Gap (Space) for the distance between them.
Double click on the stitch layer to open the window Layer style (Layer style):
Bevel and Emboss (Chamfer and embossing)
Inner shadow (Inner shadow)
Gradient overlay (Gradient overlay)
Outer glow (External glow)
Drop shadow (Shadow)
This will give the stitches a 3D effect.
If you think that the stitches are too rough, reduce Opacity (Opacity) layer up to about 85%.
Hold Ctrl / Cmd and click on the thumbnail of the denim text layer to load its selection.
At the bottom of the layers panel, click the button Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Hue / Saturation (Hue / Saturation). From the selection on the adjustment layer, a mask is formed according to the shape of the text, due to which color changes will only affect the background.
Change the Hue (Color tone) to 10, Saturation (Saturation) to -25.
Load the text selection again, then click the button again. Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Levels (Levels).
Set the parameter Shadows (Shadow) by 30 to make the texture darker.
Open the brush panel Window – Brush (Window – Brush) and select the brush Dune grass. We configure it as shown below:
Brush tip shape (Brush print form)
Shape dynamics (Dynamics of the form)
Dual brush (Double brush): Select the brush Chalk 36.
Color Dynamics (Color dynamics)
Click the right button on the original text layer and select Create Work Path (Create a work path).
Set the foreground color to # 597f91 and the back to # 081f30. Create a new layer under the denim textures and call it “Stroke”.
Activate Direct selection tool (Partial selection) (A), then right-click on the work path and select Stroke path (Outline stroke).
From the drop-down menu, select Brush (Brush) and deactivate Simulate pressure (Simulate pressing).
As a result, torn edges appeared along the contour of the text, but they are too thin and uneven. Two more times we use a contour stroke.
Now the edges look better and more realistic. We press Enter / Return, to get rid of the working circuit.
Double click on the “Stroke” layer and apply Drop shadow (Shadow). Color set to # 222222, Distance (Distance) at 10, Spread (Spread) at 15, Size (Size) at 10.
Shadow added depth to the flat texture.
At the very top, create a new layer and call it “Dirt.” Then change the blending mode to Darker color (Darker). Set the foreground color to # 8c6239.
Hold Ctrl and click on the thumbnail of the layer with denim texture, then hold Shift + Ctrl, click on the thumbnail of the layer with a ragged stroke to add it to the selection.
Use any brush from the Rust ‘n Grunge set to add dirt. It will not be too noticeable, but in the final, after all the adjustments, this will give the texture realism.
Without removing the selection, create a new layer above all the previous ones and call it “Clouds”. Set colors to black and white, then go Filter – Render – Clouds (Filter – Rendering – Clouds). Next, go Select – Deselect (Selection – Deselect selection) (or press Ctrl / Cmd + D) to get rid of selection.
Change the blending mode of the “Clouds” layer to Overlay (Overlap) and reduce the Opacity to 20%. You can enter any values that seem right to you. This will add variety to the texture.
At the bottom of the layers panel, click the button Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Gradient map (Gradient map).
Make sure that the adjustment layer is at the top. Change its blending mode to Soft Light and lower the Opacity to 50%.
The gradient used colors from # 504d44 to # aba277.
Create a new layer between “Clouds” and “Dirt”, call it “Rivets”. Double click on it to apply layer styles:
Bevel and Emboss (Chamfer and embossing)
Drop shadow (Shadow)
Set the foreground color to # 564a2e, take a hard brush (B) with a size of 13 pixels and start drawing rivets in the corners of the letters.