Create a knitted text in Photoshop

Using textures in combination with layer styles is a good way to get interesting and high-quality work. And in this tutorial, you will learn how to create a knitted text effect using yarn texture, layer styles and a few brushes.

Step 1

Create a document of 1750×855 pixels. Move on File – Place Embedded (File – Place embedded) and select the texture of the fabric. If necessary, adjust the size and press the key. Enter / Return, to apply the changes.

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 / Sturation (Hue / Saturation).

Activate Colorize (Toning), install Hue (Color tone) at 273, Saturation (Saturation) by 4 and Lightness (Brightness) at -52.

Press the button again Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Levels (Levels).

InstallGamma (Gamma) at 0.80.

Step 2

Using the font Titan One regular (size 500 pt, any light color), write the text in capital letters, each letter on a separate layer.

Each letter is placed in a separate group with the same letter in the name of the group. To group layers, press the key combination Ctrl + G or go to the menu Layer – Group Layers (Layer – Group the layers). Next, duplicate each text layer in the group.

Double click on the original layer of the first letter to apply the layer style. Drop shadow (Shadow):

Color (Color): # 3c3c3c
Opacity (Opacity): 35%
Distance (Distance): 55
Size (Size): 27

Right-click on the shadow layer and select Copy Layer Style (Copy layer style), then hold down the key Ctrl / Cmd and click on the other originals of the letters to highlight them. Next, click the right button on any of the selected text layers and select Paste Layer Style (Paste layer style).

In this way, you will apply layer styles to the rest of the letters, but for now we will focus on just one.

Step 3

Double click on the copy of the first letter to apply the layer styles:

