How to Create Stuffed Text Effect in Photoshop

In this Photoshop tutorial you’ll learn how to create a nice simple stuffed text effect, using Photoshop layers, styles and filters.


Final Image Preview

How to Create Stuffed Text Effect in Photoshop


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.

How to Create Stuffed Text Effect in Photoshop 1


Step 2

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

How to Create Stuffed Text Effect in Photoshop 2

Double click the text layer to apply the following styles:

– Drop Shadow: Just change the Size to 27.

How to Create Stuffed Text Effect in Photoshop 3

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

How to Create Stuffed Text Effect in Photoshop 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.)

How to Create Stuffed Text Effect in Photoshop 5

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

How to Create Stuffed Text Effect in Photoshop 6

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

How to Create Stuffed Text Effect in Photoshop 7

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

How to Create Stuffed Text Effect in Photoshop 8

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

How to Create Stuffed Text Effect in Photoshop 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”.

How to Create Stuffed Text Effect in Photoshop 10

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

How to Create Stuffed Text Effect in Photoshop 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.

How to Create Stuffed Text Effect in Photoshop 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:

How to Create Stuffed Text Effect in Photoshop 13
How to Create Stuffed Text Effect in Photoshop 14

Next, go to Filter > Artistic > Watercolor:

How to Create Stuffed Text Effect in Photoshop 15
How to Create Stuffed Text Effect in Photoshop 16

Finally, go to Filter > Artistic > Underpainting:

How to Create Stuffed Text Effect in Photoshop 17
How to Create Stuffed Text Effect in Photoshop 18

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

How to Create Stuffed Text Effect in Photoshop 19

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

How to Create Stuffed Text Effect in Photoshop 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%.

How to Create Stuffed Text Effect in Photoshop 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.

How to Create Stuffed Text Effect in Photoshop 22

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

How to Create Stuffed Text Effect in Photoshop 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.

How to Create Stuffed Text Effect in Photoshop 24

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

How to Create Stuffed Text Effect in Photoshop 25
How to Create Stuffed Text Effect in Photoshop 26

The text should be stroked with the stitches brush.

How to Create Stuffed Text Effect in Photoshop 27

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

– Drop Shadow: Just change the Distance to 0.

How to Create Stuffed Text Effect in Photoshop 28

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

How to Create Stuffed Text Effect in Photoshop 29

This will add more depth and dimension to the stitches.

How to Create Stuffed Text Effect in Photoshop 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.

How to Create Stuffed Text Effect in Photoshop 31

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

How to Create Stuffed Text Effect in Photoshop 32

And We’re Done!

How to Create Stuffed Text Effect in Photoshop