FRESHPHOTOSHOPTUTORIALS&RESOURCES

SearchPSDDudePhotoshopBlog

FreePhotoshop

FreeCrossStitch

HowtoPhotoshop

PhotoshopEffect

AdvertiseHere

Create A Cross Stitch Effect In Photoshop

By psddude

Tutorials /TextEffects

Search

Login Register

AdsbyGoogle

35547Views November13th,2012

LearnhowtocreateacrossstitcheffectinPhtoshopthatyoucanusetomakecreativetext
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
stitchbrushandtheprocessisveryslow.Youcanautomatethisprocessusingourpremium
crossstitchandneedlepointaction.
Advertisment

YOU MIGHT ALSO LIKE

Abandoned Love Emotional
Photoshop Manipulation Tutorial

March25th,2015

AdvertiseHere

Create Lava Rock Texture in

Photoshop
March18th,2015

Saint Patricks Day Wallpaper

Photoshop Tutorial
March12th,2015

In this tutorial you will learn how to create a realistic cross stitch effect in Photoshop
usingacrossstitchfontandcustommadestitchbrushes.Wewillalsoneedacanvasas
backgroundforoureffect.We'llusearealcanvasandtransformitintoatileablePhotoshop
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
freebiein...CONTACT

BOX

est

est

moveme!

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

Let's start with a simple wood texture to create a wood table surface. You can use this

Create a rectangle using the Rectangular Marquee Tool to make and fill a selection

outthere,...

textureoryoucanchooseanotherwoodtextureoranyotherbackgroundthatyouwant.
chooseanycoloryouwantitreallydoesn'tmatter.CallthisfirstlayerCanvasLayer.

PARTNERS
PSDBox
Tutorialking
Shapes4FREE
Tutzor
BloomWebDesign
PSD Blast
TextTuts
DaPino-Colada
Divine Elemente

TOP

SUBSCRIBE VIA EMAIL

Signupforfreeupdates:

Subscribe

LIKE US ON FACEBOOK

To make the edge of the canvas shape a little more wavy and realistic looking we have to
applyarippleeffectbutmakesureyoukeepacopyoftheoriginalrectanglelayer(hidethis
copy), we will need it later on. Go to Filter>Distort and choose Ripple with the following
settings.

FIND US ON GOOGLE+
OUR PREMIUM FILES

Time to add the real canvas pattern I have used a fabric canvas to create a tileable
patternthatyouwillfindintheZIPfileattachedtothistutorial.

IalsoaddedalayermasktotheCanvasLayerandinthismaskIusedaNoiseFilter.Go
toFilter>NoiseandchooseAddNoisewiththefollowingsettings.

MakeaselectionoutoftheCanvasLayer without the rippleeffect(use the copy that you

saved).Expandtheselectionwitharound5px,andMakeaWorkPathoutofthisselection.
If you are not really sure how to use stroke path you can read these Photoshop paths
tutorials.

CreateanewlayerandcallitThreadsLayer. Use the threadsbrush that you will find in

theZIPfiletoStrokePath.Pickthe#ddd8cdcolorfortheBrushTool.

Use the Rectangular Marquee Tool to make a selection at each corner. Press SHIFT to
makemultipleselections.Pressdeletetoerasethethreadsthataremissplacedatthecorners
likeshownintheimage.

Part1 Part2
AdsbyGoogle

PhotoshopEffect

InstallPhotoshop

PhotoshopBrushes

Previous Post

HorrorHauntedCastle
PhotoshopTutorial

PhotoshopActions

Next Post

SnowSprayPaintEffectin
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 upload 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 pass 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 Upload Fan Art!

Share your Psd Dude inspired
works

Notify me of followup comments via email

Submit Comment

AdsbyGoogle

PhotoshopActions

PhotoshopLayer

PhotoshopPattern

TryPhotoshop

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 JOIN US ON FACEBOOK G+ WATCH US ON DEVIANTART RSS FEED CONTACT US ADVERTISE
psddude.comv2.1createdbyPSDDudeteamPSDDude2013