Remove this Banner Ad

Tutorial Gimp Tutorial

🥰 Love BigFooty? Join now for free.

alzy11

All Australian
Jun 17, 2011
694
626
Melbourne
AFL Club
North Melbourne
Hey guys,
A couple of people have asked me for a tutorial on Gimp so here it is.

I highlyrecommend anyone who is using Paint to have a go at Gimp because it is free and can take your designs to a whole new level. It is more sophisticated than Paint, and it is a lot less constraining. So please give it a try, especially if you have always wanted PS but have never had the money/didn't want to go illegal etc.

EDIT: The latest version of Gimp is available to download for Mac and PC here
The version of Gimp used in the following tutorial can be found here for PC and here for Mac

Had to break it up due to the 20 images rule.

For this tutorial we will be making the same jumper made on Ganty’s Photoshop tutorial.
Note: This tutorial was made on a Mac with a slightly older version of Gimp. However, as far as I know, these instructions wil work well enough to understand with any computer/program.
Copy and paste this template into Gimp.
286uyj8.png

It will appear on your screen like this.
2v0fuvq.jpg

We will now colour the front of the jumper and the shorts. Select the bucket fill tool (On the toolbox or Shift + B). Click on the black square (foreground colour) to open the colour selection. Chose a shade of blue similar to the one shown, then press ok.

30c259d.jpg

Now look to where it says “threshold” on the toolbox (underneath Finding Similar Colours). This is an integral part to designing Guernseys on Gimp as it determines the maximum colour difference while using bucket fill. As we want our shorts and the jumper to be blue, make the threshold 80.0 then click anywhere on the front of the jumper or shorts. The more you click, the cleaner the edges will look. However you will notice that the AFL logo and the manufacturers label are now look weird. Don’t worry; we will sort that out at the end.
flg2dk.jpg

Now do the same to the back of the jumper and shorts. This is what the jumper should now look like:
zwj5zc.jpg

We will now colour the cuffs and collar. Using bucket fill, again choose a red similar to the one shown. Now click on the cuffs to colour them red.
30hy2rk.jpg

Now colour the collar white by selecting the colour as before.
Note: To swap between the two colours in the boxes quickly, press X.
As white is the secondary colour already, simply press X to use it. Make sure you only click once while colouring the front of the colour as the threshold is very high.

30hy2rk.jpg

We will now put the hoops onto the guernsey. I recommend using the ones in the Universal Template Thread for Jethro’s template. Copy the image (CTRL C) then paste it onto the guernsey (CTRL V).
34q7j2r.jpg

You will notice a white background. We will get rid of the white background by using the bucket fill tool again. However this time you must select Colour Erase as the mode instead of Normal. This is under Bucket Fill. As the primary colour is still white, click on any white area of the pasted image. This will remove the white and give you a transparent background.
2uy147l.jpg

Note: Using Colour Erase allows you to remove the selected colour from a pasted image. This creates a transparent background.
Now change the bucket fill mode back to Normal. Select the same red used for the cuffs and colour the top hoop red. Now colour the bottom hoop white.

142u4jn.jpg

Select the Scale tool and tick Keep Aspect (at the bottom). Now resize the hoops by clicking and dragging them to a size similar to the one shown. Try to make it so the edges of the hoops don’t fully reach the sides of the jumper.
2jfhiww.jpg

Now click anywhere outside the yellow and black dotted box around the hoop to anchor the layer.
2uejn2s.jpg

Now select Pencil and change the brush size to Circle 03. Zoom in to 400% on the guernsey by using the zoom function along the bottom of the window.
vq1v13.jpg

As the primary colour is still red, click anywhere along the top of the red hoop. While holding shift (to help make a straight line) click on the edge of the guernsey in line with your previous dot. If the green line is completely straight then they are in line. Once it is straight, click to make a line.
bh0keq.jpg

Now, again holding shift, do the same thing to the other side of the guernsey.
fnrfcz.jpg

Do the same thing along the bottom of the hoop.
21jviqa.jpg

Now using white as the primary colour, do the same thing along the top and bottom of the white hoop.
4grypj.jpg

Now use the bucket fill tool and colour the sides of both hoops using red and white, respectively.
oppt00.jpg

If any little dots remain, colour them in using the pencil tool.
 
Now you must do the same procedure to the back of the guernsey. Follow the steps above. Make sure when you resize and paster the hoops on to the back of the guernsey they line up with the front hoops.
nd55aq.jpg


Now onto the socks. The sock are often the hardest part of this process. Firstly, change the bucket fill threshold to 70.0 and change the primary colour to the same blue as the rest of the guernsey.

Click anywhere on the socks ONCE. If there remains any colours other than blue, use the pencil tool to colour it to blue.
oayr82.jpg


We have now finished the design of the guernsey. We will now move on to the next step which involves cleaning the design up and adding sponsor logos and numbers.

