Today we’re talking about t-shirts, specifically: how to create t-shirt mockup for your online t-shirt store. I’m going with screenshots to take you through this process step-by-step. If you want to follow along, fire up PhotoShop or take out a pen and paper.
If you own a t-shirt brand or run a print on demand business, using t-shirt mockups in your online store is probably the best way to showcase your products. And showcasing your products is a great way to increase sales.
So when we talk about t-shirt mockups, what do we mean?
T-shirt mockups are basically photos of blank t-shirts, onto which you transfer the designs of your t-shirts.
For example, one t-shirt mockup might be of a plain white t-shirt laying flat on a table. You use a mockup tool to transfer your design onto that t-shirt. The result is a high-resolution photo of your t-shirt laying flat on a table. T-shirt mockup photos usually go way beyond a t-shirt laying on a table, though. There are tons of mockup photos that you can use to showcase your t-shirts in real-life scenarios, like at a barbecue or a family gathering, on a date, or while shooting videos for YouTube.
Using mockups helps your customers imagine themselves wearing your t-shirts. In addition, they’re an affordable way to have your apparel photographed without having to pay for a photographer or a model. You can find t-shirt mockups online, and they range in price from completely free to costing a small fee.
Okay, ready to make a t-shirt mockup? Great, I am too. Let’s head over to my screen and open PhotoShop. We’ll be using a t-shirt mockup generator called Pixeden for our t-shirt mockup.
Here we are on the free graphics section of the Pixeden website. We are looking for a t-shirt option that catches our eye. Like this blue t-shirt mockup down here. The image is bright, clear and shows the whole t-shirt at a glance. When we include a logo or design, later on, it will be clearly visible to our store visitors.
Once you’ve found a mockup, you’re happy with simply download the free PSD t-shirt mockup by clicking on that green button there that says free download. This will take a moment. While it downloads, let me tell you briefly about ZIP files. It is quite common for PSD downloads to arrive in a zip format. You may need software to unzip them. If you do, there is free software available called 7 Zip.
All right now here’s the downloaded file on my desktop. Now to begin adding my design I have to locate the PSD file. There it is. I’ll rename it something that will help me remember it later on.
I’ll simply add “Oberlo” to the name. As we’re going to see, changing the design on t-shirt mockups is straightforward. You don’t have to perform any blending or matching. PSD files like these come ready to go.
Okay once we open the PSD file, we’ll see it appear in photoshop. There it is. PSD files like these usually indicate where you can change the design. But if they don’t and if you can’t tell where the design is changeable, you only need to locate where the smart object is. So open up the groups over here and look for the note that says “edit this” or a phrase like the one we see here, “Put your design here” Virtually all free PSD template services operate like this, but the exact wording may vary.
Here we see the smart object is there waiting for us to change the design. So what we do is double click on the thumbnail we can edit.
This is a smart object, and it will open up in another document. In this document, we can play around with our design ideas. It’s the space where you can insert your t-shirt design or slogan. I’m going to replace it with some Oberlo branding. So open the file you want to use in Photoshop with the PSD template. It will appear like this.
All we do now is right-click on our logo, click Duplicate Layer, and we’re going to want to duplicate it in our smart thumbnail. The dot PSB file, called shirt design here. Click that, and then we okay the action.
Now our logo appears. It had replaced the mockup design that was there when we downloaded this file from Pixeden. We can make some quick adjustments if we need to. Like this. Press control or command T and we can change the size of our logo, making it bigger, or smaller. Holding shift and alt or option lets us change the size from the centre, so we keep our logo in its correct proportions. Once you’re happy with how your design or logo appears here, simply save it.
We can go back to our original PSD file now to see how it looks. Because we just saved our logo design, it automatically updates here in the PSD file. Making adjustments to this design is easy. SO let’s try some.
Let’s adjust to the t-shirt colour. We can change the colour by clicking on the smart object marked “colour shirt”. Let’s find a shade of blue that we like. That one looks good on our shirt.
We can change the size of our logo again, or add things like text to the t-shirt, by going back to the smart thumbnail file. So let’s do that. Here we can change its position and size on the t-shirt mockup. If we want to make it bigger or smaller or place it in a quirky position or angle, we can do so easily.
We can also add some text if we feel like it. Plenty of t-shirts that you can buy online come with slogans on them. We are not going to think too hard about our slogan right now. We just want to show you what’s possible with PSD templates. So how about this: Dropship it like it’s hot. There are plenty of fonts to play with. We’ll simply bold ours for now. Once we save the changes, they will automatically update in our PSD file. Let’s go and check out our t-shirt with a slogan on it.
There’s our t-shirt. Looks great, doesn’t it?
Pixeden made this PSD file in a way that also allows us to change the colour of the image background.
Just open the groups over here and look for the background colour element. There it is, helpfully marked “colour”. Being able to edit this is ideal because you might have a range of t-shirt colours you’d like to show off. Being able to change the background allows you to pick a colour a scheme that complements your t-shirts in their different colours. This way, you can ensure that you always present your t-shirt designs at their best. And there we have it!
A great t-shirt mockup, ready to use in product photos, website images, and even social media. If you want to create an online t-shirt store here is the step by step Online T-Shirt Business Guide!
Muammer is a Marketing Analytics Manager at Turkcell. His mission is to empower entrepreneurs and to help them achieve their goals. He also has a passion for illustration.