T-Shirt Mockup Photoshop Tutorial

ASR: en

0:00:00.340,0:00:04.480
here's a quick video on dirt mock-up

0:00:02.469,0:00:05.500
like most things in Photoshop there's a

0:00:04.480,0:00:07.600
million different ways you can do this

0:00:05.500,0:00:10.150
this is just the way I found that's one

0:00:07.600,0:00:11.980
of the fastest this image is actually

0:00:10.150,0:00:12.970
pulled off the web but if you're doing

0:00:11.980,0:00:14.889
this for any kind of professional

0:00:12.970,0:00:17.230
reasons presentations I suggest either

0:00:14.889,0:00:18.760
taking your own picture or contacting

0:00:17.230,0:00:20.740
the garment vendor and asking them for a

0:00:18.760,0:00:22.060
high-resolution photo it's really

0:00:20.740,0:00:23.619
important that use a white t-shirt and

0:00:22.060,0:00:25.449
not a colored t-shirt for reasons I'll

0:00:23.619,0:00:27.789
show it later but it has to do with the

0:00:25.449,0:00:29.320
shadows and working with a colored one

0:00:27.789,0:00:31.539
can kind of slow that process up quite a

0:00:29.320,0:00:34.420
bit so the first thing you want to do is

0:00:31.539,0:00:36.190
get in there and just basically mass the

0:00:34.420,0:00:37.480
tshirt out from the background I like to

0:00:36.190,0:00:39.520
use the pen tool but if you're working

0:00:37.480,0:00:41.350
with a pen tablet you can do that with

0:00:39.520,0:00:44.110
an eraser tool or apply a mask and use a

0:00:41.350,0:00:45.520
brush you know so just well actually I

0:00:44.110,0:00:48.579
tend to like to zoom in a whole bunch

0:00:45.520,0:00:51.270
but you know just go in there I'm just

0:00:48.579,0:00:55.690
doing this really sloppy and you know

0:00:51.270,0:00:57.129
get your edges down but I've actually

0:00:55.690,0:01:01.480
already done all this so I don't have to

0:00:57.129,0:01:05.049
waste your time with the masking part so

0:01:01.480,0:01:07.240
i just save the path so once you're done

0:01:05.049,0:01:09.009
it should look something like this you

0:01:07.240,0:01:10.569
know i like to stick a color background

0:01:09.009,0:01:12.270
in the back just so you can kind of see

0:01:10.569,0:01:14.229
what you're working with a bit better

0:01:12.270,0:01:18.520
and i'm actually going to apply this

0:01:14.229,0:01:20.709
mask so it commits so here it is messed

0:01:18.520,0:01:24.219
out the next thing you want to do is

0:01:20.709,0:01:26.259
just select the actual t-shirt itself by

0:01:24.219,0:01:27.759
holding ctrl or if you're on a Mac I

0:01:26.259,0:01:29.950
believe its command and then clicking on

0:01:27.759,0:01:32.200
the layer and then just while that's

0:01:29.950,0:01:33.729
still selected make a new layer and then

0:01:32.200,0:01:36.759
hit the mask button which is down here

0:01:33.729,0:01:41.200
it looks like a rectangle with a circle

0:01:36.759,0:01:44.669
in the middle just hit that so here you

0:01:41.200,0:01:44.669
know this is a mass layer of the t-shirt

0:01:44.999,0:01:50.380
select the image of the actual t-shirt

0:01:47.560,0:01:53.109
and set it to multiply on the layer

0:01:50.380,0:01:57.399
property and then here let's just name

0:01:53.109,0:01:59.049
this like t shirt color and name this

0:01:57.399,0:02:01.149
top one here that's your actual t-shirt

0:01:59.049,0:02:03.609
shadows or whatever you want to call it

0:02:01.149,0:02:04.929
it's always nice to label your layers

0:02:03.609,0:02:06.579
especially someone else is going to use

0:02:04.929,0:02:08.560
it and whatever you fill in this layer

0:02:06.579,0:02:10.209
right here the t shirt color layer is

0:02:08.560,0:02:12.430
going to actually become the color of

0:02:10.209,0:02:13.819
your t-shirt in this case it's like a

0:02:12.430,0:02:19.400
baby

0:02:13.819,0:02:23.239
blue sort of if you select the shadows

0:02:19.400,0:02:25.819
layer what you can do is hit ctrl L on a

0:02:23.239,0:02:27.859
PC or command L on a Mac and bring up

0:02:25.819,0:02:29.629
your levels and I usually take this

0:02:27.859,0:02:32.510
middle one right here there's three

0:02:29.629,0:02:34.189
arrows left middle and right basically

0:02:32.510,0:02:36.709
the farther right you drag something the

0:02:34.189,0:02:38.180
darker it gets a far-left the lighter I

0:02:36.709,0:02:40.879
usually like to make them just a little

0:02:38.180,0:02:44.480
bit darker you know you can kind of see

0:02:40.879,0:02:45.709
what works best for you you don't want

0:02:44.480,0:02:48.319
to make them totally blown out or it

0:02:45.709,0:02:50.540
looks super super fake but you know

0:02:48.319,0:02:53.989
that's really almost everything right

0:02:50.540,0:02:55.699
there it's super super fast basically

0:02:53.989,0:02:57.409
with your artwork I just dragged in some

0:02:55.699,0:02:59.780
artwork previously you want to set it

0:02:57.409,0:03:02.840
below your shadows layer if you want to

0:02:59.780,0:03:04.099
do like a mast you know you can once

0:03:02.840,0:03:05.989
again to select your shadows layer

0:03:04.099,0:03:08.599
that's your outline of your t-shirt with

0:03:05.989,0:03:10.299
a controller command and then once again

0:03:08.599,0:03:14.060
apply that using the mask tool down here

0:03:10.299,0:03:15.469
you can name this artwork and then just

0:03:14.060,0:03:19.000
drag whatever artwork you want to show

0:03:15.469,0:03:21.349
on the t-shirt inside the artwork folder

0:03:19.000,0:03:23.810
and this way like let's say you were

0:03:21.349,0:03:26.540
doing a belt print or a sublimation that

0:03:23.810,0:03:28.430
covers the whole thing you know it'll

0:03:26.540,0:03:29.540
automatically mask it for you saves a

0:03:28.430,0:03:30.769
little bit time especially plan and

0:03:29.540,0:03:33.919
reusing the same stuff over and over

0:03:30.769,0:03:36.139
again and this is where you can really

0:03:33.919,0:03:38.180
see too like if your shadows layer is

0:03:36.139,0:03:40.629
enough like if you think it needs to be

0:03:38.180,0:03:42.889
darker you can either you know go back

0:03:40.629,0:03:46.400
levels darken it up a little bit

0:03:42.889,0:03:47.989
although it tends to look a bit too much

0:03:46.400,0:03:51.040
or you can just actually just dupe the

0:03:47.989,0:03:55.509
shadows layer it'll do something similar

0:03:51.040,0:03:55.509
this looks bad but you get the idea

0:03:55.959,0:04:00.739
alright and now for black tees I'm

0:03:58.310,0:04:03.259
actually just going to go on ahead and

0:04:00.739,0:04:04.819
duplicate this layer altogether because

0:04:03.259,0:04:07.129
this is kind of a bit of a different

0:04:04.819,0:04:10.669
process you can actually is probably

0:04:07.129,0:04:13.400
actually leave that turn off the art for

0:04:10.669,0:04:15.829
now so with your shadows later on and

0:04:13.400,0:04:18.620
the background being you know clear or

0:04:15.829,0:04:22.029
white so you can see it going to

0:04:18.620,0:04:24.500
channels and then pick red green or blue

0:04:22.029,0:04:26.800
they should all look basically the same

0:04:24.500,0:04:28.659
and just hit ctrl and click

0:04:26.800,0:04:31.210
or if random Mac hit command and click

0:04:28.659,0:04:35.259
it and that'll select basically all the

0:04:31.210,0:04:38.020
darks inside of it then go back over

0:04:35.259,0:04:41.139
your layers and with its still selected

0:04:38.020,0:04:43.210
here right click and select inverse if

0:04:41.139,0:04:46.060
you're on a Mac I think it's command

0:04:43.210,0:04:47.740
shift I to select inverse and just turn

0:04:46.060,0:04:49.750
off the shadows layer with this still

0:04:47.740,0:04:52.120
selected and then you want to fill it

0:04:49.750,0:04:54.250
with white and just hit a d to bring up

0:04:52.120,0:04:56.919
your default colors then hit X to switch

0:04:54.250,0:05:00.129
it over to white and then with Alt

0:04:56.919,0:05:01.479
Delete it'll fill in white you're going

0:05:00.129,0:05:05.770
to see what happens in just a second

0:05:01.479,0:05:07.990
here using this t-shirt color just turn

0:05:05.770,0:05:11.710
that on and then switch it to black and

0:05:07.990,0:05:15.659
fill it using a alt delete' again and as

0:05:11.710,0:05:17.860
you can see this looks a bad really bad

0:05:15.659,0:05:19.599
you basically just want to take this

0:05:17.860,0:05:21.849
layer you just created and rename this

0:05:19.599,0:05:24.909
like dark shadows something like that

0:05:21.849,0:05:27.819
and then bring down the opacity until it

0:05:24.909,0:05:29.110
looks pretty real I'm at forty-one

0:05:27.819,0:05:31.539
percent right now but you can play

0:05:29.110,0:05:33.069
around and see what works for you this

0:05:31.539,0:05:34.779
way you can actually use our rich black

0:05:33.069,0:05:36.610
down here like if you were to go back to

0:05:34.779,0:05:40.509
the other one with the colors here it's

0:05:36.610,0:05:42.460
blue and I were to make this rich black

0:05:40.509,0:05:44.139
you can tell there's like no shadows to

0:05:42.460,0:05:46.599
be seen and what a lot of people will do

0:05:44.139,0:05:48.190
is just bring this up you know so it's

0:05:46.599,0:05:49.810
kind of like a dark dark gray but you

0:05:48.190,0:05:50.830
can still see the shadows it's kind of

0:05:49.810,0:05:53.919
your call which one you think looks

0:05:50.830,0:05:57.219
better I mean the end results pretty

0:05:53.919,0:06:00.159
darn similar I think the shadows in this

0:05:57.219,0:06:02.139
darker one look a bit more apparent but

0:06:00.159,0:06:04.060
sometimes if the shot isn't good it can

0:06:02.139,0:06:05.949
look really bad too it's up to you just

0:06:04.060,0:06:08.909
use your best discretion but that should

0:06:05.949,0:06:08.909
cover it hope