How-to Put Any Design On A Shirt Using Photoshop

With Downloadable Templates

CraftBeerCoder
Mar 10, 2014 · 4 min read

This tutorial is so easy, you can do it one handed. (Leaving one hand open for a nice double IPA.)

If you’re launching an online store, it can get freakin’ expensive. You have to handle inventory, in-person and online, take care of marketing, and create new & exciting design. On top of ALL that, you have to set up a photo shoots to get quality pictures of your line.

Well, no more. This tutorial will help you to take your sweet design and put it on a model, without a model or photographer even needing to be there.

Saving money on models and photographers = More beer money!

Follow this step-by-step tutorial and you will save time, money for booking models & photographers, and be able to validate shirt designs before having a to printed up a shit-ton of them.

Image for post
Image for post
Download the whole kit or individual color

Sexy models are like any good craft beer. We all love to have them around, but they can get quite expensive.

Luckily, Design By Humans offer a free downloadable kit containing different male and female models. The kit offers blank shirts worn by models in 16 different colors. It doesn’t get much better than this. Here’s a direct link to download the full kit.

Create (Command + N) or (File > New) a new file.

Image for post
Image for post
Suggested parameters are: Width: 710px; Height: 1210px; Background Contents: White;

For the sake of this tutorial, I’m going to assume you are using the DBH model templates discussed in Step 1.

On your computer, find where you downloaded the models templates named dbh_all.zip. Unzip it! I’m going to use the male model wearing a white shirt.

Place (File > Place) the model into your file.

Image for post
Image for post
Note: There are some funky pixels towards the bottom of his legs. Use the method you find best to remove this. (I used a vector mask to maintain the smart object layer properties)

Inside your file, create a folder on top of the layer containing the model and name it artwork.

Place (File > Place) your design inside the artwork folder. Size (Command + T) or (Edit > Free Transform) and position the design on your model’s shirt.

Image for post
Image for post
Tip: Use an .AI or .PSD file of your design to maintain quality when resizing. Make sure the design has a transparent background, as well.

This step is to hide the parts of your design that doesn’t fit on the shirt. For example, if you had a repeated pattern design this would make sure the design stops shirt the shirt does.

Change your layer selection to your model’s layer. Using the Quick Select Tool (w), outline the models shirt. Then click the artwork folder and apply a Layer Mask (Layer > Layer Mask > Reveal Selection) of the selection.

Image for post
Image for post
Tip: The Layer Mask on your artwork folder should look like a white blank shirt with a black background. If it looks like a black shirt with a white background, your layer mask is backwards.

This step is what really makes the shirt look real.

Outline (Command + Click on Layer Mask) or (Use Selection Tool Again)the shirt again and Copy the selection to a new layer (Command + J) and name it “Wrinkle Layer”. Move the Wrinkle Layer above the artwork folder. Open Levels (Image > Adjustments > Levels) or (Command + L) and manipulate the levels until the shirt’s highlights/lowlights are exaggerated.

Image for post
Image for post
Note: This might take a few tries, but if you’re using the same model as me, the levels should look similar to the ones in the photo below.

Change the Blending Mode of Wrinkle Layer from Normal to Multiply

Image for post
Image for post
Multiply is a photoshop blend mode that helps “darken” the layers below it. Read more here: http://bit.ly/1cOVXLf

Create a Clipping Mask (Layer > Create Clipping Mask) or (Option + G) of the Wrinkle Layer.

Image for post
Image for post
Clipping Masks simply use the contents and transparency of a layer to determine which parts of the layer above it remain visible. Read more here: http://bit.ly/1cOWz3l

You are now ready to add any design you want.

Image for post
Image for post

Download PSD From Tutorial — http://bit.ly/151vxSK

Code Drunk; Refactor Sober.

When you work hard all day with your head and know you must…

CraftBeerCoder

Written by

Crafting Websites While Drinking Craft Beers

Code Drunk; Refactor Sober.

When you work hard all day with your head and know you must work again the next day what else can change your ideas and make them run on a different plane like whisky? — Ernest Hemingway (http://bit.ly/NNaD7m)

CraftBeerCoder

Written by

Crafting Websites While Drinking Craft Beers

Code Drunk; Refactor Sober.

When you work hard all day with your head and know you must work again the next day what else can change your ideas and make them run on a different plane like whisky? — Ernest Hemingway (http://bit.ly/NNaD7m)

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store