Bevel and Emboss (Chamfer and embossing)
Size (Size 80
Activate Anti-aliased (Smoothing)
Shadow mode (Shadow mode) – Opacity (Opacity): 35%

Texture (Texture)
Pattern (Pattern): Cork (cork texture)
Depth (Depth): 25%

Inner shadow (Inner shadow)
Distance (Distance): 0
Size (Size): 15

Drop shadow (Shadow)
Use default values.

We get this 3D effect.

Copy layer styles to other letters.

Step 4

Click the right mouse button on the original layer of the first letter and select Create Work Path (Create a work path).

Create two new layers above the original text, the first one is called Edges 1, and the second is Edges 2.

Create two more new layers above the text copy, the first one is called Rim, and the second one is Stitches. We create the same layers for the remaining letters.

Step 5

Take Brush tool (B) (Brush) and select Stroke 1 with a brush. Click on the Edges 1 layer, then press the Enter / Return key once to stroke the stitches. Please note that in order for this method to work, the text layer must have a work path!

Another way to do a stroke. Activate the tool Direct selection tool (A) (Direct Selection), right click on the work path and select Stroke path (Run a stroke). In the dialog box that appears, select from the drop-down list.Brush (Brush), deactivate the option Simulate pressure (Simulate pressure) and click OK.

Select the Rim layer, select the Rim brush and stroke again.

Select the Stitches layer, select the Stitches brush and stroke again.
Activate the tool Direct Selection Tool (A) (Direct selection) and click Enter / Return, to get rid of the working circuit.

Step 6

Hold down the key Ctrl / Cmd and left-click on the thumbnail of the text layer in the layers panel to load its selection.

Select the Rim layer and click the button. Delete, to remove the inside of the stroke. Then go Select – Deselect (Selection – Deselect Selection) (Ctrl / Cmd + D) to deselect.

Hold down the key Ctrl / Cmd and left-click on the thumbnail of the Edges 1 layer on the layers panel to load its selection.

Open the panelPaths (Contours), hold down the key Alt / option and press the button Make work path from selection (Work path from selection) at the bottom of the panel. In the dialog box, set Tolerance (Tolerance) for 2 and click OK.

Due to this, the selection is converted into a work path. Select the Edges 2 layer.

Stroke the contour with Stroke 2 brush, then delete the work path by pressing Enter / Return.

Repeat the process for the remaining letters.

Step 7

Double-click on the Edges 1 layer to apply the layer styles:

Bevel and Emboss (Chamfer and embossing)
Activate only Anti-aliased (Smoothing).

Contour (Circuit)
Activate Anti-aliased (Smoothing).

Texture (Texture)
Pattern (Pattern): Diagonal noise (linear pattern)

Color overlay (Overlay color)
Color (Color): # cfccc0

Thanks to this, we added effects on the outer contour of the letter.

Step 8

Double-click on the Edges 2 layer to apply the soy style. Color overlay (Color overlay) (color # e4e1dc).

By this we have added color to the little hairs on the extreme stitches.

Step 9

Double-click on the Rim layer to apply the layer styles:

Bevel and Emboss (Chamfer and embossing)
Size (Size): 10
Activate Anti-aliased (Smoothing)
Shadow mode (Shadow mode) – Opacity (Opacity): 34%

Contour (Circuit)
Activate Anti-aliased (Smoothing).

Texture (Texture)
Pattern (Pattern): Rough cloth (rough fabric)
Depth (Depth): 150%

Color overlay (Overlay color)
Color (Color): # c6c4bd

We get here such a contour.

Copy the Edges 2 layer styles and paste them onto the Stitches layer.

Apply layer styles to the rest of the letters.

Step 10

Move on File – Place Embedded (File – Place embedded) and select the texture of the yarn. We place it above all layers. Adjust the size based on how big you want to see the loops, then click Enter / Return, to apply the changes. Rename the texture layer to Wool Texture and change its blend mode to Multiply (Multiplication).

Place the texture over the first letter. Move on Edit – Transform – Warp (Editing – Transformation – Deformation). On the options bar from the drop down menu Warp (Deformation) choose Inflate (Inflated). You can adjust the strength of the effect by controlling the knot on the transformation grid. Due to this, the texture will look more convex and bulk. Finish, click Enter / Return.

We clamp Ctr / Cmd and click on the thumbnail of the original layer with the first letter to load its selection.

Activate the layer of yarn texture and click Ctrl / Cmd + J, to duplicate the selection to a new layer. Place this layer above the Rim layer.

Next, use the tool Move Tool (V) (Move) to move the yarn texture to the next letter, and perform the above steps again.

Having finished adding texture to each letter, we hide the layer with the texture of the yarn by clicking on the eye icon in the layers panel.

Step 11

Select all copies of text layers and change their color to # f4f4f1.

Next, select the group with the letter and go Edit – Free Transform (Edit – Free Transform) (Ctrl / Cmd + T). Change the size, rotate, move the letters to slightly diversify the picture. Do not forget to press Enter / Return after each transformation to apply the changes.

We clamp Ctrl / Cmd and click on the thumbnail of the first text layer to load its selection. Next, hold down the keys Ctrl / Cmd + Shift and click on the rest of the text layers to add their selection to the existing one.

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 Levels (Levels). The effect of the adjustment layer will act only inside the selection. Install Highlights (Brightness) at 7 and Gamma (Gamma) at 0.70.

We clamp Ctrl / Cmd and click on the mask of the adjustment layer to load the selection.

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 Hue / Saturation (Hue / Saturation). Install Hue (Color tone) at 20 and Saturation (Saturation) at 50. You can experiment with other values.

Step 12

Create a new layer above the previous layers and call it Beads. Double click on this layer and apply layer styles:

Bevel and Emboss (Chamfer and embossing)
Activate Anti-aliased (Smoothing)
Highlight mode (Light mode): Linear light (Linear light)
Shadow mode (Shadow mode) – Color (Color): # 858585

Contour (Circuit)
Contour (Contour): Cone – Inverted
Activate Anti-aliased (Smoothing)

Texture(Texture)
Pattern (Pattern): Polonez Pattern
Depth (Depth): 545%

Gradient overlay (Gradient overlay)
Use the gradient Stainless Steel 30pot (it can be downloaded from the archive with the materials for the lesson).

Drop shadow (Shadow)
Opacity (Opacity): 30%

We take a round rigid brush with a diameter of 6 px and randomly draw the beads on the letters.

Step 13

Double click on the layer with the very first texture of the fabric to apply the layer style Gradient

Overlay (Gradient overlay):
Blend mode (Blend Mode): Multiply (Multiplication)
Opacity (Opacity): 20%
Angle (Angle): 95

Due to this, we added a gradient fill at an angle that corresponds to the direction of light on the text.

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 selectGradient (Gradient).

Choose a gradient from transparent to opaque using colors from # f7f6f1 to # 3c3c3c. Gradient style set toRadial (Radial) and Scale (Scale) at 500.

Place the gradient layer under the text groups, then change its blend mode to Color burn (Blackout base) and reduce the opacity to 25%.

Author: textuts

Like this post? Please share to your friends: