Paul McClintockZuul, the Gatekeeper


TUTORIAL - Creating a shirt design using GIMP

For those new to the world of t-shirt designs here is a quick and simple mini-tutorial that should help you create a working design using the GNU Image Manipulation Program otherwise known as The Gimp. It is free and available for download from here.

I’ve tried to make this as simple as possible with only the absolute necessary steps, and as such it does assume some basic understanding of how to use the program, such as knowing where the menus are and how to use the tools. There are plenty of things you can do differently, but since I’m new to using the program I probably don’t know about all of them yet. This tutorial will probably be updated as I learn more about the program.

1. Create a new image, make everything in the new image dialogue look like this:

2. Paste the image into the document. Remove any bits you don’t want on the shirt… and make sure it has a checkered background, which indicates transparency. It’s best to merge all visible layers before exporting. If you have multiple transparent layers they’ll all merge nicely, but don’t flatten the image, because that would eliminate the transparency. Ideally you’ll want to end up with a single transparent layer before exporting.

3. Save as a PNG by typing the name you want as the filename. Then click the little plus sign down the bottom where it says “Select File Type (By Extension)” and then choose PNG from the list of filetypes.
Once you do that the PNG export box will pop up, make it look like this:

And that’s it. Pretty simple actually. Once uploaded, the resulting shirt should look something like this:

So there you go. If you stick to these steps, it should work fine – although if it doesn’t, please let me know by leaving a comment here.

  • joan warburton

    joan warburton

    If you want the image to cover more of the shirt what size would you use? Do you happen to know the total size of the area we have to work with?

  • Paul McClintockZuul, the Gatekeeper replied

    In the second image, the dotted line represents the entire printable area. It is 2400 pixels wide and 3200 pixels tall. Notice how the bull only takes up a small portion of this area? This is because I have shrunk my picture down to be smaller than it was initially. If you want your image to take up more of the shirt then all you need is to keep your image larger than my bull, the entire file however should always stay the same size.

    If you have a image and it’s starting resolution is too small to take up the whole printable area, I wouldn’t recommend stretching it to fit because that would degrade the quality of the image. It may well end up taking up more space on the printed shirt, but it will be blurry and yuck.

  • Paul McClintockZuul, the Gatekeeper replied

    I should point out that the diagram here is not actual size I’ve brought it down to diagram size in order to show it on screen here. When zoomed in to 100% in GIMP the image would be larger than your monitor.

  • joan warburton

    joan warburton

    Thanks so much for all of the infomation Paul.

  • Deborah Milligan

    Deborah Milligan

    thankyou thankyou thankyou thankyou
    i was thinking of asking you one day … :)

  • dashrain

    dashrain

    ok so how do you cut ive been trying to do that and im at loss?

  • Paul McClintockZuul, the Gatekeeper replied

    To cut away part of the image?

    Use any one of the select tools: rectangle select, ellipse select or lasso select and drag around the area you want to select (making sure the correct layer is selected), then hit ctrl-x to cut.

    Is that what you’re after?

    Once you’ve cut something, you can paste it again using ctrl-v.

  • dashrain

    dashrain

    serisously thats it? i was reading the stupid manual looking for that answer and i gave up when i wasnt finding it…ahhhh…thanks man.

  • Kelsey Williams

    Kelsey Williams

    Thank you so much! This helps me quite a bit!

  • rd Erickson

    rd Erickson

    Thank you. I haven’t done a t-shirt yet – but I’ve downloaded GIMP and I created a template – and if this works – you should (but probably won’t) get commission.

Add your comment

You need to login or signup to add your comment to this work.