Create T Shirt Product Mockups with GIMPCreate T Shirt Product Mockups with GIMP https://logosbynick.com/wp-content/uploads/2018/10/t-shirt-mockup-gimp-1024x602.jpg 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
In today’s tutorial I’ll be demonstrating how you can take a design and superimpose it onto a blank t shirt using GIMP.
Learn How To Design Logos
If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.
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…
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.
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
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.
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.
For complete step-by-step instructions with voice narration, please refer to the video tutorial at the top of the page. If you have any questions let me know, and as always, thanks for watching!
Get Started with GIMP!
Want to learn more about how GIMP works? Check out The GIMP Series – a comprehensive collection of over 60 videos where I go over all of the major tools, features and function in GIMP and explain what they do, how they work, and why they’re useful.
You might also like
12 Simple Text Effects for GIMP Users | Video Tutorials12 Simple Text Effects for GIMP Users | Video Tutorials https://logosbynick.com/wp-content/uploads/2018/04/light-burst-gimp-tutorial-1024x602.jpg 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Quick Fix: Why Your Text Along Path Is Upside Down In GIMPQuick Fix: Why Your Text Along Path Is Upside Down In GIMP https://logosbynick.com/wp-content/uploads/2019/10/gimp-text-along-path-upside-down.png 850 500 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
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?
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!!!
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.
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