Learn to Create Stuffed Text Effect

Advertisement

This Photoshop tutorial explains how to create a nice simple stuffed text effect, using Photoshop layers, styles and filters.

Final Image Preview

Learn to Create Stuffed Text Effect

Resources


Step 1

Create a new document, 1024x768px, set foreground color to #6e3f68 and background color to #261e25. Then create a radial gradient from the center of the document to one of the corners.

Learn to Create Stuffed Text Effect 1

Step 2

Create the text using the color #9572a2, the font used is BubbleGum, and the size is 250 px.

Learn to Create Stuffed Text Effect 2

Double click the text layer to apply the following styles:

- Drop Shadow: Just change the Size to 27.

Learn to Create Stuffed Text Effect 3

- Inner Shadow: Change the color to #6f389d, the Distance to 0, and the Size to 29.

Learn to Create Stuffed Text Effect 4

- Bevel and Emboss: Change the Size to 40, the Gloss Contour to Gaussian and check the Anti-aliased box, the Highlight Mode to Overlay, and the Shadow Mode color to #7d7d7d. (You might need to adjust the Size value if you are using a different font family of size.)

Learn to Create Stuffed Text Effect 5

- Texture: Choose the Woven Pattern (this Pattern is located on Patterns group), and set the Depth to 20.

Learn to Create Stuffed Text Effect 6

- Gradient Overlay: Change the Blend Mode to Soft Light, and click the Gradient box to modify the colors.

Learn to Create Stuffed Text Effect 7

The Gradient is created using two colors, #6e6e6e and #464646.

Learn to Create Stuffed Text Effect 8

This is what you should get after applying the styles above:

Learn to Create Stuffed Text Effect 9

Step 3

The text is starting to get the “stuffed” look, but it still needs more defining and textutring. So create a new layer on top of all layers and call it “texture”.

Learn to Create Stuffed Text Effect 10

Press the Ctrl key, and click the text layer’s thumbnail (icon) to create a selection.

Learn to Create Stuffed Text Effect 11

Set the Foreground color to #a77d31 and the Background color to #724c21, fill the selection with the Foreground color, and press Ctrl + D (Select -> Deselect) to get rid of the selection.

Learn to Create Stuffed Text Effect 12

We’re going to apply a couple of filters, so change the values as shown in the images below for each filter. Start by going to Filter > Sketch > Reticulation:

Learn to Create Stuffed Text Effect 13
Learn to Create Stuffed Text Effect 14

Next, go to Filter > Artistic > Watercolor:

Learn to Create Stuffed Text Effect 15
Learn to Create Stuffed Text Effect 16

Finally, go to Filter > Artistic > Underpainting:

Learn to Create Stuffed Text Effect 17
Learn to Create Stuffed Text Effect 18

Once you’re done, go to Image > Adjustments > Hue/Saturation, change the Saturation value to -100 and the Lightness to +10.

Learn to Create Stuffed Text Effect 19

Change the “texture” layer’s Blend Mode to Soft Light.

Learn to Create Stuffed Text Effect 20

Step 4

It’s time to add some stitches. Open your Brush panel (Window > Brush or F5). Choose a hard round brush, change its size to 10 px, the Roundness to something around 21%, and the Spacing to 675%.

Learn to Create Stuffed Text Effect 21

Under Shape Dynamics make sure to choose Direction from the Angle Jitter drop down menu, this will make the stitches follow the direction of the text path.

Learn to Create Stuffed Text Effect 22

Create a new layer on top of all layers, call it “stitches”, and set the Foreground color to #9b79a8.

Learn to Create Stuffed Text Effect 23

Right click on the text layer and choose Create Work Path. Then select the “stitches” layer again so that it is the active layer.

Learn to Create Stuffed Text Effect 24

Pick the Direct Selection Tool, right click the path you’ve just created, and choose Stroke Path.

Learn to Create Stuffed Text Effect 25
Learn to Create Stuffed Text Effect 26

The text should be stroked with the stitches brush.

Learn to Create Stuffed Text Effect 27

Double click the “stitches” layer to add the two following layer styles:

- Drop Shadow: Just change the Distance to 0.

Learn to Create Stuffed Text Effect 28

- Bevel and Emboss: Change the Shadow Mode color #60371d.

Learn to Create Stuffed Text Effect 29

This will add more depth and dimension to the stitches.

Learn to Create Stuffed Text Effect 30

Step 5

Finally, we are going to add a simple Background. Open the Plain Fabric Texture 06 (full size) and place it right on top of the Gradient Background. Resize the image so that it fits in your document, then go to Image > Adjustments > Hue/Saturation, change the Saturation to -100 and the Lightness to +50.

Learn to Create Stuffed Text Effect 31

Change the image layer’s Blend Mode to Soft Light.

Learn to Create Stuffed Text Effect 32

Final Image

Learn to Create Stuffed Text Effect
Advertisement


  • Arsalan azarmi

    With the creative idea of stitches,the appearance of the text becomes more fantastic,mainly the texture is tangible.

  • Vincent E Johnson

    Nice tut. Very easy to follow and great result.
    Thanks!

  • http://www.appsTREE.Co.cC Vinayak

    Very nice effect…
    if the background looked more like a cloth then it could have been better…

  • Yoann

    Nice tutorial, thank you very much :)

    Now I can make more beautiful texts :D

  • Barbara

    This came out looking great!! Thanks! I’m a beginner at this kind of thing, so I had a bit of trouble with the final step of adding the stitches, but I finally got it.

    I would love to do this in other colours, but again, I don’t know enough to figure out all the complementary colours I’d need.

  • Susananana

    This is a beautifully created tut and effect. I’ve always looked for ways of using a stitching effect and now I know how! Thank you so very much Photoshop Star for this wonderful tut!

  • harini

    This came out looking great!! Thanks! I’m a beginner at this kind of thing, so I had a bit of trouble with the final step of adding the stitches, but I finally got it.

    I would love to do this in other colors This is a beautifully created tut and effect. I’ve always looked for ways of using a stitching effect and now I know how! Thank you so very much Photoshop Star for this wonderful tut!, but again, I don’t know enough to figure out all the complementary colors I’d need.
    With the creative idea of stitches,the appearance of the text becomes more fantastic,mainly the texture is tangible.

  • Siplemen

    Yes it is a good toturial

  • Nora

    Thanks for the great tuts you made

  • ed

    I cannot get past:

    “Set the Foreground color to #a77d31 and the Background color to #724c21, fill the selection with the Foreground color, and press Ctrl + D (Select -> Deselect) to get rid of the selection”

    I can select the text but cannot change the colours.. Please help!! What do I click on to change the colours??

    • Mike

      To change the color of the text, click the paint bucket tool, then click inside the text. It should turn yellowish.

      I had problems finding the same lettering texture/pattern in Bevel and Emboss> Texture> Elements> Woven. My only two options inder Elements were Bubbles and Tie-Dye. Anyone know where to find these or import them to photoshop?

      Other than that, great tutorial.

  • Mike

    I found that Stone was the closest, almost identical. Maybe it’s just renamed in CS5?

    • Alice

      It’s saved under the file Patterns below Pattern 2 in CS5.

  • Kambakht_Bugz

    wow i made it …..kool and easy steps

  • ???

    Why can not I create a text Stroke Path

    • Toyen

      after the create work path on the text layer, you should select the stitches layer again to make it the active layer, then you can create stroke path.