For Adobe CS 5

Step 1:
Window/Graphic styles. In the lower left corner fly out menu, is where you find the non default styles hiding. Go to the additive library, and the style you want is called live reflect x, this flips everything you draw on the right to the left in real time. Live reflect Y will flip on top. Hold option when you click the style to activate it. It will show up in your appearance panel listed as a transform, of you want to delete it or make edits.
It reflects each line you make, so if you want something fluid like the work doodle, you will need to learn to draw everything connected. Just practice, there isn't really a good way to explain this part. You just have to have a good eye for the structure of the drawing, and good putting stuff together skills.

Step 2:
The flipped part of the artwork is just an instance of the artwork on the right. Use the object menu at the top and pick expand appearance. By default the to half's will be grouped, and you may see a seam in the middle. It won't print, it's just a preview issue with how illustrator displays the artwork. To fix it. use the pathfinder merge function to glue the two half's together again.
I know this all sounds very confusing, but drawing and coloring only half the drawing takes only have the time. I have cut 6hrs off my drawing time using this technique.
It dosen't work for everything, but if you need anything with symmetrical elements, this is a great way to get er done.

Step 3:
This part is so cool. What happens is the pathfinder merge function will use your lifework, as a cookie cutter. The Solid below the line work is the cookie dough if you like.
Squish the line work onto the solid and you are left with each little bit of artwork all nicely separated into selectable shape goodness.

Step 4:
This will make everything a selectable artwork. You can then just shift click to select objects and add colors to them. It's the most efficient way I have found to color in illustrator.

Step 4.2
This is also the proper way to edit a design for a light colored shirt. Please never invert something. It swaps the light and shadow, and makes the artwork read like an ugly X ray.

Step 5:
I try to distribute and even amount of shades, and alternate. If you take two shades that are close together your brain will auto blend them making a third intermediate shade. Cool huh.
You can also do some trick shading by playing with the width between stokes when you are drawing. This is a flat color technique. If you like using traditional cross hatching and blending, you can do that on a separate layer and request that the screen printer half tone it for you.
The reason you want them to do it is because shirt fabrics, the screens they are printing with, and the halftones all have differing dot sizes. The printers know the best setup for their equipment, to avoid any areas where the dot's don't push threw the screens and sit on the shirt correctly. If the dot's are to small the shirt won't have anything to hold on to, and the print will fade, as those areas wear off.
But don't get discouraged with all the details. There are lots of printing methods out there. If you can make it someone out their can print it for you. Just just focus on making the best design you can.

Step 6:
In Screen printing each color cost time and money.
In this step you can separate your colors by merging (pathfinder merge, in cs5 it's the second row down third button in) This will cut your art into shapes.
Then ungrouping (shift, command, G) your artwork They are grouped by default after you merge.
Now use (y) magic wand tool and click on a color.
It will make a selection of anything that is the same color.
(Command G) to group your color selection.
Do this for all the colors.
This part is tricky. We are going to make new blank layers and move our colors selections to them.
Make a new layer.
Select one of your colors. When you select, you will be in the artwork layer. Doh.
Make sure you are in the blank layer you want the artwork to go to.
Then Right click your artwork, pick arrange, send to current layer.
You may have to do some back and froth ing before you get it to go where you want it.
Phew.
Do this for all color selections.
Why bother you wonder.
Now that you have them all separated, you can check the artwork for tiny artifacts that need cleaning up, and add a solid shape that matches the shirt color, and see what colors you can turn on and off. If you don't need a color, don't print it. Remember it cost time and money.
Step 7:
Here is the mockup kit: http://arsenal.gomedia.us/distressed-shirt-mockup-templates.html
You should always try to mockup your artwork as close to the size and position of the actual printed shirt as you can. This means avoiding making it to large, or going over seams. To save on the number of screens they have to burn, the printers will make them fit to the largest size of shirt you are ordering. So made to fix XL for example. Those same screens will then be used on the other smaller sizes as well. So X, L, M, S, Xsmall
Also be carful with the blending modes you use. Multiply is the most common for light shirts, but on darker shirts it will ruin the color, so it's better to just reduce the opacity a tiny, tiny bit. You are aiming for just enough for the shadows of the shirt to show threw so the design has a nice look. This is especially important if the client is using your mockup as a temporary product shot to get pre orders.
Hudaa
thank you, very insightful!
Sep 15th, 2011 ReplyQuakerNinja
Your welcome
Sep 15th, 2011 Reply SubscriberHonooNoTamashii
really smart! thank you for sharing this tut
Aug 27th, 2011 ReplyQuakerNinja
Your welcome
Aug 27th, 2011 Reply SubscriberRua
really cool,,,
Aug 21st, 2011 Reply www.facebook.com/rua810Syphellium
Really love this design!! I would totally buy it :D Interesting tutorial too
Aug 16th, 2011 ReplyQuakerNinja
The actual print didn't come out quite like the tutorial, but here it is if you want one. http://teeproject.com.au/wolf.html
Aug 16th, 2011 Reply SubscriberSyphellium
I'll check it out now :) Thanks for the link!
Aug 16th, 2011 ReplyHingeHead
Great tutorial! Love the design...
Aug 6th, 2011 ReplyQuakerNinja
Thank you.
Aug 15th, 2011 Reply SubscriberHingeHead
Welcome...it was cool.
Aug 15th, 2011 ReplyFartherForms
Thank you fro this. Opens up new possibilities and ideas. Awesome tutorial
Aug 6th, 2011 ReplyQuakerNinja
Thank you. Let me know if you need any help with it. Kind of hard to explain things with words. It makes more sense once you start to play with it.
Aug 6th, 2011 Reply SubscriberFartherForms
I'm getting there articles like this help a lot. I have been having a play with the tutorial open in the background and going back to it for reference.VERY helpful
Aug 6th, 2011 ReplyQuakerNinja
Oh cool, Please feel free not to follow it to closely. Just have fun exploring.
Aug 6th, 2011 Reply SubscriberFartherForms
Thanks for the encouragement and help my friend
Aug 6th, 2011 ReplyKristina
Wow, this is incredible! If I may ask, do you print your own Tees? or go through a company? I always wanted to make my own shirt designs, I just never really knew how.
Aug 4th, 2011 ReplyThank you very much for the tutorial! Really inspires me to want to make more designs :)
QuakerNinja
I don't have the space for the equipment or the time to learn to use it properly. I use http://www.threadbird.com for printing, and have a red bubble store http://www.redbubble.com/people/quakerninja I'm happy to help if you want to know more about tee shirts.
Aug 5th, 2011 Reply SubscriberIsmail
yay, thanks for the tut
Aug 3rd, 2011 Replyangraphics
Amazing!
Jul 31st, 2011 ReplyQuakerNinja
Thank you
Jul 31st, 2011 Reply SubscriberThePeskyPanda
Wow amazing (>_<)
Jul 25th, 2011 ReplyQuakerNinja
It really is, I should do a video demo sometime to go with this.
Jul 25th, 2011 Reply Subscriber