• Login
  • Sign up
    Registration
    Fields marked with an asterisk (*) are required.
    Name: * This Field is required This Field IS NOT visible on profile
    Username: * This Field is required This Field IS visible on profile Information for: Username: : Please enter a valid User Name.  No spaces, more than 2 characters and contain 0-9,a-z,A-Z
    E-mail: * This Field is required This Field IS NOT visible on profile Information for: E-mail: : Please enter a valid e-mail address.
    Password: * This Field is required This Field IS NOT visible on profile Information for: Password: : Please enter a valid Password.  No spaces, more than 6 characters and contain 0-9,a-z,A-Z
    Verify Password: * This Field is required This Field IS NOT visible on profile
    Country: This Field IS NOT visible on profile
    Website: This Field IS visible on profile
     
    * This Field is required This Field is required | This Field IS visible on profile This Field IS visible on profile | This Field IS NOT visible on profile This Field IS NOT visible on profile | Information for: ? : Field description: Move mouse over icon Field description: Move mouse over icon
Advertisement
Football Shirt Design Tutorial - For beginners E-mail
Wednesday, 27 February 2008

Football kit design for beginners

A lot of people have been asking how to design a fantasy football shirt or a classic Football shirt yourself. Well, this tutorial is made by Sean, a member of the graphics team of fmdiscussion, (join them if you like Football Manager) and in it he explanes how to make good looking football shirts with a program called photoshop.

First, if you don't have it, download the free version of photoshop on this page Here .To begin, load the template of whatever kit style you want from the Template pack. I will be using the Mitre template. To download the pack, Click here . Full credit to packmanch

When the template has loaded into Photoshop, you should have this in your layers view:

 Mitrelayers

 

Click the drop down of the brand, and you will have a number of different kits. To view each kit, click on the eye box:


Eyebox

 

Once you have done this, you will see the original of the kit. Now you can start making your kit.

Click the drop down of the kit, and you will see what is contained inside:

 

Kitlayers

 

Each folder has its own layers. For the kit I chose, my folders are ‘Collar’, ‘Logos’ and ‘Details’. Click the drop down of any of the folder and you will see layers that correspond to the folder. Highlight a specific layer, and then click the black ‘f’ on the bottom of the layers box:

 

LayerTools

 

Now click on ’colour overlay’. The layer will automatically change to red if it hasn’t already been changed by the creator of the template, but this doesn’t matter. Click the coloured box next to the blend mode. You will now have this:

 

colouroverlay

 

You will now be able to change the colour of the layer to whatever you like. You will see from the screenshots that I have chosen a dark grey- black colour:

 

colouroverlay-000000

 

PLEASE NOTE: DO NOT, AND I MEAN, DO NOT USE #000000 AS THE COLOUR BECAUSE IT DOES NOT SHOW THE TEXTURE. YOU WILL SEE WHAT I MEAN FROM THE FOLLOWING SCREENSHOT:

colouroverlay-000000

 

Looks stupid, doesn’t it? I recommend you to use a slightly lighter version, like #222222.

Anyway, you will now have a layer a different colour to the rest. I tend to repeat the colour overlay with the other layers: the collar and the patterns. When you have done this, you should have something similar to me:

 

layersin333333

 

You may want to check what each layer is before changing its colour, as some of the layers may be ‘seams’, so they will need to be the same colour as the main colour of the kit.

Now it is time to add the logo and sponsor.

Open your desired logo. Erase any excess bits, i.e. white background. When you have done this, copy and paste into a new document so it is just the logo. To copy and paste I tend to do the following: Hold Ctrl, then click A, C, D and W. When asked to save, click ‘No’.

You now need to change the image size. Go to Image- Image Size. I usually change the height to 35-40px. Paste onto the kit. Move the logo to around wherever you feel comfortable with.

Now you need to add the sponsor. Open your sponsor, and repeat the steps you took for the logo. Once you have removed any excess off of the sponsor, change the width so it fits reasonably well onto the kit. This is what I have:

before sponsor change

 

But it still doesn’t look quite right. What I tend to do is change the colour of the sponsor to the colour of the patterns, in this case #333333. This is what I now have:

adding sponsor-1

 

But it still doesn’t look quite right. What I tend to do is change the colour of the sponsor to the colour of the patterns, in this case #333333. This is what I now have:

If you want to change the colour of your kit, the base of the kit is found here:

 

