Photoshop Text Effect Tutorial {Stitched Text}

Play Video



In today’s Photoshop text effects tutorial, you’ll learn how to add stitching around your text! Oh, and shapes too.

Table of Contents

Note: the (above) video tutorial was created with Photoshop beginners in mind. The following step-by-step instructions are for more experienced users.

Step 1: Open Image + Style Colors

open image style

Let’s start off by opening this free imageseveral ways to open images. Next, create a new layer (Shift + Command or Ctrl + N) and name it “Color.” With your Paint Bucket tool (G), fill in the new layer with your choice of color.

For this design, I’m using the following hexadecimal number representing a blue color; #186da3.

Next, we will blend this layer with the one below it by changing the Blending Mode to Multiply. The problem is that the color is now more of a turquoise than the blue I’d like to have.

This is due to the Background layer being in full color, and when it’s blended with the blue layer, it creates a new color.

To fix it, let’s convert the Background layer to black and white…

Layer > New Adjustment Layer > Hue/saturation

Set the Saturation to -100 to transform from color to b&w.

Step 2: Create a New Shape With the Pen Tool

create new shape with pen tool

Before we add our text, let’s create a shape for our design. Since we’re creating a custom shape, we’ll use the Pent Tool to make it. If you’ve never used the Pen tool, no worries. I’ll explain how to use it…

First, let’s create a new layer for our shape and name it “Shape.”

Grab the Pen Tool (P), and click on the left side of your canvas (outside of it and past the half-way point). This creates an anchor point, which is the beginning of your path (or shape).

To create a path, you’ll need to add a second anchor point. Click somewhere to the right of the original about a ⅓ of the way into your canvas.

As you click, do NOT release your mouse button. Hold and drag your mouse in any direction. This will allow you to bend your path!

You’ll notice two lines come out of the anchor as you bend it. These are known as handles and can be used to re-adjust the curve as needed.

Create another path by clicking and dragging on the outer right side of the canvas. Now, we need to complete or close the path.

To do so, continue clicking on the outside (bottom) of the canvas until you get back to the original point. Once you’re near it, click on that first anchor to close the path.

Let’s choose a new color for our shape; #41a1de.

Then, on your canvas, right-click, and choose “Fill Path.” Make sure you have the “Foreground” option selected and click OK.

Let’s also change the Blending Mode for this layer to “Soft Light.”

Step 3: Add Your Text, Align + Style

add text + style

Now we’re ready to add our text and align it to the canvas. The font I’m using is called Oswald Bold, and it’s a free font from Google! For the size, I’m going with 400, and let’s go with a dark red color; #220202.

In all caps, type out the word “STITCH.” When you’re done, hit your escape key to de-activate the text tool. Grab your Move Tool (V) and place it in the center just below the canvas’s top.

If you have your “Extras” and “Snap” options turned on, you’ll see a pink vertical line as you move the text near the center. The layer will snap into the center when you’re, well, near the center.

If you do not see this pink guide, go to View > select “Extras” and “Snap,” then go to View > Show > All.

Lastly, change the Blending Mode to “Hue.”

Step 4: Create a Custom Stitching Brush

create custom stitching brush

Now the fun begins! I’m going to show you how to create a custom brush used for your stitching.

First, we’ll need to create a new document (Command or Ctrl + N). Here are the dimensions; 300 x 300 @ 300ppi, and the color is white.

Next, turn off the Background layer and create a new layer. Set the foreground color to black and select your Brush tool (B). Let’s change our brush to a soft round one by right-clicking on the canvas and setting the size to 50. Also, change the Hardness to 50%.

Now it’s time to hand draw our stitch. For this design, let’s create a “V” shape. It doesn’t have to be perfect or symmetrical. Start from the top left and drawdown near the bottom/center. Continue your shape by finishing in the top right.

Although it doesn’t look much like a stitch, it will once you adjust your brush settings in the next step.

But first, we need to convert this shape into a custom brush…

Edit > Define Brush Preset

Give the brush a name and click OK. You’ve now created a custom brush! You no longer need this document, so go ahead and close it.

Step 5: Adjust the Brush Settings

adjust brush settings

The key to creating a realistic stitch is the proper setup of your brush settings. Via the Brush Settings panel (Window > Brush Settings), click on the “Brush Tip Shape” and set the Spacing to around 50%.

Note in the preview box below how it looks like stitching! Adjust the Spacing according to your personal preference.

Next, go into Shape Dynamics and change the “Control” to Direction.

Step 6: Apply Your Custom Stitching Brush

apply custom stitching brush

Let’s activate our path (shape) to apply our stitching to it first. The first thing we should do, though, is to create a new layer for the stitching. Name the layer Shape Stitching and move the layer below the text layer.

In the Paths panel (Windows > Paths), click on the Work Path layer, which will activate the path.

Right now (with your Brush selected), you have a huge stitch! So, let’s drop the size down to around 25 (right-click on the canvas to get the brush menu).

Make sure to set your foreground color to white before applying the stitch. I’m using an off-white color, #F7F7F7.

Now, grab your Pen Tool (P) and right-click on the canvas to select “Stroke Path.” Make sure you have the Brush option + Simulate Pressure set and click OK.

Boom! Your shape has now been stitched!

If you find the brightness to be too intense, drop the Opacity down to around 50%.

Stitch Your Text

Here are the steps for stitching your text;

Practice Makes Perfect

Creating stitching for text and shapes with Photoshop is easier than other software like GIMP. Although it will take time and practice until you’re comfortable using these techniques.

So, that means it’s time to practice what you’ve learned! When you’re happy with your stitched design, I’d love to see your finished artwork.

If you’d like to share it, get feedback, or ask questions, I invite you to join our private Facebook group.

Looking for more Photoshop text effect tutorials? Check out this playlist that includes over 20 text effects you can create today!

Like this article? If so, please share!

A 30-year photography pro with a desire to help you achieve your creative vision! Facebook | Youtube

Powered by Creative Market

Free Lightroom Presets

Subscribe To Our Weekly Newsletter

I hate spam. How ’bout you? 

No worries. No spam. 

Just awesome new content and product releases to your inbox each week. 

Cancel anytime.

Lightroom For Beginners Guide

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.