Tip:
Highlight text to annotate it
X
Hi. I'm Ray Dombroski. Today, I'm going to show you how to mockup your tee-shirt designs
in Adobe Photoshop so they look real, as if they were photographed by a professional photographer.
I've got a collection of ten front view and ten back view templates. They come in Photoshop
PSD and Illustrator AI format. Right here, you're looking at the Photoshop templates.
These are the Illustrator templates. Essentially, they're exactly the same. It just depends
on what software you prefer.
So, the reason I have multiple templates is, when you are building a catalog, or a portfolio,
or a website, and you're showing tee-shirt designs, you don't want them to all look the
same. If you've gone this far to try to make realism, the first thing that's going to kill
it is all your templates looking exactly the same with the same shape and wrinkles in the
shirt. So, to start out, I'm going to open a Photoshop template. The top layer here is
a group that's clipped out by the tee-shirt shape. Below that is a shadow layer. So, that's
the shading of the shirt, the photograph. Below that is a layer called Your Art Goes
On This Layer. Now, it can go into that layer or just above it, just below it. The main
thing is it needs to be below the shadow layer and above the color layer. Below that, I have
a pocket layer, which you can turn on or off. I'll show you that later. And I also have
heather layer. It's a texture that looks like a poly-cotton tee or a tri-blend. Below that
is the color layer.
So, anyway, I'm going to go to a logo that I've made in Illustrator. I just copy, Command
C, and then I go back to my Photoshop template and I hit Command V. I'm going to paste this
in as pixels. You could do the Smart Object if you want. Right off the bat you'll notice
that it's automatically cropped out. So, if you're doing say a striped tee-shirt or an
allover print, that's really nice because then you don't have to go in and crop it manually.
So, let's shrink this down. I'm just going to do a center chest hit. I hit Enter and
it's basically done at that point. You'll notice here actually, when I pasted it in,
it went above the Your Art Goes Here on this layer. So, that's totally fine.
Let's say we want a pocket. So, I've got this pocket and let's say we wanted it to look
like the pocket is on top of the graphic. Now, in this case, this doesn't really look
that good. But, let's say it was a striped tee, the pocket on top of the stripes might
actually look good. Real quick, I'll show you how to go in and change the pocket color
tee. You just expand that layer and there's a color layer for the pocket. You just highlight
it and go Image Adjust, Hue Saturation. Let's say I wanted to do a gray pocket. I would
just turn down the saturation so that's gray. Let's say I wanted to do a black pocket. Typically
for black fabrics, I go to a dark gray because you still want to see the shadows in the shape
of the shirt or the pocket. So, I'll show you. There it is without the graphic. There
it is with. So, I don't really want that in this design, so I'm going to turn that pocket
layer off.
Let's say we wanted a heather look to it. You just turn that on. To change the color
of the shirt, let's say we wanted a yellow heather. Go and select that color layer. I
go Image Adjust, Hue Saturation, and just move the slider along until we get the color
we want. That's all you do. It's really easy.
So, that's about it for the Photoshop templates. Look in the description below to find out
how to download my tee-shirt templates collection for Photoshop and Illustrator.