Tutorial: The Worn/Weathered/Stamped Look
There are quite a few qualÂity stamped or disÂtressed fonts availÂable — Frankie and Frankie Dos, RoadÂkill, BatÂtery Park, Hawksmoor, Chase, ColdÂharÂbour, DespatxÂada, FF Stamp Gothic, FF ConÂfiÂdenÂtial, FF Bull, EleÂphantÂmen to name but a few. UnforÂtuÂnately ready-​made stamp fonts present a number of drawÂbacks: repeatÂing charÂacÂters are idenÂtiÂcal (unless you have alterÂnate glyphs), and the amount of detail is limÂited due to restricÂtions in the posÂsiÂble number of Bézier anchor points per glyph. To remedy this I develÂoped a trick in Adobe PhoÂtoÂshop for disÂtressÂing type. This techÂnique allows you to apply a conÂvincÂing stamped or weathÂered look to any typeface.
Create whatÂever type comÂpoÂsiÂtion you need in Adobe IllusÂtraÂtor or directly in PhoÂtoÂshop. Just rememÂber to keep the resÂoÂluÂtion fairly low, because we’re going to need pixel texÂture halfway through. I creÂated this examÂple in IllusÂtraÂtor using Tasse Black Extended at 96pt/72pt and opened it in PhoÂtoÂshop as a grayscale image at 72 ppi.

Select the black type areas with the magic wand or by using an alpha chanÂnel based on your comÂpoÂsiÂtion. (DupliÂcate chanÂnel…: Black: invert -> Select…: Load selecÂtion: Black copy: new selecÂtion) This preÂvents you from muckÂing up the white background.
Apply a High Pass to “eat away” the insides of the charÂacÂters (Filter: Other: High Pass…) Play a bit with the slider: for the examÂple I set the Radius to 10 pixels and applied it twice.


Apply a fair amount of GaussÂian noise to achieve the “grainy” texÂture. (Filter: Noise: Add Noise…: GaussÂian) For the examÂple the slider was set to an amount of 15.

DesÂeÂlect.
Increase the resÂoÂluÂtion by resamÂpling. (Image: Image size…: resamÂple image) I douÂbled the resÂoÂluÂtion from 72ppi to 144ppi.
DifÂfuse the image to mask remainÂing bitmapÂping of the charÂacÂter shapes (Filter: StylÂize: Diffuse…).

Increase to the desired resÂoÂluÂtion by resamÂpling. (Image: Image size…: resamÂple image) I douÂbled the resÂoÂluÂtion from 144ppi to 288ppi.
Apply a GaussÂian blur of 1 pixel to remove the tiny pixels creÂated by the DifÂfuse filter. (Filter: Blur: GaussÂian Blur…)

Increase the BrightÂness and ConÂtrast until you reach the desired amount of “inking”. (Image: AdjustÂments: Brightness/Contrast…) I set both slidÂers to +50. As the High Pass filter we applied at the very beginÂning priÂmarÂily affects areas with subÂstanÂtial volume, I did a parÂtial selecÂtion of the border and applied a higher amount of conÂtrast (+75) to bring out more noise.
& Contrast brings out the texture" />
ThreshÂold the image to preÂpare for conÂverÂsion to a bitmap image. Here you can also play a bit with the slider until you reach the desired amount of “inking”. (Image: AdjustÂments: TreshÂold…) I set the slider at 96.

Here’s what it looks like from up close: the effect is perÂfectly random.