Find a good quality AFL logo and paste it onto the guernsey. Make the background transparent (just like earlier) by using the Colour Erase mode on bucket fill tool.
sesxtw.jpg

Now resize the AFL logo (like when we resized the hoops) and place it over the messy original. Anchor the layer by clicking outside the active box once again.
Now, using the same logo, paste a new one onto the guernsey and resize it to the size of the old logo on the shorts (slightly smaller than the one on the jumper). Before you anchor the logo over the top of the old one, use the rotate tool to rotate it slightly like the original one was. The rotate tool is found on the toolbox and is used by clicking and dragging in a circular motion depending on how much you want to rotate it.

f4brp.jpg


Now add sponsor logos using the same technique.
Remember:
Paste picture onto guernsey
Remove background (if necessary)
Resize and move (and rotate if required) to desired position
Anchor layer by clicking outside the active box

You can also add number by using the same technique.
dzzh1e.jpg


Finally, we can add on the stitching and manufacturers label.

Open up the original template again. Using the crop tool, select the area, on both sides of the guernsey and shorts, from just above the manufacturers label to the bottom of the shorts.
vhalja.jpg

Copy that cropped selection, and paste it onto the other guernsey.Using colour erase, remove the white from the guernsey and shorts. If the threshold is still 70.0, all that remains should be the stitching and label.

jfx5k2.jpg

Move the layer to where it sits on the guernsey.
2wexdu8.jpg

The AFL shorts logo will be there, so before you anchor it, remove it by rubbing it out with the eraser. Once you can see through to the new AFL logo you put on before, anchor the layer.
250qkya.jpg

Now go back to the original template where we got the stitching from, and press undo to undo the crop and bring back the full image. Crop the socks, copy them, then paste them onto the design.
20rsch2.jpg

Once again, remove the white from the sock using Colour Erase. You can also remove the little grey bit just beneath the top fold of the socks by clicking on it after you have removed the white.
sutyxg.jpg

Anchor the layer, and your done:
2i9rs49.jpg

Note: If you want to now add in manufacturer logos to the design you can do that using the same technique used for adding sponsor logos

Please post your finished products :)
I hope this tutorial gave you a basic understanding of Gimp, but the more you practice using it, the more you will be able to with your designs. This is a very basic design but a bit of experimenting should help you further increase your ability. It takes a bit of getting used to, but it is definitely worth the effort. If you need anything else, or there is something wrong/hard to understand with the tutorial let me know and I'll jump on it.
Thanks guys :thumbsu:
 
I have fininshed my first attempt, but I have no idea how to save the file in a format that will allow me to upload it. I realise I'm an idiot.
 
If you are using the latest version of Gimp, you need to export it. Export should be under File.
I would have included it in the tutorial but I am using a slightly older version which I prefer :thumbsu:
 

Log in to remove this Banner Ad

Its pretty rough and not exactly accurate, but I think I'll get there eventually. Couple of questions though, where do you get the numbers from and how do you make the shorts and jumper different colours.
Untitled.png
 
Good first effort mate :thumbsu: Congratulations
Use this for the numbers
ogi1rs.png

Crop the number(s) you want and then put them onto the blank template so you don't have to keep copy and pasting them onto the design
To make the shorts a different colour to the guernsey is a bit more advanced but essentially you make the jumper the same as you usually would then open another template and crop the shorts and colour them the colour you want and then paste them over the other shorts on the original image.
Did you have any other issues?
 
Is this the only template available in GIMP or are their others? I'm looking through the universal template thread and can't seem to find anything.
 
Yeah nah I've got all manufacturers on my computer. Never really thought to upload them because I was the only one using Gimp. I'll upload them in a sec :thumbsu:
 
Good effort, but something has clearly gone wrong with the shorts. Did you do what I told SC GC to do or did you just colour them using the bucket fill tool?
Yeh I just did bucket fill.
 

Remove this Banner Ad

alzy11
I'm having a couple of problems with this. Firstly I still can't figure out how to make the shorts a different colour. I tried to make a white jumper with a white collar but that means the collar dissapears except for a thin dosconnected grey line.
 
Ok, I'll try and put up a tutorial about having separate colored shorts when I get the chance. In the mean time, keep playing around with it and practice making guernseys that have the same colored shorts as the jumper.

This tutorial wasn't intended to teach you everything there is to know about gimp, but to give you a basic understanding of how to use it. Just keep looking around and trying out new stuff.
 

🥰 Love BigFooty? Join now for free.

Do you know what size you have your numbers at? Very hard to judge what size they should be.
Here's a rough guide for you. I try and have the sponsors logo mid way through the back of the jumper and the number filling up most of the top half of the back of the jumper. And to try and make it look better, try and have the number as central as possible and leave the same abount of distance between the collar and the number, and the logo and the number. Here's an exampe:
guide.png
 

Remove this Banner Ad

Tutorial Gimp Tutorial


Write your reply...

Remove this Banner Ad

🥰 Love BigFooty? Join now for free.

Back
Top