T Shirt Design Mockups Pack

This mockup pack contains 4 unique, realistic male and female t-shirt styles which can be set to any colour you desire. Perfect for showcasing your t-shirt design concepts in style. Use the included Smart Objects to paste in your artwork, and update the colour of the shirt fabric using the Hue/Saturation adjustment layer.

Video Transcript

Hey guys, it's Jenn Coyle, your Community Manager at medialoot.com.

Today I'll be showing you how to use our T-shirt design mockups pack, which contains four unique and realistic male and female t-shirts that are completely editable, both for the artwork and any desired t-shirt color.

First, download the resource file, unzip it and open in Photoshop.

The Photoshop file is beautifully organized for your ease of use. Click through on the layer panel to see each of the mens shirt styles and the women's shirt styles. There are four total, each with a front and back.

To edit the artwork on the shirt, double click on the smart object layer at the top. The first smart object layer is the logo for all of the fronts of the shirts, and the second is the layer for the backs.

I'm going to drop in the Medialoot pencil logo and resize it so it will fit properly. You can hide or delete the example artwork layer, then save your changes by hitting command or control S. This looks pretty good.

To adjust the color of the shirt, open up the current shirt style group and then expand the Design group. Double click on the hue icon for the layer that is labeled "Change shirt color here". Make sure to click on the icon itself, which is a circle.

Play around with the hue, saturation, and lightness until you get your desired look. I'm going for a bright blue here.

If you want to show what the back of the same shirt will look like, turn on the back layer. You probably don't want the logo to shop up on the back, too, so you can turn off that group.

If you want the color shirts to match exactly but don't want to try to guess the color, take note of the hue, saturation and lightness of the previously edited shirt and type in the numbers to match. Here we have: 207 hue, 58 saturation, and +3 lightness.

If you want to show what another shirt will look like next to it, hide and show groups of layers as necessary. The groups are easy to mix and match. Click on the group and rotate and layer as desired. I'm going to tilt these shirts for a more casual feel.

There you have it! If you have any further questions, leave us a message in the comments.

You can sign up to be a Medialoot member at medialoot.com/join and instantly get access to thousands of resources at a very low cost, like the t-shirt design mockup pack that I showed you today.

And as always, remember to sign up for our weekly email to be notified of awesome new freebies, blog posts, and premium resources.

Thanks for joining in. We'll talk to you next time.