Create T Shirt Product Mockups with GIMP

Shirt mockup GIMP tutorial

In today’s tutorial I’ll be demonstrating how you can take a design and superimpose it onto a blank t shirt using GIMP.

I’ll also be demonstrating how to create the shirt in a variety of different colors.

GIMP T Shirt Mockups

The first thing we’re going to do is open up the blank t shirt photo with GIMP.

The image is a PNG file with a transparent background, so it should open in GIMP with a checkerboard background. Click the image below to download the blank shirt photo…

Blank white t shirt PNG
Click to download full size image

Next, we’re simply going to import our graphic as a new layer and set the blend mode to Darken Only. This will make it appear as if the graphic is printed onto the shirt, with crease lines and shadows included.

Make sure that the design you import is a PNG file with a transparent background. If you don’t have one on hand and would like to follow along with the tutorial for the sake of learning this technique, you can use the example liquid logo.

Liquid logo
Click to download full size graphic

That completes the mockup process for white shirts. The process for coloring in the shirts is a little more involved, but still very simple.

Create a new layer above the shirt layer, set the mode to Multiply, then fill the layer in with whatever color you’d like the shirt to be. Please note that it’s going to change the appearance of the logo as well.

To fix this, we just have to delete a segment of the color layer so that the logo and can show through as it’s supposed to.

Right click on the layer with the logo on it and select Alpha to Selection. This is going to create a selection around your logo…

Now click on the color layer and simply press Delete on your keyboard, or if you’d using a Mac, go to Edit > Clear.

As a result, the logo will now show through the deleted area…

And with that, we are done! We’ve created our t shirt mockup.

Video Tutorial

For complete step-by-step instructions with voice narration, please refer to the video tutorial below. If you have any questions let me know, and as always, thanks for watching!

Master The Software

Want to learn everything there is to know about your favorite design apps? Check out our interactive video courses and private community for getting help when you need it!

The Inkscape Master Class

A comprehensive series of 60+ videos where I explain every tool and feature in Inkscape.

Affinity Designer Master Class

A series of 80+ explainer videos where I go over every tool and feature in Affinity Designer.

The Illustrator Explainer Series

A series of 100+ explainer videos where I go over every tool and feature in Adobe Illustrator.

The Logo Design Academy

An 18-part video series teaching my entire creative process for designing logos, from start to finish.

This post may contain affiliate links. Read affiliate disclosure here.

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

23 thoughts on “Create T Shirt Product Mockups with GIMP

  1. so i click download shirt from this site and all it does is pull up the shirt in a new window where i have to save it. so i did that. opened it up in gimp, when i went to try and do the color change when i fill with foreground color the color just fills with gray. yes i created the new layer as instructed but on that layer every color i pick it just displays gray. so i tried another image and determined that the shirt mockup i got from here just doesn’t work anymore with the newest version of gimp 2.10.30, i don’t know what else to do.

  2. How can I make a mockup with a black tshirt? All my shadows disappear when I change the foreground color to black and the “darken only” mode doesn’t work on the black tshirt photo I have

  3. So, i’m trying to help Design a Paintball team jersey using gimp and im using “splatter brush” but they are basically all pixels when i zoom in a bit, is this the wrong way to go about it?

  4. First of all, thanks for the video! It really helped me! From where do you got the mockup? I need some mockups for Hoodies and T-Shirts for my new project.

  5. Hi Nick,

    Thanks for the tutorial, it is great as always.

    I am not able to achieve the same result by using my own logo (.png file). When I change blend mode to “darken only”, nothing happens.

    Please help!

      1. Thanks for the tip, I did have the correct layer selected and my layer has an alpha channel. I can see other layer modes having some sort of effect e.g. “overlay” mode seems to work but it changes the color.

        I have added a white outline to my logo (as it is in your logo) and it works with “darken only” but I can’t have a white outline because it is visible on dark background.

        Is there any other way to make it work without adding a white outline?

  6. I made this:

    The logo I made from this:

    My little sister who adores Changbin (kpop; StrayKids) will love it. WIll try make one much better.

    Took me three hours and multiple tries to adjust to Gimp’s fussiness.

    Thank you, Nick!!!

      1. Yeah, that’s too bad. Many of us have shirts with imagery on both sides. If I find any I’ll let you guys know.

  7. Thanks, that was so easy! I ran into an issue, maybe you can advise me on what is happening? Even though I changed the color to the same blue in the color picker it showed up as dark gray when applied. I tried to use other colors and each hue shows up in grayscale when applied.

  8. tnx bro
    i want ask you about GIMP and PS
    witch one are good for tshirt design special for editing design not from scratch
    i am using W7 and PS and i want to back to Linux elementary OS JUNO and i dont like to use PS on wine
    i used Inkscape before but its not powerful as PS special on background erase

Leave a Reply

Your email address will not be published. Required fields are marked *

17 + ten =

Recent Posts