Create a fur text and action in Photoshop

In this tutorial, I will show you how to create a fur text effect in Adobe Photoshop using patterns, brushes, layer styles, and a gradient map. At the end of the lesson you will get a ready-made action, with which you can create the same text effect with one click of the mouse.

If you do not want to perform the lesson, but you are interested in the action, I suggest visiting the website GraphicRiver and buying Fur Generator. This action has additional functions: it works with resolutions of 72 and 300 dpi, it can also be applied to vector shapes, select any color and length of fur.

1. Create a background for action

Open Photoshop, go File – Open (File – Open) and select the image FurAction-BG.jpg.

2. Create text

Take Type Tool (T) (Text) and write the word “FUR”. Select the font Aller Display and go Window – Character (Window – Symbol). Install Size (Size) at 347 pt and Tracking (Letter spacing) at 50.

3. How to install the brush and pattern

Step 1

Move on Edit – Presets – Preset Manager (Editing – Sets – Manage sets). Preset Type (Type of set) set to Brushes (Brushes), then press the button Load (Download) and select the downloaded brush brush_fur_tutorial.abr.

Step 2

Move on Edit – Presets – Preset Manager (Editing – Sets – Manage sets). Preset Type (Type of set) set to Patterns (Patterns), then press the button Load (Download) and select the downloaded pattern pattern_fur_tutorial.pat.

4. How to create an action

Step 1

Open the panel Window – Actions (Window – Operations).

Step 2

Now we have to add a new set of actions. To do this, click the button Create New Set (Create a new set of operations), enter the name, for example, Fur Action and click OK.

Step 3

Next, click the button Create New Action (Create New Operation) at the bottom of the panel Actions (Operations), call it Fur Text and click Record (Record).

From this moment begins the recording of all your actions in Photoshop, so we are watching what happens on the panel Actions (Operations).

If you make a mistake, click Stop Playing/ Recording (Stop run / write) and remove unnecessary actions from the Fur Text action. Then click Begin Recording (Start recording) to continue recording.

Step 4

Check that the text layer is selected on the layers panel, go to Layer – Rename Layer (Layer – Rename the layer) and call it “Main Text 1”.

Step 5

Take Brush Tool (B) (Brush). Select the brush FUR Brush – Tutorial, which we downloaded at the beginning of the lesson. Set its mode to Normal (Normal), Opacity (Opacity) and Flow (Push) – 100%. Make sure that the buttons marked in the screenshot below are turned off.

Step 6

Now create a new layer. Move on Layer – New – Layer (Layer – New – Layer), call it “Fur-1” and click OK.

Step 7

Select the layer “Main text 1” and turn Type – Create Work Path (Text – Create a work path).

Step 8

Now select the “Fur-1” layer, open the panel Window – Paths (Window – Contours), right click on the contour on the panel and select Stroke Path (Outline stroke). In the dialog box that appears in the drop-down menu, select Brush (Brush), uncheck Simulate Pressure (Simulate pressure) and click OK.

After that, delete the work path on the panel Paths (Contours).

Step 9

Go back to the layers panel. Now we can combine text with fur. To do this, select the “Fur-1” layer on the layers panel, hold down the Shift key and select the “Main text-1” layer.

Let’s release the Shift key, right-click on the “Fur-1” layer and select Merge Layers (Merge layers).

Step 10

Now we need to add layer styles. Double click on the “Fur-1” layer to apply the following styles:

Add Bevel Emboss (Chamfer and emboss) with the following settings:

  • Style (Style): Inner Bevel (Inner bevel)
  • Technique (Method): Smooth (Smooth)
  • Depth (Depth): 63%
  • Direction (Direction): Up (Up)
  • Size (Size): 24 px
  • Soften (Softening): 16 px
  • Use Global Light (Global Illumination): Disabled
  • Angle (Angle): 13º
  • Altitude (Height): 42º
  • Gloss Contour (Gloss Contour): Gaussian
  • Anti-aliased (Smoothing): enabled
  • Highlight mode (Backlight mode): Soft light (Soft light)
  • Color (Color): #ffffff
  • Opacity (Opacity): 65%
  • Shadow Mode (Shadow mode): Overlay (Overlap)
  • Color (Color): # 362a1a
  • Opacity (Opacity): 26%

Step 11

Customize Contour (Circuit):

  • Contour (Contour): Gaussian
  • Anti-aliased (Anti-aliasing): disabled
  • Range (Range): 61%

Step 12

Add Inner Glow (Inner Glow) with the following settings:

  • Blend Mode (Blend Mode): Screen (Lightening)
  • Opacity (Opacity): 25%
  • Noise (Noise): 0%
  • Color (Color): # cfb9a6
  • Technique (Method): Softer (Soft)
  • Source (A source): Center (From the center)
  • Choke (Stinging): 4%
  • Size (Size): 213 px
  • Contour (Contour): Linear
  • Anti-aliased (Anti-aliasing): disabled
  • Range (Range): 100%
  • Jitter (Oscillation): 0%

Step 13

Add Color Overlay (Color overlay) with the following settings:

  • Blend Mode (Blend Mode): Color (Chromaticity)
  • Color (Color): #ffffff
  • Opacity (Opacity): 21%

Step 14

Add Pattern Overlay (Overlay pattern) with the following settings:

  • Blend Mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Pattern (Pattern): Select the downloaded pattern pattern_fur_tutorial.pat.
  • Scale (Scale): 25%
  • Link with Layer (Link to layer): enabled

Step 15

