How to Create Furry Text in Photoshop

by  on September 26, 2009
Tutorials


1-and-last-final-image

In this tutorial we’ll be creating furry text using layer masks and some shadow effects for a 3D look. Its pretty simple and fun  to create and looks pretty cool. You can use this effect to learn new techniques in photoshop ,add to your portfolio or simply for fun. Let’s begin.

Final Image Preview Above.

Time to complete: 1-2 hrs

Resources used:Tiresias Signfont , Hair /Fur brushes, Fur – Bittbox

Thankyou to the artists who provided these ,please remember to follow these artists rules and credit them where appropriate.

Introduction : How to Create Furry Text in Photoshop

The fur will be created using layer masks which are easy to master once youve practiced them a few times . The reason I chose the theme and lettering is because of an up coming event called 350 which is a global summit and charity aiming to expand awareness of global warming .

The PSD file is available for download free at the end.

Step 1

To start open a  Photoshop document at  1000 x 1000 rgb and 300 ppi ,you can use a larger size if you want to print this or use it as a wallpaper.

Step 2

Prepare the background by creating a radial gradient from light to dark green. The first stop we use is set to (#003300) and last to (#022100)    Drag form the centre outwards holding down shift you should have a lighter centre.

Step 3

Now we’ll create the claws – go to custom shape tool by right clicking the rectangle tool. Set it to fill pixels then choose the dog print (about the ninth shape along the top, if you don’t have them click the small triangle in a circle in the shape menu and select animals) .choosing-dog-print-shape-menu

Keep the color on 003300(the lighter color from the gradient we just made) and holding shift to constrain proportions click and drag out some paws of different sizes. Make sure you create each one on a new layer so you can rotate them. Holding down alt select each paw and drag a copy to the left and down so it looks like the paw prints of a walking dog . Using auto select layer here is helpful.

Step 5

Rotate each one so they are at different angles- remember to rotate them to the same angle as the paw they are paired with.

step-5-rotated-paws

Step 6

Now we’ll add depth to the background. What would a tutorial be without layers styles? Here we will add some depth to the paws and create the effect they have made an impression on the background. Double click on the right hand side of a paw layer to bring up layer styles and enter the amounts shown below.

layers styles settings paws

Step 7

When done, hold down alt and drag the layer style to all the other paw layers.

copying-latyers-styles-for-the-paws

Step 8

Select all the paw layers using shift and hit ctrl + G to group them then rename the group paws. The layers styles and layers are all separate, which is a good non destructive way of working, if we feel like moving or resizing a paw later or even changing the layer style this is easily possible.

paws-all-layer-styled

Step 9

Now we have the background ready with the paws and we can begin with the main text effect which is a little more fun. For the main text first download this blocky font ,Tiresias Signfont and install it in your fonts file (if you’ve never done this before this is explained nicely on the font site). The good thing about this font is its used for sign systems and works well with the effect we are creating.

Step 10

With the font installed type out 350 which I chose because it’s ‘the number that leading scientists say is the safe upper limit for carbon dioxide—measured in “Parts Per Million” in our atmosphere. 350 PPM—it’s the number humanity needs to get back to as soon as possible to avoid runaway climate change.’ To find out more info visit the charity 350 http://www.350.org/understanding-350#2 Use 129.56 pt for the size and place text slightly above the middle.

tut-2-text-effect-350-text-st-11

Step 11

Next thing download the first fur from Bittbox ,thanks to Caleb and Jay for this one.

Step 12

Resize the fur so it covers one letter with enough space for the effect around the edges ,around 100 pixels will do nicely.

step-12-furn-over-letter

Step 13

Rotate the fur and remember to resize past the edges of the numbers by around 100 pixels.

step-14-rotate-fur

Step 14

Drag the text layer on top of all the fur layers so your document looks like this.

tut-2-text-effect-step-15

Step 15

Next we’ll turn the layer visibility off and ctrl + click the text layer to select the text.

ctr;-click-selected-text-step-16

Step 16

Now we’ll cut out the text in the fur by adding a layer mask to each fur layer. So with the text selection still active make sure the right layer is active and add a layer mask. Do this for each fur layer, your layers palette should resemble these images:

step-16

and your document should look like this:

step-16-end-ofStep 17

Deselect the text with  ctrl + D . So you should have 3 layers of fur with a layer mask on each.

step-16-finished

Step 18

Now is a good time to save your work.Coolness. Now we can make the fur letters furry with a white brush. Choose a suitable brush, I found texture 5 from assorted brushes worked very nicely.

step18Step 19

With white as your foreground color and a suitable brush, go around the edges of the letters creating the effect that the fur is going over the edge. Make sure you are working on the layer mask. You basically want to get rid of any sharp edges completely. The great thing about working with layer masks is that if you make a mistake you can easily swap the colors and cover up the brush strokes.19

Step 20

Start with a smaller sized brush around 20 pixels Download these brushes from deviant art thanks to ‘keep waiting’ for these.  Try out different fur brushes I found fur1 worked very well to produce a light fur effect.

20

Step 21

Rotate brushes you use for each edge by going to the brush panel and brush tip shape .Try and keep the angle the same as the direction of the fur for consistency.

21Step 22

Get rid of the edges by making them fuzzy, then build up fur whilst rotating the brush.

22

Step 23

Vary the size and angle of the brush until the letters looks furry.Keep adding fur to the edges use the veining feather brush from the Faux finish set and add shape dynamics with these settings and scattering with these settings. You should be able to build up a good fur effect with this brush.

Shape Dynamics

Shape Dynamics

Scattering

Scattering

23-final

Step 24

Try the brush without scattering or shape dynamics and alter the angle according to the side of the number and the direction of the fur and use lots of single clicks ­.

stepo-24

Step 25

We’ll now put some larger brush strokes down 50 pixels is a good size.25-stepio

Step 26

When your ready and all the fur is added to the text merge all 3 fur layers by duplicating them and pressing ctrl + E. If everything went according to plan you will have something close to this:25-finlai

Step 27

Add these 2 layer styles, bevel and emboss and Drop shadow to this new layer – with these settings. The shadow adds a slight 3d effect to the text.

27-b-em

Bevel and Emboss

27-shadow

Drop Shadow

Step 28

Next create a new layer below the fur layer and ctrl click the fur layer and fill it with a very dark green .Nudge it with the arrow keys down 9 times and right 9 times. Then reduce the opacity to 63%.

28-shadowStep 29

Duplicate the shadow layer by pressing ctrl + J ,now we’ll use the motion blur set to 120 ,to match the global light and other shadows and distance at 42. Holding down shift nudge this layer down once and to the right once .

29

Step 30

Duplicate the previous layer holding shift nudge it nudge twice to the right and twice down then reduce the opacity to 18 % and the shadow and 3d effect is done.Happy Days – Fur Efect Photoshop is nearly made

30

Step 31

Select the three shadow layers and the text layer together using shift and then hit ctrl + T to free transform, then resize the letters and shadows to 73 % of their original size.You can see the percent change at the top below the menu ,pressing the ‘Maintain Aspect Ratio’ button will constrain the proportions.

31-finaliio

Step 32

Now we’ll add some extra text  use the fornt we downloaded before - Tiresias Signfont .Set it to bold at 18 points  then type out ‘GLOBAL WARMING’ using this color : # 436605.Were nearly all done now : )   Finally we’ll add this layer style to add a letterpress effect, because global warming awareness is trendy too.

Inner Shadow

Inner Shadow

To Conclude:

1-and-last-final-image

We are all done, I hope you enjoyed this Fur Effect Photoshop tut as much as I enjoyed creating it ,if you enjoyed it too and would like to see more please subscribe via RSS or make a comment, because we love feedback.

Join testking online photoshop training and become expert using testking VCP-410 photoshop tutorials and testking 642-901 graphic resources.

Free PSD

The PSD file is available for download free from here.

Mediafire Download (15.7 mb Zip File)

 

Interested in pass4sure 642-832 certification? Check out our latest self paced pass4sure 220-702 dumps and best pass4sure 220-701 tutorials.


What's your reaction?
Angry
0%
Happy
0%
Wink
0%
Thumbs Up
0%
Cheers
0%
Lol
0%
Sad
0%
Devil
0%
comments
Leave a reply

Leave a Response

EXCLUSIVE!
 
Photoshop CS6 Shortcuts, tips and tricks
July 17, 2014
Tutorials
READ STORY
The Latest
RSS-Subscribe-Now w white

168 Extraordinary Photo Manipulations That Will Blow You Away

cinema_m

88 Fantastically Creative and Brilliant Logos

featured image

71 Impressive Nature Inspired Wallpapers

20-Absolutely-Stunning-Examples-of-Night-Photography

20 Absolutely Stunning Examples of Night Photography

b70-6739

35 Stunning 50′s Posters

1front-logo-resioursec

The Ultimate Logo Design Tutorials and Resources Roundup

da_vinci_vitruve_luc_viatour1

30 Inspirational Quotes on Design

Photoshop-CS6_tricks.jpg

Photoshop CS6 Shortcuts, tips and tricks

game_develop

Develop 2D games without Programming

rain_tool

Rain Tool v.1 for Autodesk Maya

115207e3f04dc4abb0d384ddead6a241adc4f1

Kempeli Rebranding

44019566d82d0fb932247341ab299c85ca89b1

ESPN Sportscenter 2009 ReBrand

797062c59994e9472a392901dae3027d14d91e

Adrià Gómez Logo Design

Surge Plonia T-shirt design

Surge Polonia T Shirt Designs

Go Voice Branding

Go Voice Branding

Jose SImon Selected logos and logotypes

Jose SImon Selected logos and logotypes

The Barbershop Branding

The Barbershop Branding

Fonts by Google Fonts. Theme Edited By Mrunal Patel.