Part Three: Wicked Third-party Software

~ 09 June 2004 ~

This is the third monthly payment in the four-part series,
“That Wicked Worn Look”

Something wicked this way comes.

And this time around it comes in the form of a cheat. You’re gonna love this.

Say hello to Mister Retro and his fabulous machine wash filters. Can’t figure out this whole worn thing? No problem. The Mister Retro filters make weathering and aging a breeze. Simply install the actions in Photoshop, keep the CD on hand to save disk space, and then run the filters as often as you’d like. Check out some of the cheats you can produce.

I’ll admit my opinion is biased, as I haven’t reviewed other machine wash filters. But the Mistro Retro ones do such a stellar job I’ve had no need to.

We’re going to take this week’s tutorial offline by producing a T-shirt design, demonstrating the flexibility of the filters. (Though, they work just as well online, of course.) And I want you to know I created the artwork solely for this tutorial. That’s how much I love you.

Step 1 – We’ve been through this before, dahling

Step 1

Start with basic shapes. Can’t go wrong with something retro-ish. Easy does it.

Step 2 – Add flavor

Step 2

Toss in a few words done up in classic typefaces, add a quarter star & stretched arrows, and suddenly, as if out of nowhere, a logo emerges. Incredible. (Useless side note: I have to admit Zeldman’s prolific use of Clarendon of late tipped the scales in the classic typeface’s favor. Hence, “Authentic” appears in Clarendon skin.)

Step 3 – Enter Mistro Retro

Step 3

Here’s where the Mistro Retro machine wash filters work their magic. Flatten the artwork (but save a copy before doing so!), and play the “Regular Cycle” action using the Actions palette. The first step — and only step — requires you to choose a filter and place it over the artwork. I’ve chosen the “Aged” filter for this tutorial. Then, give the Return/Enter key a pinky tap and sit back and watch the show.

Step 4 – Sample wear using the “Aged” filter

Step 4

When the smoke clears and the mirrors leave the stage, our artwork automagically goes from drab to ubersvelte. Okay, so that last adjective probably doesn’t fit. But at least it rings well.

…or “Wooden” filter or “Decay” filter and so on.

Step 4b

So the “Aged” filter doesn’t float your boat? No worries. Choose from 60 filters, like the “Wooden” one above. Or “Decay.” Or “Jersey.” Or “Crackle.” Test a few here.

I’m still amazed at how easy it is. I feel guilty. Very. Especially for a mere $32 bones.

Open Source Download

Sorry dial-up patrons, we’re back to a fat download this week. File contains the original artwork — yes, layered — and four finished samples.

Gear up for a few expert guests, ’cause something wicked this way comes again next Wednesday.

NOTE

If you ever use the download artwork to actually screen a T-shirt, 1) send me a Large and 2) be sure to increase the dpi to 200+ before creating the screen.
 

21  Comments

Veer Veer: Visual Elements for Creatives.
Stock photography, type, and killer tees. Genuinely recommended by Authentic Boredom.

1   Iain ~ 09 June 2004 at 02:03 AM

Fab. No doubt I will overuse these techniques until I and everyone else is heartily sick of them.


2   Phil Baines ~ 09 June 2004 at 02:32 AM

Yes, The Wicked Worn Look will become the new drop-shadow after all of this. ;)

Good work Mr Moll; I greatly appreciate you sharing your knowledge with us.


3   k ~ 09 June 2004 at 03:12 AM

And again.

By the way, my wisdoms are Not boring. They are lame.


4   k ~ 09 June 2004 at 03:14 AM

I mean my wisdom is. You know.


5   Todd ~ 09 June 2004 at 06:00 AM

I bought the Machine Wash CD a few weeks ago and have had a lot of fun playing around with it. I can’t wait until I can actually use if for a project!


6   Ryan Brill ~ 09 June 2004 at 06:00 AM

I’ve been thinking about picking up the machine wash filters, but wanted to wait to see which third-party software you were going to suggest/recommend. Guess this clinches the deal, then…


7   RobotJohnny ~ 09 June 2004 at 08:54 AM

I purchased the MachineWash filters, too… I love them.

But — allowing your layered PSD to be downloaded, aren’t you concerned that you’re essentially GIVING AWAY a small handful of the filters? (Sure they’re low-res, and the action isn’t included, but any web designer with a working knowledge of using masks in photoshop can take and use these now without paying for them…)


8   Cameron Moll ~ 09 June 2004 at 09:12 AM

Filters aren’t included, robojoni. Only the completed artwork. If someone’s talented enough to create a mask from just that, then they’re talented enough to create a mask from any of the artwork I’ve provided thus far, with or without fitlers. I hear the same argument constantly from companies hesitant to pass on logo EPS files, not realizing that any talented designer can reproduce a logo with or without source files.


9   Hans ~ 09 June 2004 at 09:17 AM

