fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

Create a Cross Stitch Effect in Photoshop
Tutorials Text Effects 59842 Views February 24th, 2016

Learn how to create a cross stitch effect in Phtoshop that you can use to make creative text effects using fabrics and other cloth textures. This effect is only for text and numbers, so if you want to turn images/shapes/clipart to cross stitch you will have to do it using the cross stitch brush and the process is very slow. You can automate this process using our premium cross stitch and needlepoint action.


In this tutorial you will learn how to create a realistic cross stitch effect in Photoshop using a cross stitch font and custom made stitch brushes. We will also need a canvas as background for our effect. We'll use a real canvas and transform it into a tileable Photoshop pattern.

Download the files needed for this tutorial

Download this ZIP file that contains a:

  • PAT file (Photoshop patterns)
  • ABR file (Photoshop brushes)

Let's start with a simple wood texture to create a wood table surface. You can use this texture or you can choose another wood texture or any other background that you want.

Create a rectangle using the Rectangular Marquee Tool to make and fill a selection; choose any color you want it really doesn't matter. Call this first layer Canvas Layer.

To make the edge of the canvas shape a little more wavy and realistic looking we have to apply a ripple effect but make sure you keep a copy of the original rectangle layer(hide this copy), we will need it later on. Go to Filter>Distort and choose Ripple with the following settings.

Time to add the real canvas pattern; I have used a fabric canvas to create a tileable pattern that you will find in the ZIP file attached to this tutorial.

I also added a layer mask to the Canvas Layer and in this mask I used a Noise Filter. Go to Filter>Noise and choose Add Noise with the following settings.

Make a selection out of the Canvas Layer without the ripple effect(use the copy that you saved). Expand the selection with around 5px, and Make a Work Path out of this selection. If you are not really sure how to use stroke path you can read these Photoshop paths tutorials.

Create a new layer and call it Threads Layer. Use the threads brush that you will find in the ZIP file to Stroke Path. Pick the #ddd8cd color for the Brush Tool.

Part 1Part 2

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

21 comment(s) for "Create a Cross Stitch Effect in Photoshop"

9:03 AM Friday, January 11, 2013
I liked the tutorial greatly! Thanks. I can't cross stitch, but... voila! reply
9:12 AM Friday, January 11, 2013
Your cross stitch effect looks great, better than mine !!! reply
1:25 AM Saturday, January 12, 2013
Thanks a lot, I made an effort! reply
Daniel Batliner
1:02 AM Sunday, July 07, 2013
thank you very much for posting this. I used this tutorial as a base for the graphic style of the video game Cross Stitch Casper. reply
1:50 PM Monday, July 15, 2013
What a great idea, is very creative to design a game using a cross stitch effect! reply
5:14 AM Saturday, August 24, 2013
Impossible to attach the jpg :-( reply
5:16 AM Saturday, August 24, 2013
Hi Carla,
why can't you upload the file? Do you receive an error? What browser do you use? reply
12:27 AM Friday, November 08, 2013
Can you tell us what levels for the drop shadow and bevel you used? I can't seem to get it right?! Mine doesn't look as realistic! reply
12:51 AM Friday, November 08, 2013
Hi Nancy, I have used similar layer styles for the cross stitch text effect as the ones from the image below. But you can adjust it by increasing the shadow opacity or size, distance, etc. The same goes with the Bevel and Emboss reply
2:05 AM Friday, June 06, 2014
i cant do the pass 5 reply
2:53 AM Friday, June 06, 2014
What is wrong with that step? reply
1:43 AM Saturday, November 22, 2014
wow, easy and nice reply
3:36 AM Sunday, December 28, 2014
Wonderful tutorial! :) The effect is very cute. reply
2:48 AM Wednesday, February 24, 2016
Great tool for creating cross-stitch kits. It helps me create cross stitch patterns for my clients in a few seconds, that is truly amazing! reply
Mireille D
4:15 AM Friday, March 04, 2016
Thank you very mych! Friendly
11:17 AM Tuesday, April 12, 2016
Beautiful cross-stitch sewing artwork made in Photoshop by Nilianta reply
11:18 AM Monday, April 18, 2016
Easter Gobelin with Cross-stitch effect made by @nika reply
2:46 AM Monday, May 16, 2016
Thank you !! reply
2:57 AM Friday, June 24, 2016
Little cat cross-stitch in Photoshop by tanjusha_k reply
5:05 AM Friday, September 02, 2016
I'm amazed! All photos look soooo realistic and beautiful! I'm definitely gonna try it. I'm making my cross stitch designs on paper and I always wondered how professionals make it look so perfect. Does anyone know if I can make the pattern appear on a hoop? Like a finished product? reply
5:08 AM Friday, September 02, 2016
Hi Maria,
I added a cross-stitch hoop in PNG format that you can use to display your cross stitch and needlepoint works in a more realistic way. At the end of the tutorial you can find the download link. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Download for free this split tone Photoshop actions and use them to create interesting photo effects...
Learn how to create graffiti effect in Photoshop using this cool action. In this tutorial you will f...
Create 3D shape in Photoshop in just a few seconds with this free 3D Photoshop action. My 3D action ...
Learn how to create a chocolate tablet text effect in Photoshop from scratch. You can create any typ...

      Wax Stamp Seal Photoshop Creator
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Comics Book Photoshop Creator