Add Drop Shadow (Shadow) with the following settings:

  • Blend Mode (Blend Mode): Normal (Normal)
  • Color (Color): # 6d655d
  • Opacity (Opacity): 100%
  • Use Global Light (Global Illumination): Disabled
  • Angle (Angle): 0 º
  • Distance (Offset): 18 px
  • Spread (Swipe): 100%
  • Size (Size): 0 px
  • Contour (Contour): Linear
  • Anti-aliased (Anti-aliasing): disabled
  • Noise (Noise): 0%
  • Layer Knocks Out Drop Shadow (The layer knocks out the shadow): enabled

Step 16

If you are using a version of the program older than Photoshop CC, then skip this step and click OK to apply the layer styles. After that go to step 18.

Near Drop Shadow (Shadow) click on the plus button to add another copy of this layer style, and customize it:

  • Blend Mode (Blend Mode): Normal (Normal)
  • Color (Color): # e5dacf
  • Opacity (Opacity): 100%
  • Use Global Light (Global Illumination): Disabled
  • Angle (Angle): 0 º
  • Distance (Offset): 0 px
  • Spread (Span): 0%
  • Size (Size): 2 px
  • Contour (Contour): Linear
  • Anti-aliased (Anti-aliasing): disabled
  • Noise (Noise): 0%
  • Layer Knocks Out Drop Shadow (The layer knocks out the shadow): enabled

Step 17

Add a third copy of the layer style. Drop Shadow (Shadow):

  • Blend Mode (Blend Mode): Multiply (Multiplication)
  • Color (Color): # 000000
  • Opacity (Opacity): 30%
  • Use Global Light (Global Illumination): Disabled
  • Angle (Angle): 3 º
  • Distance (Offset): 34 px
  • Spread (Span): 0%
  • Size (Size): 1 px
  • Contour (Contour): Linear
  • Anti-aliased (Anti-aliasing): disabled
  • Noise (Noise): 0%
  • Layer Knocks Out Drop Shadow (The layer knocks out the shadow): enabled

When finished, click OK.

After applying the layer styles, you should get this text effect:

Or like this, if you are using an old version of Photoshop:

Step 18

If you are using the Photoshop CC version, skip the following steps and go to step 23.

Duplicate (Ctrl + J) the layer “Fur-1” twice and place them under the original:

Step 19

Click the right mouse button on the first copy and select Clear Layer Style (Clear layer style). Do the same for the second copy.

Step 20

Decrease Fill (Fill) of both copies by 0%.

Step 21

Double click on the first copy to apply the new layer style.

Add Drop Shadow (Shadow) with the following settings:

  • Blend Mode (Blend Mode): Normal (Normal)
  • Color (Color): # e5dacf
  • Opacity (Opacity): 100%
  • Use Global Light (Global Illumination): Disabled
  • Angle (Angle): 0 º
  • Distance (Offset): 0 px
  • Spread (Span): 0%
  • Size (Size): 2 px
  • Contour (Contour): Linear
  • Anti-aliased (Anti-aliasing): disabled
  • Noise (Noise): 0%
  • Layer Knocks Out Drop Shadow (The layer knocks out the shadow): enabled

When finished, click OK.

Step 22

Double click on the second copy to add a new layer style.

Add Drop Shadow (Shadow) with the following settings:

  • Blend Mode (Blend Mode): Multiply (Multiplication)
  • Color (Color): # 000000
  • Opacity (Opacity): 30%
  • Use Global Light (Global Illumination): Disabled
  • Angle (Angle): 3 º
  • Distance (Offset): 34 px
  • Spread (Span): 0%
  • Size (Size): 1 px
  • Contour (Contour): Linear
  • Anti-aliased (Anti-aliasing): disabled
  • Noise (Noise): 0%
  • Layer Knocks Out Drop Shadow (The layer knocks out the shadow): enabled

When finished, click OK.

Step 23

Now we have to convert the “Fur-1” layer into a smart object:

For Photoshop CC do the following:

Right click on the layer “Fur-1” and select Convert to Smart Object (Convert to smart object).

For older versions of Photoshop, do the following:

Select the “Fur-1” layer, hold down the Shift key and select the second copy of the “Fur-1 copy 2” layer. Let’s release the Shift key, then right-click on the “Fur-2” layer and select Convert to Smart Object (Convert to smart object).

Step 24

Now paint the fur white. Go to the panel Window – Adjustments (Window – Correction) and select Gradient Map (Gradient map).

Step 25

Now the picture looks a little strange, but don’t worry. Call the gradient layer “Gradient”.

Step 26

Click the right mouse button on the “Gradient” layer and select Create Clipping Mask (Create clipping mask).

Step 27

Double click on the miniature of the gradient layer to open the window Properties (Properties).

Step 28

On the panel Properties (Properties) click on the color bar to open the gradient editor.

Adjust the gradient:

  • The first color is # 000000 and Location (Position) 0%
  • Second color: # 848484 and Location (Position) 30%
  • Third color: # c0c0c0 and Location (Position) 48%
  • Fourth color: #ffffff and Location (Position) 100%

When finished, click OK.

Step 29

Rename the layer from “Fur-1” to “Fur” and disable the action recording.

Congratulations, we are done!

In this lesson, you learned how to create an action with a fur text effect in Photoshop.

We began work with text creation and action recording, then, using the “fur” brush, we added a contour. After that, apply layer styles and a gradient map to change the color.

A few points that are important to remember before applying this action:

  1. Make sure you have a “fur” pattern and brush.
  2. Make sure the opacity and brush pressure are set to 100%, as in section 4, step 5.
  3. Make sure you apply the action to the text layer and it is highlighted on the layers panel.

To apply the action, just select the text layer and click the button Play (Run) on the panel Actions (Operations).

Hope you enjoyed this tutorial. Feel free to write comments. The action we created is part of Fur Generator.

Like this post? Please share to your friends: