August 27, 2008

Tricks Of The Trade | Creating Plaids In Photoshop


Now that I am no longer feeling compelled to keep my "trade secrets" in the men's underwear biz, I'd like to share my process on making plaids in Adobe Photoshop. I am sure others have a similar process or template, but this is the way I've been doing it for nearly 10 years, and it hasn't failed me yet. I've cranked out waaaaaaaaaaaay more plaids than I care to remember. This said, they don't call me the "Plaid Queen" for nothing. I don't really care for the title, though.

Download this .psd template for a plain weave plaid (v. CS2- and a warning, it's a whopping 7MB file!). In my work, we do fabric constructions around the 90x100- 21 singles range, so this is aimed to look like a plain weave that simulates the tightness of this construction. I have other templates, but for this tutorial's purpose, I want to give you a general understanding and from here, many of you may be able to generate other templates, including a twill weave, dobbies, etc. One thing I haven't been able (nor did I have to) figure out was satin weaves. This is a basic approach, so don't expect perfection! I have always worked in 200 dpi. Just have. I also work in CMYK. Just do. I also apologize in advance for anyone I may lose along the way. I am going to assume you will have a good amount of experience with Photoshop, so I won't be showing you all the finer details on how to use the program itself. Maybe I'll save that for my book!


So here's what you do.

Open the .psd template file. Then open a New 200 dpi canvas. The canvas itself doesn't need to be very big. To start, make it about 1 inch high x 5 inches wide. You are now going to make the repeat for the warp yarns- this only needs to be the full repeat- nothing more. I do not worry about color until the end of the process, so for now, as you are working, just designate color positions, you can correct them later.

Using your Rectangular Marquee tool (*do not have any feathering, make sure anti-aliased is UNchecked and is set to normal.) and starting at the left most edge, "draw" your first band of color by creating a rectangle the width of the band and using your Paint Bucket tool, fill it in with your first choice of color with no space in between. Continue to create bands of colors across the canvas until you have your full repeat.

Once repeat is complete, Using the Rectangular Marquee again, Select that entire repeat from edge to edge- and the repeat only- whatever is selected is going to be part of the pattern. Crop the canvas (as shown above). Then Define Pattern.

Go to the Template. Using your Magic Wand tool (*with tolerance at 0 and anti-aliased and contiguous both UNchecked.) select the pale magenta color position in the top edge. Then go to Fill and select the pattern you just defined. Neat, huh?



Now, you have to make your weft repeat. Go back to your warp repeat and while it is still selected, rotate the canvas 90 degrees (doesn't matter which way, unless you have a preference). Define Pattern.


Go back to the template, using the Magic Wand now select the pale cyan color position and Fill it in with that repeat pattern. Voila!

Another great way to create plaids, rather than just winging it with various bands of color, is by scanning in an actual plaid fabric and making the repeat right over the top of it with solid bands of color the thickness of those you see (remember to scan the plaids at 200 dpi and convert to CMYK before doing any work).

Also try making a new repeat altogether for the weft yarns, so the plaid isn't so balanced.

Now you're probably wondering how can this benefit the common Photoshopper who's not in the textile or garment industry? See here! or here!

44 lovely notes:

The Jen said...

Very cool tutorial! Thanks. The cards are lovely also. ~jen~

Fog and Thistle said...

I can't wait to try this out! How funtastic! Thanks for sharing this tutorial.

jess gonacha said...

great tutorial! thanks michelle! i usually create patterns in Illustrator but will definitely try this Photoshop method. I love all your plaids that you've shown, too!

Cover That Mother said...

Nice Tutorial!

Sarah Jane said...

wow! THanks so much! I can't wait to try it out! I have been fiddling around with it...but this is so much more easy to understand. thanks!

please sir said...

Amazing - thanks so much for the tutorial! Thanks for your living comment too - glad to hear you are enjoying NJ!

Tina said...

Thanks. I can't wait to try this out. I'm more of an Illustrator girl so this will give me more Photoshop practice.

quaint handmade said...

that is a wonderful tutorial! thank you so much for taking the time to create and share it with us.

vana chupp said...

thanks so much for the tutorials! It looks so complicated to me, but that's because i only use Illustrator...i MUST learn photoshop.
They look great in your shop!

Heather Moore said...

Yikes, you sure do know your way around Photoshop! I think I'll tuck this tut away for when I get out of photoshop kindergarten. Thanks for sharing.

Victoria said...

Fascinating! Grade wise my photoshop experience is about on a kindergarten level too, and a lot of this is over my head, but I would still like to give it a try! Thanks for sharing!

Emily said...

wow what a great lesson...so excited to try this out!

BrookeAhanaDaily said...

thank you for being so willing to share your expertise - very generous!
I'm sort of a spaz so I won't be doing this anytime soon, but still I marvel at your talents - there are just so many!

Angelia said...

Thanks for the great information. I seem to love plaids and come back to them especially the fall.

ellencrimitrent said...

I will have to try it out!! years ago I worked at a print studio in NYC and watched how these women did them with gauche and an airbrush!! Lots of work let me tell you. I did only conversational prints and still do which I paint and do on the computer but only I license everything now.

Prêt à Voyager said...

Awesome! And I here plaids are totally in this year :)

Anne

jessicajane said...

interesting! i love plaids. haha.

SimplyGrove said...

Thanks for the tutorial!

curiouserandcuriouser said...

So my stupidly obvious comment on these would be "Wow, these really DO like men's underwear patterns!" I'm sure there are one or two of these in Dino's drawers! I know how happy you are to not have to do this anymore--but what a great skill you've mastered along the way!

Camille said...

I'm fairly certain I'll never create plaids, but I often wondered how you did what you did and it was interesting to read about it.

I think I would have gone cross eyed from dealing with these for so many years....like looking a a hotel carpet.

The boys have loved their plaid boxers over the years so you really are the Queen of Plaid!

Mrs.French said...

thanks for sharing your awesomeness. Now I just need Photoshop..sigh....

Waterrose said...

wow that is pretty cool. it seems that one person can never learn everything there is to know about illustrator, photoshop, or dreamweaver... i just keep adding to my knowledge base --hopefully the brain doesn't explode soon.

TinaJewel said...

I love plaids and your ideas!

picciolo said...

HI, Thanks for sharing this, what a great tutorial. I'm going to try it out very soon, you have explained everything very clearly. I love your cards too
: )

jkziel said...

sooo much info!!!

karen barbé said...

Hi Michelle, I'm impressed by the tutorial and the template. I would have never had a clue on how to make a plaid with Photoshop. I'm astounded! This is certainly a trade secret! Thank you very much for sharing.

Sarah McBride said...

THANK YOU THANK YOU THANK YOU for the awesome tutorial.
Now I am off to play on photoshop!!

Harmony said...

BRAVO! I was titled the "plaid queen" at my previous two textile jobs... so I loved seeing how you explained it.... having the sides pulled out is something I never thought to do! Makes so much sense!

I sort of miss doing plaids in some strange and peculiar way....

Aran said...

i love this. i am definitely going to try it!

JoJoBell said...

You are so fabulous for sharing you knowlege!

Aim said...

Oooh, I am going to bookmark this to come back to later! Sounds really cool!!! Thanks

Kat said...

That's awesome. I had to recreate a tartan on a book cover once so the author wouldn't realize I'd redone his image. I needed it to look like the fabric.

A capital i in a san serif font, italicized with the kerning reduced made into bands just like the tutorial worked beautifully.

Just in case someone out there needs to , erm, make wooly looking tartan. It was a great trick!

Andy Mathis said...

hey. thanks for the tutorial. I can't wait to try it out.

I need to do some background things for giftwrap ideas incorporating art images on top.

Sarah McBride said...

I made my first plaid thanks to your tutorial!! I will be using it on my lip balm labels! It loosk great thanks again!!

The Ebon Swan said...

My husband thanks you profusely for this new tutorial...he's been trying to do plaids for years now and just got frustrated. Now he's got something new to play with...thanks so much!

PeelWon said...

This is a great tutorial! I'm trying it out right now and have gotten all the way to the part where I am to click the Cyan strip on the left to fill with the vertical pattern. When I click on it with the magic wand, I get a pop-up that says "Could not use the magic wand because the target is a fill layer." I'm so close to finishing my first plaid pattern! What do I do?

Thanks!

Five Dot Design said...

i just used this to make myself some "cloth" i do believe you saved me not only a hundred hours of my life, but file size on my computer!

thanks for dishin' the dirt!

p.s. the goodies i ordered from you will be handed out as stocking stuffers. i wanted to keep them, but i figured i'd pass on the wealth!

Veronica said...

Thank you so much!

SarahB said...

This method is so clever! I came up with my own method of making digital plaids for scrapbook papers and figured out how to make it look woven, but I used layer masks on the big finished page and the Photoshop file ended up ridiculously large. I will be springboarding off your method to make something more efficient! Thank you!

vfdvgf said...

you can get Wow Power Leveling and wow gold wow power leveling

suchin said...

Hi! Your blog is simply super. you have create a differentiate. Thanks for the sharing this website. it is very useful professional knowledge.
more templates easy to download

disa said...

太極峽谷,磐石營地,九族文化村,風櫃斗,雅築沙里仙溫泉,蛇窯蟬說,合歡山,嘉南八卦窯,糯米石橋,震災紀念公園,芙蓉瀑布,水鳥保護區,牛耳藝術渡假村,敷榮堂,登瀛書院,木屐蘭溪谷,木生昆蟲館,泰雅渡假村,惠蓀林場,水沙連古道,台一生態教育休閒農場,清境農場,生態農場,豐年靈芝菇,錦吉昆蟲館
奧萬大,埔里酒廠,埔里鯉魚潭,中台禪寺,台灣地理中心碑,九族文化村,玉山國家公園,合歡山,日月潭,田尾公路花園,新百果山,鹿港龍山寺,台灣民俗村,鹿港天后宮,溪頭森林,廬山溫泉,草嶺風景區,劍湖山世界,北港朝天宮,三條崙海水浴場,夏威夷,池南森林遊樂區,鯉魚潭,太魯閣,秀姑巒溪,長春祠,大佛風景區,東勢林場,古奇峰,五指山風景區,海水浴場,六福村,秀姑巒溪,石梯坪,磯崎灣,掃叭石柱,七星潭,小叮噹科學園區,大聖渡假,三義木雕博物館,谷關風景區,武陵農場,大坑風景區,亞哥花園,崎頂海水浴場

Carmina said...

mmm... I have never tried to do this on Photoshop, but I want to give it a try, it looks simple, nothing too complicate, thank you for the tutorial! Once I used a Russian software called Sildenafil Citrate and I did something similar, but it was a trial

brendonlikestopaint said...

This is fantastic. Do you have a tutorial for creating the template? I'd like to create a 120x80 template.

Really great tutorial though.