ConÂvert to a bitmap image (Image: Mode: Bitmap…: 50% treshÂold), save as TIFF and import in your lay-​out softÂware of choice. You now have a comÂpact sized graphic with transÂparÂent backÂground that can be coloured and overÂlaid on any eleÂment in your design. Et voilà , you’ve just used $3,000 worth of comÂputer equipÂment to emuÂlate the look of a $3 rubber stamp.
The beauty of this techÂnique is that at every step you can vary the setÂtings, thus achievÂing difÂferÂent texÂtures, and difÂferÂent amounts of wearÂing and inking. RememÂber that the iniÂtial resÂoÂluÂtion of the PhoÂtoÂshop type comÂpoÂsiÂtion is cruÂcial in relaÂtion to the crudeÂness of the end result, so experÂiÂment a lot until you get the desired result. Have fun.
ShareThis28 Comments:
Thanks for sharÂing the techÂnique Yves. I parÂticÂuÂlarly like “$3,000 worth of comÂputer equipÂment to emuÂlate the look of a $3 rubber stamp”!
For some time I had been telling people to use anaÂlogue techÂniques like smeared paint, scratched out toner, and crumÂpled laserÂprints (‘scrunchÂing’) and then to scan the results at 300dpi or better. This was in prefÂerÂence to the techÂnique Adobe called ‘CreÂatÂing a rustic or eroded effect’ on type (p.76 ‘Design EssenÂtials’ Adobe Press 1992) using PhoÂtoÂShop 2.0’s difÂfuse filter. I guess insistÂing on the idea that PhoÂtoÂshop should never be used for setÂting type — even disÂplay type — is just old dogma now.
Yves, you have shown us another reason to be open about workÂing outÂside our comÂfort zones and remainÂing open to posÂsiÂbilÂiÂties.
This is a fine techÂnique to enhance creÂativÂity and proÂducÂtion. Great artiÂcle. Thanks.
Mabuhay, Yves!
In a serendipÂiÂtiÂtious run of luck, I came across your tip while I was wrackÂing my brains in search of a PhoÂtoÂShop techÂnique of “aging” fonts. Because of you, I now have a book cover about a manÂuÂscript writÂten by a FilÂipino some 200 years ago — with the approÂpriÂate effects on the title text.
Thanks.
Glad it was helpÂful, Dan. If you get a chance, please post or send us a snapÂshot of your cover.
Great tutoÂrÂial… any thoughts or tips on how this might work with a t-shirt design?
Thanks, this was perÂfect and easy! I’m sure it will be my new favorite! On some things, the HIGH PASS didn’t work well, so I subÂstiÂtuted with ‘render clouds’ to achieve the grayscale variÂaÂtion. I love the final result! :)
InterÂestÂing. Never thought of going about it that way. I use this effect relÂaÂtively often, but resort to scanÂning in phoÂtoÂcopied black pages, playÂing with the levels for some grainy high conÂtrast, and then screenÂing the result on top of the type.
I think I’d still prefer my method, as it’s more organic, but I can defiÂnately see use for this method should lack of time or phoÂtoÂcopiers and scanÂners present itself.
> On some things, the HIGH PASS didn’t work well, so I subÂstiÂtuted with ‘render clouds’ to achieve the grayscale variÂaÂtion.
What I didn’t tell was that I develÂoped this little trick some 10 years ago, when you still needed a sigÂnifÂiÂcant mass of water drops susÂpended in the sky to “Render Clouds”. ;^)
ConÂsider this as a startÂing point and improve on the techÂnique — I will defÂiÂnitely try out your variÂaÂtion. The main advanÂtage of the High Pass filter is that it erodes more the inside of the shapes, which is very simÂiÂlar to what hapÂpens with stamped letÂters in real life .
In answer to Stephen Coles’ query above, check out these plugin filÂters for PS:
They look like a good buy, if you don’t mind the fact that someÂone else’s hard work makes your designs look good!
This is fasÂciÂnatÂing, espeÂcially Cameron Moll’s “Wicked worn look.” I have been seeing a lot of this type of treatÂment, espeÂcially in New AmerÂiÂcana Music design…it seems to be a code for Rough AuthenÂticÂity.
I still print things out and mash them about on a photocopier…but I will cerÂtainly give this techÂnique a try!
i had to bookÂmark this one. thnx yves!
I like the comÂment about the $3000 worth of comÂputer equipÂment to make the work of a $3 rubber stamp…
Looks great, best part is, is it doesn’t look fake.
Wow that is very impresÂsive! I am a rubÂberÂstamÂper and my daughÂter often tries to make stampÂing and scrapÂbookÂing effects in her comÂputer. Im going to forÂward this on!
Good tips. Fun to take the end result into IllusÂtraÂtor and play with liveÂtrace. Right on!
very cool, very useÂfull.
Hey! Another use for the HighÂpass filter. I was doing lots of alpha chanÂnel stuff to do that part of the prepaÂraÂtions. Thanks for that!
Hey
Great tut with great effect
Only thing I can’t figure out how you say it’s transÂparÂent?
When I start i have the text and white bg on one layer
how do you get the white to be transÂparÂent at the end?
Please help.
A 1 bit TIFF is transÂparÂent and can be coloured in Adobe InDeÂsign and IllusÂtraÂtor, and QuarkXÂPress. But really, we proÂduce these tutoÂriÂals, yet it’s up to you to know the posÂsiÂbilÂiÂties of the softÂware you use. We are no help desk, ;)
!SKILLS! thanks for impartÂing the wisdom. much appreÂciÂated.
Thanks Yves, very cool effect!
thank you for this!!
all other rubber stamp tutes are comÂpletely rubÂbish.
Peter, it looks like someÂthing has gotten garÂbled in this tute. There is a pice of a senÂtence (& ConÂtrast brings out the texÂture” />) just hangÂing onto the graphic that is just above the paraÂgraph that begins, “ThreshÂold the image…”
Can you recÂtify this for us? Is it part of an instrucÂtion needed to comÂplete this tute, or is it extrainÂious matter?
Thank you for all your grat tutes.
I am sorry but I am not very much impressed with the final result. I have seen some other tutoÂriÂals for “Stamped Look” and they were OK but this one doesn’t look much like a “Stamp”.
I obviÂously can’t please everyÂone, but forÂtuÂnately you have those other tutoÂriÂals as a point of refÂerÂence. Good for you. :)
This is a great tutoÂrÂial, but it is really so much easier to make using Xara Xtreme. Just the text tool, recÂtanÂgle tool and a fracÂtal plasma transÂparency with a proÂfile of -0.48 and -1. The advanÂtage is it is a vector. You can also export it as a .png file with alpha to preÂserve the transÂparency.
Post a comment:
The FontFeed
The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world. Eat up.
Related Posts
- Tutorial: Photorealistic Perspective
- Sometimes, flat just doesn’t cut it, and we need to find other, more attracÂtive ways to present designs to our…Read more
- An Interview with Zuzana Licko
- Zuzana Licko co-​founded Emigre — one of the first indeÂpenÂdent digÂiÂtal type foundries — in 1984. This interÂview with Licko was conÂducted on the…Read more
- Google Image Search Shows Its True Colours
- Google Image Search offers an interÂestÂing new filter – Search by Colour, which allows to fine-​tune your search results by…Read more
- Valentype | Testify and Win The FontFont or OurType Font You Love!
- If you know what it’s like to pasÂsionÂately love a typeÂface, here’s a golden opporÂtuÂnity. Declare your love for a…Read more
- Society for News Design Announce World’s Best-Designed Newspapers
- In its 30th annual The Best of NewsÂpaÂper Designâ„¢ CreÂative ComÂpeÂtiÂtion, the SociÂety for News Design has named four newsÂpaÂpers…Read more


Wow, this is brilÂliant. I’ve been doing things like this with fonts for ages but this is the best techÂniÂcal explaÂnaÂtion I’ve seen on how to reproÂduce this effect. Mine is usuÂally more random experÂiÂmenÂtaÂtion to create a simÂiÂlar effect.
ExcelÂlent.