base

 

I am now more or less done.

If you want to make any changes to give it your own touch, feel free. I have added a 4px stroke round both the logo and sponsor, to give it a stitched feel. If this is what you want to do, make the colour of the stroke slightly darker than the colour of your kit:

 

stroke add on

 

And now you are done. I hope this has helped you. If there is anything you feel I have missed off, or haven’t explained properly, post a reply and let me know. Any questions, feel free to post a comment.

Regards,

SeanAVFC : Member of the graphics team of fmdiscussion

Comments
Add New
Jon   |2008-02-27
Should the photoshop free trial take nearly 2 hours to download? Yawn!
Jon   |2008-02-27
Can you do a Plymouth Argyle one for me? I want to wind up some mates... Can you
use the new Puma Italy one as a template?

Home - Bottle Green with Gold &
White trim and TOSHIBA, or HEWLETT PACKARD as a sponsor...

Away - White with
Gold & Bottle Green trim.

Third - Orange with Black & White Trim

I get
anything to download.
ali   |2008-02-27
kool thnx m8
ali   |2008-02-27
u no were we can get the new templates ie the new nike portrugal/arsenal
template
Marshall  - FMD Graphic Staff     |2008-02-27
if you have any request then please join FMD and post request
here

http://fmdiscussion.com/forums/index.php?showtopic=378 and me or Sean will
be happy to do them
Carl  - Request   |2008-04-17
Hi
I just want a football top desinged of a top halfed 1 side newcastle, 1 side
celtic. Please How do i do this?
geordiecarl@hotmail.com

Thanks
Carl   |2008-05-07
I am now a member, are these just designs or can these be made real?
SUFC's No.1 Fan   |2008-06-13
Can you do a southend united one please?

Home- Dark Blue with White stripe
down left hand side.

Away- White and black quarters

Third- Red, with blue
collar
Jon   |2008-02-27
I've got the photoshop free trial and i've downloaded the templates but they
don't appear in photoshop... am i being a dinny here?
Anonymous   |2008-02-27
How do I change the texture colour?
Mikie   |2008-02-27
My France 2011-2012 design:
Posted image

Thanks for the info btw, this is a nice way to design kits!
Anonymous   |2008-02-28
Where can I find more templates (like Adidas Trofeo etc)?
Kaká  - Templates     |2008-02-29
Get templates here:

http://www.sendspace.com/file/9w8w2s

This's a MEGAPACK
with a LOT of templates.

Have fun.
lewis kane   |2008-02-29
i downloaded adobe photoshop cs3 extended from the link above which was
succesful but the templates wont work it says its not the right kind of document
can anyone give me some advice please
a.s.a.p
p.s sean this sounds like fun
if i can get it to work taa
Hazard   |2008-03-01
i have version elements 6.0 of photoshop and when i select a brand and a style i
cannot see the layers of the kit, eg: collar, bottom, etc... what should i do or
am i doing it wrong?
Hazard   |2008-03-01
what version of photoshop did u use?
Vince   |2008-03-02
Could you go into more detail on how to put in the logo and sponsor please?
I'm
having a lot of trouble.
For example I don't know how to erase the excess white
background.
fsc   |2008-03-02
Best thing to do is to join fmdisussion. I'm sure they can help you out over
there.
Ryan   |2008-03-05
For some reason I cant download the template. Can anyone help?
Nuno Kopio     |2008-03-06
To all the people asking kits and stuff, head on to fmglive.com well help you
guys.
SeanAVFC (Author Of Tutorial)     |2008-03-08
If you want to know more, leave a comment on the kits sections on FMDiscussion.
In the next few days there will be a tutorial on how to erase backgrounds off
logos and sponsors.

JB MCFC 4 LIFE !!!   |2008-03-12
Hey, could u make me a new man city home shirt i'd love it if you could have the
same template as the arsenal kit, also could have SONY as the sponsor ?
cheers

