Powered by Blogger.

Friday, March 2, 2012

Learn to Create Stuffed Text Effect

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

No comments:

Post a Comment