Creating Fabric Text Effect in Photoshop

Posted on by on January 12th, 2012 | 18 Comments

Fabric  text effect in Photoshop. In this Photoshop text effects tutorial, we will learn how to easily create fabric text. we will explain how to create a fabric text effect using layer styles,texture, and two pattern in Photoshop.  we are going to design fabric text effect in Photoshop. This tutorial deals with the idea of fashioning plain text into something more.

Pattern One.

1. Open a new document with width 51 and height 51 (Pixels).

Background contents: White.

Zoom in to 2500%.

2. Using the Rectangular Marquee Tool and the rulers, draw a (17 by 17) square.

(Before drawing, ensure that the zero marks on both rulers coincide.)

Fill the selection with the Black color.

Repeat step 2 four more times until you have the same pattern as below:

3. Go to Edit > Define Pattern.

4. Type in the pattern name as ‘FABRIC’.

Pattern Two.

1. Open a new document with width 30 and height 30 (Pixels).

Background contents: White

Zoom in to 2500%

2. Using the Rectangular Marquee Tool and the rulers, draw a (15 by 15) square.

Fill the selection with the Black color.

Repeat step 2 until you have the pattern below:

3. Go to Edit > Define Pattern.

4. Type in a pattern name, ‘STITCH

Creating the Text

1. Open a new document with height 340 and width 600.

(First unlock the background layer; otherwise you cannot access layer style)

2. Double click the background layer. Go to Pattern overlay and choose the Fabric pattern which you’d created before.

Make the following changes:

3. Load any texture image and place it on top of the background layer.

4. Change the Blend Mode of the image from Normal to Color Burn.

5. Now create your text using gray color. The font is ‘RAVIE.’

Link

6. Double click the text layer to open Layer Style.

Make the following changes:

7. Create a new layer. Name it ‘Border Stitch’

8. Using the Rectangular Marquee Tool, draw in a rectangle on the image as shown.

Fill the selection with the Gray color.

9. Change the Blend mode from Normal to Overlay.

10. Double click on the Border Stitch layer.

Make the following changes:

That’s it, babe.

Final Picture:

Voila.


18 Responses

  1. Posted on: 1-12-2012

    […] from : HERE create-realist, easy-yet, easy-yet-effective, effect, effective-way, fashioning-plain, […]

  2. Posted on: 1-16-2012

    […] Bar and PackageCreate a Comic Book Effect in PhotoshopDesign a Sleek Facebook Fan Page in PhotoshopCreating Fabric Text Effect in PhotoshopCreate a True or false questions psd iconDesign a Bold, Stylish Club Night PosterPhoto Manipulate an […]

  3. Posted on: 1-19-2012

    […] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } http://www.photoshoplayer.com – Today, 9:58 […]

  4. Posted on: 2-3-2012

    […] Metal Text Effect* * *Tutorial: Create a 3d Arcade Text Effect Using Photoshop And Illustrator* * *Creating Fabric Text Effect in Photoshop* * *CS5 Tutorial – How To Create A Gold Text Effect In Photoshop* * *Glossy Snow Globe Text […]

  5. Posted on: 2-3-2012

    […] Creating Fabric Text Effect in Photoshop […]

  6. Posted on: 2-3-2012

    […] Creating Fabric Text Effect in Photoshop […]

  7. Posted on: 2-25-2012

    […] Creating Fabric Text Effect in Photoshop […]

  8. Posted on: 6-6-2012

    […] Creating Fabric Text Effect in Photoshop […]

  9. Posted on: 7-6-2012

    […] Creating Fabric Text Effect in Photoshop […]

  10. Posted on: 10-11-2012

    […] 21] Creating Fabric Text Effect In Photoshop [Tutorial] […]

  11. Posted on: 11-7-2012

    […] Creating Fabric Text Effect […]

  12. Posted on: 11-8-2012

    […] Creating Fabric Text Effect in Photoshop […]

  13. Posted on: 12-5-2012

    […] Creating Fabric Text Effect in Photoshop […]

  14. Posted on: 12-14-2012

    […] 26. Crear un efecto texto  de tela realista […]

  15. Posted on: 3-7-2013

    […] 33. Create a realistic fabric text effect […]

  16. Posted on: 3-13-2013

    […] “Creating Fabric Text Effect in Photoshop” tutorial | Tutorial […]

  17. Posted on: 8-18-2013

    […] CLICK HERE TO VIEW TUTORIAL Related PostsCreate Steel Text Effect in PhotoshopCreate Refined Glass Text in PhotoshopCreate Fruit Filled Text in PhotoshopCreate a Wood Planks Typo with a Custom Pattern in IllustratorChocolate Bar Text Effect in PhotoshopZemanta Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. […]

Leave a Reply


1 + 3 =

Categories