Hmmm… I’m not that much of a “retro guy.” I liked the previous tutorials better, but this one you whipped up so fast…. Unbelievable!


10   RobotJohnny ~ 09 June 2004 at 09:26 AM

The MachineWash filters are just automated masks in the first place. Not including the action is a moot point for most designers I would think. Also a logo is something different than a piece of software like this that someone has payed for.

That being said, I AM enjoying these tutorials, I just don’t think I’d be happy if I was Mr. Retro and saw a handful of my textures being given away…


11   Cameron Moll ~ 09 June 2004 at 09:37 AM

Your points are valid, RobotJohnny. Much appreciated. I’ll tell you this much: I’ve been in close contact with Stuart Sandler @ fontdiner.com (makers of Mister Retro), giving him the heads up that I’d be posting a review soon (though he didn’t know whether it’d be positive or negative). If he voices any concerns, I’ll be sure to rectify the situation as needed.


12   RobotJohnny ~ 09 June 2004 at 09:39 AM

Sounds fair, Cameron!


13   Kyle ~ 09 June 2004 at 03:02 PM

Excellent set of tutorials you’ve gone and created here Cameron. Been waiting for this 3rd one for a long time, and when it showed up late last night I was severely dissapointed I couldn’t check it out (finals), but now that I have I think you’ve done the design community a great favor here :)

Glad to see people striving for something other than 2advanced…


14   Keith ~ 09 June 2004 at 06:10 PM

I’ve got the MachineWash filters, just haven’t used them yet. Maybe with my Designing The Band project…

Then again, as Phil points out, the “That Wicked Worn Look” could become the new drop shadow…

In any case — these have been great! Keep ‘em coming.


15   Mark Steinruck ~ 10 June 2004 at 02:13 PM

Great series Cameron!
I’ve found that creating custom Photoshop brushes from the successful trials helps produce these effects much more quickly in future designs. I have about 300 custom brushes loaded. Here’s a great place to get some: Dubtastic.


16   cLINT ~ 10 June 2004 at 09:05 PM

nice stuff cameron, i think the key to the success is the subtilty. ive been a fan of distressing~(what i call it) for a long time… thanks for the pointers

cF


17   Tom Werner ~ 13 June 2004 at 06:50 PM

Great howtos Cameron, I’ll keep these techniques in mind for future projects! It’s always nice to get a glimpse into other professionals creative methodologies and innovations. Keep up the great articles, I enjoy them thoroughly!


18   Michelle ~ 17 June 2004 at 11:55 PM

What a peach! I love this filter, thanks for the information.


19   Eddie ~ 26 July 2004 at 06:22 AM

The Mister Retro filters are great, but how would one make a tshirt from a multi-PMS design?

If you open a ilutrator logo in Photoshop you loose the PMS colors. Placing the image directly in illustrator doesnt work either. Loading the actions into illustrator wont work, incompatible.

I’m trying to keep my PMS colors, but apply the Machine wash actions.

Any suggestions?


20   Cameron Moll ~ 26 July 2004 at 06:51 AM

Good question, Eddie. Try asking Font Diner, makers of Mister Retro.


21   fng ~ 31 August 2004 at 04:53 PM

Do you maybe have some screenshots of the filter options in photoshop for example? Or are there even options? Iam not a filter fan at all, but these results look pretty good and it saves some time with the vintage look (which is a lot of work if you do it manually).




About

Authentic Boredom is the platitudinous web home of Cameron Moll, freelance new media designer, author, and speaker. More…


Jobs
Come in, we're hiring

Full-time and freelance job opportunities. Post a job...

...view all jobs »


Recently

A selection of fine reading, available for a limited time only:


In Print

CSS Mastery CSS Mastery: Advanced Web Standard Solutions A solid round-up of indispensable CSS design techniques by Andy Budd, Simon Collison, and Cameron Moll.

Mobile Web Design Mobile Web Design A guide to publishing web content beyond the desktop. Tips, methodology, and resources. Now available.


Recommended

Letterpress Posters Letterpress Posters The unassuming beauty of a freshly letterpressed print.

Wicked Worn That Wicked Worn Look. Techniques for that worn, aged, distressed look.

Mister Retro Mister Retro Machine Wash Filters Turn the dial to “Instaworn” with these filters.

Blinksale Blinksale Dive in and enjoy shamelessly easy invoicing from Firewheel Design.

Basecamp Basecamp My preferred web app for internal and client project collaboration.


Speaking

HOW Conference HOW Conference Austin, June 24–27. Pentagram, Adobe, P&G, et al.

Web Design World Web Design World Seattle, July 20–22. Practical sessions on web design.

An Event Apart Stimulate Salt Lake City, September 2009. Entrepreneurship and design conference.


Feed Me
Articles: RSS
Linkage: RSS

Follow me: Twitter