FRESH PHOTOSHOP TUTORIALS & RESOURCES
Search PSDDude Photoshop Blog
► Free Photoshop
► Free Cross Stitch
► How to Photoshop
► Photoshop Effect
Here
Create A Cross Stitch Effect In Photoshop By psddude
Tutorials / Text Effects
Search
Log in
Ads by Google
35547 Views November 13th, 2012
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 cross stitch and needlepoint action. Advertisment
YOU MIGHT ALSO LIKE Abandoned Love Emotional Photoshop Manipulation Tutorial
March 25th,2015
Here
Create Lava Rock Texture in Photoshop March 18th,2015
Saint Patricks Day Wallpaper Photoshop Tutorial March 12th,2015
1
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.
RECENT POSTS Vintage Old Photo Template with Free PSD TUTORIALS
BRUSHES
CUSTOM SHAPES
TEXTURES
ICONS
Grab this new Photoshop freebie and display your photos adding a retro vintage look. The RESOURCES freebie in...
BOX
est
est
move me!
POPULAR POSTS Amazing Tattoo Photoshop Brushes I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people
2
Let's start with a simple wood texture to create a wood table surface. You can use this
3
Create a rectangle using the Rectangular Marquee Tool to make and fill a selection;
out there,...
texture or you can choose another wood texture or any other background that you want. choose any color you want it really doesn't matter. Call this first layer Canvas Layer.
PARTNERS PSDBox Tutorialking Shapes4FREE Tutzor BloomWebDesign PSD Blast TextTuts DaPino-Colada Divine Elemente
TOP
SUBSCRIBE VIA EMAIL Sign up for free updates:
Subscribe
LIKE US ON FACEBOOK
4
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.
FIND US ON GOOGLE+ OUR FILES
5
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.
6
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.
7
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.
8
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.
9
Use the Rectangular Marquee Tool to make a selection at each corner. Press SHIFT to make multiple selections. Press delete to erase the threads that are missplaced at the corners like shown in the image.
Part 1 Part 2 Ads by Google
► Photoshop Effect
► Install Photoshop
► Photoshop Brushes
Previous Post
Horror Haunted Castle Photoshop Tutorial
► Photoshop Actions
Next Post
Snow Spray Paint Effect in Photoshop
13 comment(s) for "Create a Cross Stitch Effect in Photoshop" Ksusha
9:03 AM Friday, January 11, 2013
I liked the tutorial greatly! Thanks. I can't cross stitch, but... voila!
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
John
1:50 PM Monday, July 15, 2013
What a great idea, is very creative to design a game using a cross stitch effect! reply
John
9:12 AM Friday, January 11, 2013
Your cross stitch effect looks great, better than mine !!! reply
Ksusha
1:25 AM Saturday, January 12, 2013
Thanks a lot, I made an effort! reply
5:14 AM Saturday, August 24, 2013
Carla
Tanks! Impossible to attach the jpg :-( reply
John
5:16 AM Saturday, August 24, 2013
Hi Carla, why can't you the file? Do you receive an error? What browser d o you use? reply
12:27 AM Friday, November 08, 2013
NANCY
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
John
12:51 AM Friday, November 08, 2013
Hi Nancy, I have used similar layer styles for the cross stitch text effect a s 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
fer
i cant do the 5 reply
John
2:53 AM Friday, June 06, 2014
What is wrong with that step? reply
VTechBlog
1:43 AM Saturday, November 22, 2014
wow, easy and nice reply
3:36 AM Sunday, December 28, 2014
Tiffany
Wonderful tutorial! :) The effect is very cute. reply
Have something to say? Leave us a comment Name(required) Email(required) Website(optional)
Click to Fan Art! Share your Psd Dude inspired works
Notify me of followup comments via email
Submit Comment
Ads by Google
► Photoshop Actions
► Photoshop Layer
► Photoshop Pattern
► Try Photoshop
SITE CONTENT » TUTORIALS DRAWING ICONS AND BUTTONS PHOTO EFFECTS PHOTO MANIPULATION TEXT EFFECTS TEXTURES AND PATTERNS RESOURCES BRUSHES DESIGN NEWS FEATURED ARTISTS ICONS INSPIRATION IMAGES INTERVIEWS LOGOS PATTERNS MORE RESOURCES PHOTOSHOP ART WORKS STOCK IMAGES TEMPLATES TEXTURES TUTORIALS VECTORS WALLPAPERS CONNECT WITH US » WRITE FOR US FOLLOW US ON TWITTER US ON FACEBOOK G+ WATCH US ON DEVIANTART RSS FEED US psddude.com v2.1 created by PSDDude team PSDDude © 2013