Monday, March 29, 2010

Fabric Text Effect

bric 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.

No comments:

Post a Comment

Tags

3D (4) Brush (2) Designing (4) E-book (4) Font (2) Hitech (4) Hotnews (3) Icon (7) Logo (1) PSD Source (19) Stock Image (17) Template (9) Text Effect PSD (7) Vector - AI (7) Vector - CDR (1) Wallpaper (7)