Shirt mockup GIMP tutorial

Create T Shirt Product Mockups with GIMP

Create T Shirt Product Mockups with GIMP 1024 602 Nick Saporito

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!

Disclaimer: this website is ad-free and does not contain affiliate links or sponsored content 🤘

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

  Nick Saporito
Price: $17
  77 Videos
  7 Modules

Affinity Designer Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity Designer.

  Nick Saporito
Price: $17
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

  Nick Saporito
Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

  Nick Saporito
Price: $17

View All Courses

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.

All stories by: Nick Saporito
23 comments

Leave a Reply

Your email address will not be published.