Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

The Ultimate Round-Up Of T-Shirt Design Tutorials

Among all of the graphic designers in the world, many of them have probably had a go at designing some cool artwork for t-shirts. The t-shirt, after all, is one of the world’s most purchased products, and a lot of us wouldn’t know what to do without them!

If you have yet to design for apparel goods, today is your lucky day! Below, we present over 20 useful t-shirt graphic tutorials written by fellow designers, followed by a selection of great resources (such as vector apparel mock-up templates), an inspirational showcase to get your brain thinking and some great websites where you can submit your new t-shirt graphics.

You may be interested in the following related posts:

T-Shirt Graphic Tutorials Link

Create a Balanced T-Shirt Graphic4

  • Work with vector image tools to trace stock photos.
  • Learn how to make great compositions.

Balanced T-Shirt Graphic5

How to Design a T-Shirt on a Budget and a Tight Deadline6

  • Use existing vector packs to produce new graphics.
  • Work with limited color schemes.

Designing on a budget and tight deadline7

T-Shirt Design in Photoshop8

  • Work with the Saturation Settings to manipulate photos.
  • Use the Circular Marquee Tool to produce custom shapes.

T-Shirt Design in Photoshop9

Super-Slick Screen-Printing Separations with Illustrator10

  • Set up documents and bleeds ready for screen printing.
  • Use Calligraphic Brushes to trace photographs.
  • Separate colors to be ready for screen printing.

Screen Printing Separations11

How to Create Photorealistic T-Shirt Mock-Ups12

  • Use apparel templates to produce realistic digital mock-ups.
  • Use layer masks to hide unwanted areas of a graphic.

Photorealistic T-Shirt Mock-Ups13

Screen Printing Effects14

  • Simulate silk screen imperfections in Photoshop.
  • Learn how to use alpha channels.

Screen Printing Effects15

Create a Custom T-Shirt Stencil Design16

  • Create stencils for your t-shirt artwork.
  • Use craft knifes and spray paint to produce home-made t-shirts.

Custom T-Shirt Stencil Design17

Screen Printing Tricks18

  • Get your hands dirty and produce home-made screen-printed t-shirts.
  • Use various objects from around the home to save money on one-off production tees.

Screen Printing Tricks19

Separating Colors for Screen Printing in Photoshop20

  • Use the Magic Wand Tool to select individual colors.
  • Use registration marks to help line up artwork when screen printing.

Separating Colors for Screen-Printing21

How to Win at Design by Humans22

  • Learn tips and tricks for submitting your artwork to Design by Humans.
  • Use Pantone Color books to get your colors correct.

How to win at Design by Humans23

How to Prepare Artwork for Screen Printing in Illustrator24

  • Use various Pathfinder Tools to separate your colors.
  • Use the Magic Wand Tool to select individual colors.

Prepare Artwork for Screen-Printing25

Designing Ultra SceneXCore Apparel26

  • Manipulate stock photos using various tools.
  • Use existing vector images to spice up your artwork.

Ultra SceneXCore Apparel27

Create a Three-Color Illustration for Screen-Printing28

  • Separate colors in Photoshop to be ready for screen printing.
  • Learn about trapping to avoid slight alignment on press.

Three-Color Illustration for Screen-Printing29

Easy Color Separations for Screen-Printing in Photoshop

  • Learn the process of screen printing and how it all works.
  • Learn how to separate your artwork colors in Photoshop.

Color Separations for Screen-Printing

How to Create Awesome T-Shirt Mock-Ups like Jimiyo30

  • Use the Transform Tool to correctly position your artwork.
  • Use the highlight and shadow levels to give your digital mock-up a realistic look.

Awesome T-Shirt Mock-Ups31

DIY Vintage T-Shirts32

  • Combine Photoshop and Illustrator to produce stunning artwork.
  • Use an imported sketch as a guideline.

DIY Vintage T-Shirts33

Rapid-Fire Illustration Tutorial34

  • Use the Live Trace Tool to quickly and effectively trace traditional ink drawings.
  • Use the Pen Tool to create custom shapes.

Rapid-Fire Illustration35

How to Create a T-Shirt from Scratch36

  • Use various Photoshop Tools to create custom shapes.
  • Use the Polygonal Lasso Tool to delete unwanted areas of artwork.

T-Shirt from Scratch37

Create a Complete Apparel Tech Pack38

  • Learn how to prepare your files correctly.
  • Learn how to separate colors correctly.

