Fabric Text Effect

Fabric Text Effect

Nice short tutorial how to create simple but spectacular fabric text effect.

Let’s go! First of all, make a new document in Photoshop. I created a new document sized 1000×500 pixels with all the default settings, RGB, 72 dpi, transparent background etc. Then find some appropriate fabric texture. Actually, you can use Google Images to find the texture or feel free to use mine. Open up the texture and copy it to the canvas.

Fabric Text Effect 01

Now, duplicate this texture three of times and combine as below. Be attentive that texture edges are different (you can see arrows on the borders).

Fabric Text Effect 02

Use the Eraser Tool and a soft round brush about 50 ps to make the edge of textures softer and invisible.

Fabric Text Effect 03

Ok, merge all of texture layers in one and apply Image > Adjustments > Hue/Saturation.

Fabric Text Effect 04

You should have the result similar to this:

Fabric Text Effect 05

Make texture clearer with Sharpen Tool:

Fabric Text Effect 06

Ok, we are done with background. Let’s start to create text effect. Get out the Horizontal Type Tool and write out your text, for example ‘ClotH’ in whatever color you want. I’ve used a font called Arial Black (300 pt, Crisp). This is standard Windows font.

Fabric Text Effect 07

After that change fill opacity to 85% for this layer and begin to create text effect. First of all we need to add some pattern to Photoshop patterns palette to use it for creating text effect later. Open this texture or find another one using Google Images and use Edit > Define Pattern to save this picture as pattern. Go back to our created file and apply the following layer styles to the text layer:
Drop Shadow
Inner Shadow
Outer Glow
Inner Glow
Bevel and Emboss
Contour
Satin
Color Overlay
Pattern Overlay
Stroke

Fabric Text Effect 08

Fabric Text Effect 09

Fabric Text Effect 10

Fabric Text Effect 11

Fabric Text Effect 12

Fabric Text Effect 13

Fabric Text Effect 14

Fabric Text Effect 15

Fabric Text Effect 16

Fabric Text Effect 17

Now your image should now look like the image shown below:

Fabric Text Effect 18

Well, we’re done for this tutorial! Enjoy your own cool fabric text effect.

Fabric Text Effect 19

Return home. Published Oct 21st, 2009 under Text Effects.
Previous Random Next
Digg Delicious Reddit Float Stumble

You must be logged in to post a comment.