JB MCFC 4 LIFE
Please Help Me!!!   |2008-03-26
Can you change the white colour to a different colour like red (eg. liverpools
kit is red)
Hazard   |2008-04-02
Yes, I had the same qusestion when I started. Just go to the shape layer in the
last layer folder and colour overlay it to whatever colour you want.
STEVE  - HELP   |2008-04-02
i cant get the templates to appear on photoshop. can someone help???
JACKOSAFC   |2008-04-07
HOW DO YA GET PHOTOSHOP AV TRIED BUT IT DOESNT WORK HELLPPP
Jack K  - Acount!   |2008-04-08
u haft to get a account to get it woot!
Mickmac123  - Help   |2008-04-09
I cant seem to download the template you no anywhere else to get it??
SeanAVFC  - Author of Tutorial / FMDiscussion Graphics Mod.   |2008-04-19
if you have any questions, join FMD and post your questions in the graphics
forum.
eriqp123  - help   |2008-04-26
wen u complete the first part, like changing the colour of the bottom of the
shirt, my kit doesnt change colour. im using cs2, so any suggestion.
danny   |2008-04-27
how do u download photoshop
scfc   |2008-04-28
were do u get the football kit templates from?
Joe   |2008-05-05
Where do you get the templates from for adobe photoshop cs2???
dingle  - kits   |2008-05-05
ive downloaded the kits and photoshop but how do i change the main colour of the
kits :upset
Deakin   |2008-05-06
sing this : jonh carew carew is wearing the claret and blue he'll score us a
goal or two john carew carew........ john carew carew is bigger than me and you
he'll score us the one or two john carew carew ............ UP THE VILLA
liverpoolawy   |2008-05-10
how do i erase the white backgroung of the logo or team badge?
ADDIOKID   |2008-05-10
MAKETHE MAN UTD ONE
ADDIOKID  - HELP   |2008-05-10
does it cost to download the kit template pack :? :? :? :? :? :? :? :?
:? :?
ADDIOKID   |2008-05-10
richard mcgee  - football top design     |2008-05-14
cud u please do me an arsenal
top with both red arms and down the hips
then
at tne ront and back plain white
with 2 or 3 swirvs through the middle
with a
nike logo arsenal logo and
Audi logo sponsor please
add
www.rick-flexin-06@hotmail.co.uk
my msn addi
Anonymous   |2008-05-14
y en español no me lo podes decir :cry ¿?¿?
thanks you
Alex   |2008-05-14
hi i've got the photoshop and the templates but the templates are not comming up
onthe photoshop how do you get the templates on it

tell me how to do and
reply to

alnufc4lifehotmail.com
Anonymous   |2008-05-14
:eek igh
Firas   |2008-05-18
Can some please help!
I couldn't download photoshop for some reason but ive got
picasa. so ive opened it with picasa and all the sirts have come up but the all
the same white shirt with no adidas logo or nike or anything just all plain.
there are no layers either. What i s happening!
shorty   |2008-05-19
use photo plus 9.0 its really good
Richard Loveday  - Copyright   |2008-05-19
What are the copyright issues regarding the template(s)? Could I use them on a
fictional, comedy website I'm creating?
Andy  - Help   |2008-05-21
Hey,

ive downloaded the photoshop and the templates, but have no idea how to
load the templates on to photoshop, can someone help please??
Teecey   |2008-05-23
:upset :upset :upset it says not the right document
Gooner   |2008-05-26
Thnks man,

heres some kits ive made from learning from his tutorial

Posted image

That the new arsenal kit, ive made it based on the pics of the new kit on this
website

Posted image

This is an iraq kit ive made, as i am iraqi
CW  - Yay   |2008-05-31
Alot of the templates i try to use dont work but Umbro does... i made a West Ham
United Home kit
Posted image
mackem 4 life  - how to download   |2008-06-02
how do i download that then?
talbot19   |2008-06-01
how do you download the free version of photoshop, because it wont let me and
i've signed in.
dan   |2008-06-02
is there a place where u can get the template for the shirt shorts and socks as
this would be so cool to do!





TY
dude  - help   |2008-06-05
I can't tell the difference between the cats and other figures on the password
key for the free download - can anybody help?????????.
Joe  - golf     |2008-06-06
Can you down load this to do it yourself?
Yet another Wolves fan...   |2008-06-06
gorgeous design of the mighty wolves shirt :grin
tipingster  - Mr   |2008-06-07
How d u dwn load it?

When u click on it it says buy it.
It then says free
trial unavailable!
george  - WAT   |2008-06-07
wat du u do to download it
CONNOR-HTAFC  - HELP ME!!   |2008-06-07
can the template pack be got hold of any other way because it wont download.
:upset :upset

if you can help me contact me at
connor_htafc@hotmail.co.uk

cheers