Complete Apparel Tech Pack39

CMYK Process Printing for the Emerging T-Shirt Designer40

  • Learn how to mix existing resources to create a good composition.
  • Work with unusual color schemes to produce eye-catching artwork.

CMYK Process Printing41

Digital T-Shirt Mock-Up Resources Link

After giving a few of the above tutorials the once over, you should have enough knowledge to begin making your own separated t-shirt artwork. Below are several links we have collected to help you present your work in the most stylish way possible.

GoMedia Ultimate Apparel Vector Collection42
GoMedia Ultimate Apparel Vector Collection43

Freebie T-Shirt Template44
Freebie T-Shirt Template

T-Shirt Templates: Free and Paid45
T-Shirt Templates: Free and Paid

Free Blank Vector Clothing
Free Blank Vector Clothing

Huge Collection of T-Shirt Design Mock-Up Templates46
Collection of T-Shirt Mock-Up Templates47

VIP Mock-Up Templates48
VIP Mock-Up Templates49

T-Shirt Inspiration Link

Now you’ve got everything you need… except maybe for some ideas! Take a look at these great inspirational posts to help you get your thinking cap on!

Where To Sell And Submit Your Artwork Link

Below we have collected various online stores and open-ended competitions that invite you to submit your t-shirt designs, with the chance of getting them printed and taking home some well-earned cash!

  • Design by Humans63
    An ongoing design contest and community where artists and t-shirt lovers can create, buy and talk about everything related to art and t-shirts.
  • Threadless64
    Threadless is a community-based tee-shirt company with an ongoing open call for design submissions.
  • Teetonic65
    Teetonic is about passion for design. It wants to create the best t-shirts and is always open for submissions.
  • Allmightys66
    Submit designs to win tees, commisions, fame, friends and more!
  • Oddica67
    Submit your artwork for a chance to earn 41% of every sale made.
  • Zazzle68
    Make money online by selling your designs on hundreds of retail-quality products! It’s free and easy.
  • Cafepress69
    Design, make and sell your t-shirts.
  • La Fraise70
    This is pretty much the French version of Design by Humans.
  • Spreadshirt71
    Create your own t-shirt shop for free, and fill it with your very own designs.
  • BigCartel72
    BigCartel is a simple shopping cart for artists. Create an account and start selling!

You may be interested in the following related posts:

