Check it out: I made a video explaining T-shirt mockups and all I got was this lousy t-shirt.
___
Today we’re talking about t-shirts, specifically: how to create t-shirt mockups for your online
t-shirt store.
We’re going to use a screencast 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.
I’ll also be sharing an awesome resource for creating your own mockups for other garments,
as well as a link to 40 great t-shirt mockup tools.
So make sure to stick around till the end of this video.
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 mock-up might be of a plain white t-shirt laying flat on a
table.
You use a mock-up 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
The link is in the description below.
Here we are on the free graphics section of the Pix eden 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.
I’ll leave a link to it in the description below.
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 has 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 center 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.
It’s easy to make adjustments to this design.
SO let’s try some.
Let’s adjust the t-shirt color.
We can change the color by clicking on the smart object marked “color 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 color of the image
background.
Just open the groups over here and look for the background color element.
There it is, helpfully marked “color”.
Being able to edit this is ideal because you might have a range of t-shirt colors you’d
like to show off.
Being able to change the background allows you to pick a color a scheme that complements
your t-shirts in their different colors.
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 found this walkthrough helpful, then I recommend you hit subscribe.
We have tons of great marketing guides and software walkthroughs like this.
Subscribe now, turn on the notification bell, and you’ll never miss them.
If you’re looking for more mockup tools, just head over to the Oberlo blog.
We published a list of 40 mock-up tools just like Pixeden.
You’ll find a link to this blog post in the description below.
Oh, I promised to tell you about other great mockup resources for more niche garments.
This is Envato.
Envato offers beautiful mockups for t-shirts, as well as hats, beer bottles, cups, and even
pumpkins.
So, if you sell personalized niche products, Envato is a pretty cool resource to have in
mind.
Have you tried making your own mockups?
What designs do you think work best on a t-shirt?
We want to hear this and any other ideas you have, so write us in the comments, and I'll make sure to
get back to you.
Until next time: learn often, market better, and sell more.