Embed Size (px)
Citation preview
FRESH PHOTOSHOP TUTORIALS & RESOURCES
Search PSDDude Photoshop Blog Search
Log in
Register
Advertise Here
Abandoned Love EmotionalPhotoshop Manipulation Tutorial
Create A Cross Stitch Effect In PhotoshopBy psddude Tutorials / Text Effects 35547 Views November 13th, 2012
Learn how to create a cross stitch effect in Phtoshop that you can use to make creative texteffects using fabrics and other cloth textures. This effect is only for text and numbers, so ifyou want to turn images/shapes/clipart to cross stitch you will have to do it using the crossstitch brush and the process is very slow. You can automate this process using our premiumcross stitch and needlepoint action.
Advertisment
Ads by Google Free Photoshop Free Cross Stitch How to Photoshop Photoshop Effect
YOU MIGHT ALSO LIKE
March 25th,2015
Create Lava Rock Texture inPhotoshop
March 18th,2015
Saint Patricks Day WallpaperPhotoshop Tutorial
March 12th,2015
In this tutorial you will learn how to create a realistic cross stitch effect in Photoshopusing a cross stitch font and custom made stitch brushes. We will also need a canvas asbackground for our effect. We'll use a real canvas and transform it into a tileable Photoshoppattern.
Advertise Here
RECENT POSTS
1
Vintage Old Photo Template with FreePSDGrab this new Photoshop freebie and displayyour photos adding a retro vintage look. Thefreebie in...TUTORIALS BRUSHES CUSTOM SHAPES TEXTURES ICONS RESOURCES CONTACT
Let's start with a simple wood texture to create a wood table surface. You can use thistexture 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
POPULAR POSTS
PARTNERS
SUBSCRIBE VIA EMAILSign up for free updates:
Subscribe
PSDBoxTutorialkingShapes4FREETutzorBloomWebDesignPSD BlastTextTutsDaPino-ColadaDivine Elemente
2
3
Amazing Tattoo Photoshop BrushesI am not a fan of tattoos but I can stillappreciate it as art. There are a lot of peopleout there,...
LIKE US ON FACEBOOK
SHARE BOX
Request
Request
You can move me!
TOP
To make the edge of the canvas shape a little more wavy and realistic looking we have toapply a ripple effect but make sure you keep a copy of the original rectangle layer(hide thiscopy), we will need it later on. Go to Filter>Distort and choose Ripple with the followingsettings.
Time to add the real canvas pattern; I have used a fabric canvas to create a tileablepattern that you will find in the ZIP file attached to this tutorial.
4
5
FIND US ON GOOGLE+OUR PREMIUM FILES
I also added a layer mask to the Canvas Layer and in this mask I used a Noise Filter. Goto Filter>Noise and choose Add Noise with the following settings.
6
Make a selection out of the Canvas Layer without the ripple effect(use the copy that yousaved). 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 pathstutorials.Create a new layer and call it Threads Layer. Use the threads brush that you will find inthe ZIP file to Stroke Path. Pick the #ddd8cd color for the Brush Tool.
7
8
Use the Rectangular Marquee Tool to make a selection at each corner. Press SHIFT tomake multiple selections. Press delete to erase the threads that are missplaced at the cornerslike shown in the image.
9
Ksusha 9:03 AM Friday, January 11, 2013
I liked the tutorial greatly! Thanks. I can't cross stitch, but... voila!
reply
13 comment(s) for "Create a Cross Stitch Effect in Photoshop"
Part 1 Part 2
Previous Post
Horror Haunted CastlePhotoshop Tutorial
Next Post
Snow Spray Paint Effect inPhotoshop
Ads by Google Photoshop Effect Install Photoshop Photoshop Brushes Photoshop Actions
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
Carla 5:14 AM Saturday, August 24, 2013
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
NANCY 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
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
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
fer 2:05 AM Friday, June 06, 2014
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
Tiffany 3:36 AM Sunday, December 28, 2014
Wonderful tutorial! :) The effect is very cute.
reply
Name(required)
Email(required)
Website(optional)
Click to Upload Fan Art!
Share your Psd Dude inspiredworks
Have something to say? Leave us a comment
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 RESOURCESBRUSHES DESIGN NEWS FEATURED ARTISTS ICONS INSPIRATION IMAGES INTERVIEWS LOGOS PATTERNS MORE RESOURCES PHOTOSHOP ART WORKSSTOCK 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.com v2.1 created by PSDDude team PSDDude © 2013
Ads by Google Photoshop Actions Photoshop Layer Photoshop Pattern Try Photoshop