(al)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2009/10/02/the-ultimate-round-up-of-print-design-tutorials/
  2. 2 https://www.smashingmagazine.com/2009/09/08/50-clever-tutorials-and-techniques-on-traditional-drawing/
  3. 3 https://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/
  4. 4 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/create_a_balanced_t-shirt_graphic
  5. 5 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/create_a_balanced_t-shirt_graphic
  6. 6 http://www.gomediazine.com/tutorials/design-shirt-budget-tight-deadline/
  7. 7 http://www.gomediazine.com/tutorials/design-shirt-budget-tight-deadline/
  8. 8 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/photoshop_t-shirt_design
  9. 9 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/photoshop_t-shirt_design
  10. 10 http://vector.tutsplus.com/tutorials/designing/super-slick-screen-printing-separations-with-illustrator/
  11. 11 http://vector.tutsplus.com/tutorials/designing/super-slick-screen-printing-separations-with-illustrator/
  12. 12 http://www.gomediazine.com/tutorials/photoshop/how-to-create-photorealistic-shirt-mockups/
  13. 13 http://www.gomediazine.com/tutorials/photoshop/how-to-create-photorealistic-shirt-mockups/
  14. 14 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/screen-print_effects
  15. 15 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/screen-print_effects
  16. 16 http://www.blog.spoongraphics.co.uk/tutorials/create-a-custom-t-shirt-stencil-design
  17. 17 http://www.blog.spoongraphics.co.uk/tutorials/create-a-custom-t-shirt-stencil-design
  18. 18 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/screen-printing_tricks
  19. 19 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/screen-printing_tricks
  20. 20 http://www.websitetemplatedatabase.com/photoshoptutorials/14-photoshoptutorial
  21. 21 http://www.websitetemplatedatabase.com/photoshoptutorials/14-photoshoptutorial
  22. 22 http://www.gomediazine.com/design-tip/win-design-humans/
  23. 23 http://www.gomediazine.com/design-tip/win-design-humans/
  24. 24 http://vector.tutsplus.com/tutorials/illustration/how-to-prepare-artwork-for-screen-printing/
  25. 25 http://vector.tutsplus.com/tutorials/illustration/how-to-prepare-artwork-for-screen-printing/
  26. 26 http://www.gomediazine.com/tutorials/designing-ultra-scenexcore-apparel/
  27. 27 http://www.gomediazine.com/tutorials/designing-ultra-scenexcore-apparel/
  28. 28 http://psd.tutsplus.com/articles/news/create-a-three-color-illustration-for-screen-printing-tuts-tutorial/
  29. 29 http://psd.tutsplus.com/articles/news/create-a-three-color-illustration-for-screen-printing-tuts-tutorial/
  30. 30 http://www.gomediazine.com/tutorials/create-sweet-tshirt-mockups-jimiyo/
  31. 31 http://www.gomediazine.com/tutorials/create-sweet-tshirt-mockups-jimiyo/
  32. 32 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/diy_vintage_t-shirts
  33. 33 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/diy_vintage_t-shirts
  34. 34 http://www.gomediazine.com/tutorials/go-media-rapid-fire-illustration-technique/
  35. 35 http://www.gomediazine.com/tutorials/go-media-rapid-fire-illustration-technique/
  36. 36 http://www.prowseed.com/blog/tee-tutorial/
  37. 37 http://www.prowseed.com/blog/tee-tutorial/
  38. 38 http://www.gomediazine.com/tutorials/create-complete-apparel-tech-pack/
  39. 39 http://www.gomediazine.com/tutorials/create-complete-apparel-tech-pack/
  40. 40 http://psd.tutsplus.com/articles/news/cmyk-process-printing-for-the-emerging-t-shirt-designer-psd-plus-tutorial/
  41. 41 http://psd.tutsplus.com/articles/news/cmyk-process-printing-for-the-emerging-t-shirt-designer-psd-plus-tutorial/
  42. 42 http://arsenal.gomedia.us/ultimate-apparel-template-collection.html
  43. 43 http://arsenal.gomedia.us/ultimate-apparel-template-collection.html
  44. 44 http://www.gomediazine.com/freebies/tshirt-template-freebie/
  45. 45 http://www.gomediazine.com/freebies/tshirt-template-freebie/
  46. 46 http://www.blog.spoongraphics.co.uk/freebies/huge-collecton-of-tshirt-design-mockup-templates
  47. 47 http://www.blog.spoongraphics.co.uk/freebies/huge-collecton-of-tshirt-design-mockup-templates
  48. 48 http://www.vecteezy.com/vf/906-VIP-Mockup-Templates
  49. 49 http://www.vecteezy.com/vf/906-VIP-Mockup-Templates
  50. 50 http://abduzeedo.com/inspiration-20-awesome-t-shirt-illustrations-glennz
  51. 51 http://abduzeedo.com/50-best-t-shirt-designs-2008
  52. 52 http://wellmedicated.com/inspiration/40-rad-vintage-t-shirt-designs/
  53. 53 http://vector.tutsplus.com/articles/web-roundups/30-kick-ass-vector-based-t-shirts-from-top-designers/
  54. 54 http://webdesignledger.com/inspiration/30-clever-and-cool-t-shirt-designs-you-will-love
  55. 55 http://abduzeedo.com/super-cool-80s-t-shirt-designs
  56. 56 http://abduzeedo.com/20-super-cool-t-shirt-designs
  57. 57 http://www.fudgegraphics.com/2009/09/inspiration-amazing-typography-tshirt-designs/
  58. 58 http://www.designshard.com/inspiration/designer-tees-wear-your-art-on-your-sleeve/
  59. 59 http://bestdesignoptions.com/?p=7088
  60. 60 http://www.inspiredm.com/2009/05/20/geek-fashion-55-fresh-t-shirts-for-the-creative-community/
  61. 61 http://www.fuelyourcreativity.com/tasty-designer-t-shirts-plus-resources-tuts/
  62. 62 http://www.flickr.com/photos/30512312@N03/
  63. 63 http://www.designbyhumans.com/
  64. 64 http://www.threadless.com/
  65. 65 http://www.teetonic.com/
  66. 66 http://allmightys.com/
  67. 67 http://www.oddica.com/
  68. 68 http://www.zazzle.co.uk/
  69. 69 http://www.cafepress.co.uk/
  70. 70 http://en.lafraise.com/
  71. 71 http://www.spreadshirt.com/
  72. 72 http://www.bigcartel.com/
  73. 73 https://www.smashingmagazine.com/2009/10/02/the-ultimate-round-up-of-print-design-tutorials/
  74. 74 https://www.smashingmagazine.com/2009/09/08/50-clever-tutorials-and-techniques-on-traditional-drawing/
  75. 75 https://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Callum Chapman is a self-employed blogger and graphic/web designer. He has recently launched a blog dedicated to visual inspiration for designers, photographers and artists called The Inspiration Blog.

  1. 1

    Cool graphics, i just find t-shit graphic trends change too quickly. but, cool stuff.

    -1
  2. 2

    Does anyone know how to actually know how to start selling T-Shirts online?

    Say.. I start with 10 T-shirt designs..Is it easier to mass produce T-shirts or create T-Shirts as the order comes in?

    1
  3. 3

    I love t-shirt design. Thanks for the great post, especially those resources.

    0
  4. 4

    I found this awesome tshirt tutorial (made by david from iloveyourshirt) some years ago.

    0
  5. 5

    This article is a great starting resource for sure.

    jacob bannon of converge does some amazing t-shirt artwork. check out his site: http://www.jacobbannon.com/ he sells most of his stuff through his record lable deathwish inc.

    0
  6. 6

    This rocks!

    My friend does screen printing and we’ve been recently talking about possibly opening a T-Shirt design business.

    This should help with a lot of what we were talking about :)

    0
  7. 7

    Armig Esfahani

    October 16, 2009 6:18 am

    Cool stuff! thanks!

    0
  8. 8

    What a great roundup!!! I’ve recently starting doing more t-shirt design and I can’t wait to dig in to more of these articles. For me, the 4th one from the top (Super-Slick Screen-Printing Separations with Illustrator) was REALLY helpful!

    By the way, you forgot about Shirt.Woot! derbies (shirt.woot.com/derby/) for places you can submit your artwork and get paid!

    0
  9. 9

    Wow! Thanx. I can remember I requested for some T-shirt design from you guys. Nice to see these come out.

    0
  10. 10

    this new thing you do on round ups, telling what techniques are covered, is awesome!!! thanks for the posts!!

    0
  11. 11

    Thanks for the list of resources, I can never remember them when I’m looking for them.

    1
  12. 12

    The article about “CMYK Process Printing for the Emerging T-Shirt Designer” points to another article.

    (SM) Thanks, it is fixed now.

    0
  13. 13

    Nice roundup. Although i miss Emptees.com as a source of inspiration…

    0
  14. 14

    Mike, your question is kind of vague. If you’ve already printed the shirts, you can setup a webpage with a shopping cart and start publicizing it. Or, use Printfection, Zazzle, or Cafepress to print on demand.

    Good luck!

    Below are my examples of a Printfection site and also a site for shirts I printed:
    http://www.murchadaoutfitters.com – Viking, Celtic, Spartan, Roman, and more t-shirts
    http://www.scotlandshirt.com – the ultimate Scotland shirt

    0
  15. 15

    This is exactly what i’ve been looking for. Thanks SM!

    0
  16. 16

    @Mike

    It’s going to be more expensive to make them as they’re ordered. It’s always cheaper to mass produce t-shirts because of screen printing costs. Call up a screen printer and ask them how much it costs for to do 1 shirt compared to 101 shirts.

    0
  17. 17

    Thanks for the AMAZING list of tutorials!

    0
  18. 18

    This is great! just got home and this was on my RSS. Earlier today a client asked me to do a t-shirt mock-up and this will be a big help! Smashing Mag to rescue again!

    0
  19. 19

    And don’t forget the cool t-shirts featured on Justice’s video “Dance”! http://www.youtube.com/watch?v=49esza4eiK4

    0
  20. 20

    Callum Chapman

    October 18, 2009 12:56 am

    Glad you all like it guys.

    @Mike: The more you get printed, the cheaper each ‘unit’ will cost – although if you’re just starting out it would probably be best going a long the lines of printed on demand with Cafepress etc. Or alternatively you could look at screen-printing the shirts yourself? It’s quite expensive to get set-up but if you’re t-shirts are well designed and are of good quality you’ll make your money back in no time ;)

    @Oliver: Great song and a great video, I forgot about that!

    0

↑ Back to top