-15% OFF - Over Christmas Photoshop Actions For ONLY 50$
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Create Hair Text Effect in Adobe Photoshop

www.psd-dude.com
Tutorials Text Effects 13792 Views August 23rd, 2018

In this tutorial you will learn how to create realistic hair and fur in Photoshop using some simple yet effective techniques. This can be used as animal hair or as human hair so it is a versatile effect. With the right color tones it can even be used as grass.

Advertisment

Create Realistic Hair or Fur Text Effect in Photoshop

In this tutorial you will learn how to create a hair or fur text in Photoshop using fur brushes and textures. It will take about 10 minutes to make this realistic hair typography so let's take a quick look at what will be creating.

cut hair text effect photoshop tutorial

In this first step we'll create the background. A bad looking background can ruin the text effect so you have to choose carefully. For this text I decided to add a light color fabric texture as background. But you can choose for example a rustic wooden texture from this list of free wood texture. Another great choice is to use a crumpled folded texture so be creative.

Download the ABR and PAT files used in this tutorial

To create the background we need a linen fabric pattern that you can find inside the PAT file. So download the files needed for this tutorial. You have to install the ABR and PAT files in Photoshop. Go to Edit>Preset Manager and choose the Preset Type. First choose Brushes to load the ABR file and after that choose Patterns to load the PAT file.

photoshop load pattern

Create a new PSD file of 1200x630px. Create a new layer and call it Linen Background. Fill the layer with any color you want and add Gradient Overlay and Pattern Overlay layer styles.For the Pattern Overlay choose the seamless fabric texture pattern.

photoshop crete gradient overlay for the background photoshop fabric background using pattern overlay

To make the linen fabric more realistic you can use a grounge background; add the texture in a new layer and change the blend mode to Soft Light or Multiply with opacity around 30%. It all depends on the grunge image that you use. It has to be a neutral color tone like light gray or cream. So your linen fabric background should now look like this.

linen fabric background texture

Add the text in a new layer. Call this layer Hair Text. You can use any font type you want. I use the Pooplatter font type which is 100% free.

Add New Font in Photoshop
To add a new font on your computer you have to follow a few simple steps. Once the font is installed it will automatically appear in your Photoshop Fonts list. Read more...
text with pooplatter font

Add a Pattern Overlay layer style to the Hair Text layer. Use the pattern "hair-2-by-psddude" from the PAT file that you installed in a previous step.

photoshop hair pattern photoshop use hair pattern overlay

Create a new layer just above the Hair Text layer and call it Hair Border. Keep the CTRL key pressed and click on the Hair Text layer thumbnail to make a selection.

text with hair pattern

Right click on the selection and choose Make Work Path.

make work path from text selection

Quick Tip: Make Work Path and Stroke Path

Set the Foreground color to #975126 and the Background color to #2a1412 . Select the Brush Tool and pick the "hair brush 1 by psddude", size 60px, mode Normal and Opacity 100% .

hair brush photoshop

Pick the Path Selection Tool and right click on the work path and choose Stroke Path.

Stroke brush photoshop

Press delete to delete the work path.

make furry text in photoshop

Add a Drop Shadow layer style.

drop shadow hair layer style

Select the Hair Text layer and the Hair Border layer and merge the two layers. Call this new layer Hair Fur Text and add Drop Shadow and Inner Shadow layer styles.

drop shadow hair color hair layer style inner shadow fur text effect photoshop

Make a new layer and use the "hair brush 3 by psddude" to add some details like shown in the preview.

hair brushes photoshop

For the final touches you can add a scissors for example and a comb to make the image more interesting. Use the Pen Tool to make a precise selection and to remove the background. Also add a Drop Shadow and an Inner Shadow layer styles to the Scissors and Comb layers.

add drop shadow to hair effect inner shadow settings for fur text effect

So here is the final result for the fur or hair text effect made in Photoshop using brushes, textures and layer styles. Easy and fun to make, so I hope you enjoyed reading this tutorial!

fur and hair text effect made in photoshop

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

2 comment(s) for "Create Hair Text Effect in Adobe Photoshop"

PSDDude
3:30 AM Thursday, April 28, 2016
Hair and Fur Photoshop Typography made by Larissa reply
PSDDude
10:12 AM Friday, May 06, 2016
Here is another interesting hair text effect made in Photoshop. The mustache typography was made by Naja23 reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
LIKE US ON FACEBOOK

      Dispersion with Real Images Photoshop Action
top