In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a vector T-Shirt mockup template!
Or, if you prefer to use Photoshop, simply grab a T-shirt mockup PSD template from this handy list:
You can also a try a similar tutorial of mine, where you can learn how to apply patterns to these T-Shirt mockup templates!
1. How to Draw a T-Shirt Mockup Template
Let's learn how to use the Mesh Tool while creating a photo-realistic T-shirt!
Begin by drawing the shape of half of a shirt with the Pen Tool (P). Fill it in with
Create a copy of the shape! Put it aside—we will need it later.
Let's start using a Mesh! Take the Mesh Tool (U)
and start creating a Mesh grid on the object by placing nodes. Afterwards, select the nodes on the left edge of the shirt and change their color to
Add some more nodes, as indicated in the screenshot below, and color the selected nodes with
#F4F4F4, adding wrinkles to the shirt.
Continue coloring the nodes as indicated below. Use these colors:
Take the second copy of the shirt, reflect it, and continue coloring.
Finish the second half.
Draw a sleeve.
Bend the Mesh into a collar with Effect > Warp > Arc, using -85% Bend.
Object > Expand Appearance of the result.
Draw the second part of the collar.
Combine the collar parts.
Assemble the T-shirt mockup!
2. How to Recolor the T-Shirt Mockup Template
To get all the colors you can see in the thumbnail, create three more copies of the white shirt we just made.
Grab a copy and proceed to Edit > Edit Colors > Adjust Colors. Change the tab to Greyscale and apply 32% Black. Don't forget to tick the Convert box.
Create two more copies of the grey shirt mockup we just made. Grab the original and recolor it with Edit > Edit Colors > Adjust Colors.
This time, change the tab to RGB and apply 18% Red, -30% Green, and -26% Blue. Don't forget to tick the Convert box.
Take another copy and essentially repeat the last step by going to Edit > Edit Colors > Adjust Colors, changing the tab to RGB and applying 6% Red, 13% Green, and -60% Blue.
Take the final copy and convert it to orange with 27% Red, -5% Green, and -41% Blue.
Grab one of the original white T-Shirts and convert it to Grayscale with 40% Black.
Recolor the grey template to cyan with -9% Red, 20% Green, and 16% Blue.
Take the last white copy and turn it black with 63% Black.
Create a copy of the black T-Shirt mockup and recolor it to dark red with 9% Red, -9% Green, and -7% Blue.
Congratulations! Your colorful set of T-Shirt mockup templates is done!
I hope you enjoyed the tutorial, and I'll be extremely happy to see your results in the comments below!