First off I’ll label everything for you to make it easier.

Now the red is (obviously) the shirt, the right is the front, the left the back, green shorts and the same as above. Sleeves are quite different this year, they are dark blue, the sleeve to the left of the template is the right sleeve, the one without the Macron logo in the first picture, and the other way round for the other sleeve. You may notice the two light blue rectangles to the right, if I’m honest I’m not 100% what these are but I believe it is she ends of the short sleeves. Now onto the socks, again different to before, the one coloured yellow is the front of the sock, and the pink is the back of the sock, try to remember which way round it is.

Now onto the actual making of the kit, first off you simply colour in all the parts of the kit the colour you want

Now onto the collar, use the pen tool to create first the front then the back, try to make sure the top of them is the same, for a simple round collar it may be a good idea to duplicate the layer on the front, move it over to the back and then squeeze it in a bit. If the collar runs off of the shirt and onto the sleeve then you can hold down ctrl and click on the square part of the layer menu shown below, but select the box of shirt, not collar, having the collar layer selected, then ctrl, shift, i and delete to remove the excess, sounds very complicated but it’s easier than it sounds

Now the collar is done then move onto some more details on the kit, you may need to use the same technique as above if areas run off the edges, probably best to start in the middle and then onto the edges, if something runs off and needs to go on the other side then do the same as the collar, but instead of delete, cut the layer and move it over

Now just a few smaller details, some of them probably not needed really due to the small size shown in-game but I have done them anyway

Onto the sleeves! Thought that it would help a lot if I first showed the area that is short sleeve and long sleeve, white is short, red is long, so remember that with any design you may be making. For best results it may even be easiest to keep the red showing while designing like I have to save a bit of time and keep everything in the right place

Once you’re happy with the sleeves simply hide the layer

Now for the shorts, not really much to do on the West Ham shorts so there’s not really much to write, but as with all other elements, remove any excess and if necessary move the excess to other areas of the shorts like below

Almost at the end now, just the socks to go, remember, bottom is front, top is back, usually not much design on them so it won’t take long at all

Now just to add the logos and it’s done, the finished product

For this tutorial I am going to make the West Ham Away kit as an example, first get all the right colours for all sections of the kit.

Once this is done start work on the collar, this is quite easy with 3d kits, as you draw the collar on with the pen tool you will notice it is covering up the hole in the middle, to get the hole back hold down ctrl and click on the little icon next to the shirt layer, now press ctrl, shift and I to invert the selection and finally press delete, this should delete all of the collar that is inside of the hole.

Now start on the front and side designs, eventually you may have a bit of a problem needing to put the design on the other side and it cuts off, do not worry it is reasonably easy to do.

I recommend increasing the canvas size to say 800×800, this is done because then you can see how much is sticking out and then cut and paste it onto the other side, first duplicate the layer you want on the other side, then flip it horizontally, you may have troubles getting it exactly where you want it, try selecting just the front of the shirt then flip it horizontally however this will not flip the back section (if it goes onto the back) so you do the same for the back) Keep doing this until the shirt design is completely finished.

Hopefully now the design should be identical on both halves of the back and front of the kit (unless the design isn’t like that) Now this is done change the canvas size back to 512×512.

Now to start on the shorts, for best results get a selection of width 203, this is exactly half of the shorts length so you have a rough idea where abouts each part of the shorts will go, if the parts need to go onto the other side like the shirt do the same as you did with the shirt.

Now for the arms, the sides of the bar is the end of the arm, I’m not exactly sure what the middle does, if anything, there is usually little design on arms so they are always easy to do, however more complex arm designs will probably take a long time.

The socks is the easiest part and most of the time you can have them done very quickly, whatever you do to the first sock you just copy and paste down to the second

And the finished product

I assume you already have a template but if not CLICK

Open the kit style you wish to use (for the tutorial I am using Puma)

The Do-nots of Kitmaking
1. Use the paint bucket tool, it gets rid of anything that has an opacity of under 100% so it looks really sharp
2. Put on too many templates
3. Have more than one collar
4. Have more than one kit-logo (Adidas, Nike, etc) logo, except sleeves and collars
5. Remove the shadow and/or texture layers
6. Put anything over the texture layers
7. Colour in the texture layers
8. Do not, EVER use #000000 as black on your kit

Alright then, you’ve learnt what NOT to do, now to learn what to do
1. Use colour-overlays to change the colours of the base or individual parts
2. Use a small arch warp on kit sponsers (between 1 and 10% is best)
3. Add your own touches, make stripes or hoops for a template that has none, or if you like, create a whole new part to the kit to make it unique
4. Add a small stroke on the outside of logos (about 10-25%, black opacity) but this is not needed, it also works well on some template pieces and creates a bit of a seam
5. Add bits from other templates, it makes kits unique, maybe use a different collar than the normal one for that template
6. Add a mesh pattern to bits that you feel need one, bits underarms possibly
7. Place logos carefully, try to make the sponser in line with the arms
8. Use a dark grey for any black you want (except on low-opacity strokes) I use #101010, #151515 or sometimes #202020

An example of following these guidelines:

Alright then, now to tell you how to do these things as you might not know
Mesh:
To create a mesh pattern open up a new photoshop document, give it a transparent background with the dimensions of 4×4
Zoom in to about 1500% so you can see what you are doing, grab the pencil tool and draw 4 dots like this

Then go onto “Edit, Define Pattern” and call it Mesh
Now, to put it on your kit

Create another layer and make sure it is above the layer you want meshed
Hold down the Ctrl button and click the little icon of the layer you want meshed, this will select the layer
Now click, “Edit, Fill” choose pattern and then find the mesh pattern
Make sure it is set to normal and 100%
Click ok, select the layer and change the opacity, I reccommend about 10-15% on white/lighter kits and 15-25% on darker kits

Colour overlay:
Select the layer you want to change colour to
Right click next to where the icon is (but not on the icon) and choose “Blending Options”
You will see (down the left) “Colour Overlay”, click it, select the colour you want and make sure the opacity is 100%, not you click OK, job done

Adding stripes or hoops:
Select the rectangular marquee tool
Where it says Style at the top, choose fixed size
For stripes: Make the height 450px (or higher if you like, doesn’t make any difference) and put anything you like for width, it’s your choice but make sure you remember it
Click anywhere to make a selection
Now to center it, click “Select, Transform Selection” make the X 225.0 px, the Y doesn’t matter, now click on the tick towards to top right of your screen
Fill in your selection with any colour you like (100% opacity)
You now have a single stripe through the middle
Now you need to move your selection, but don’t just drag it along, again go onto “Select, Transform Selection” but this time instead of putting the X as 225.0, remember your width? Double whatever it is and add it onto the X, on mine this would make it 275.0 px, keep doing this until it goes off of the kit
Now you need the other side, center your selection again and do the same as above, but this time take it off instead of adding it on
For hoops: Make the width 450px or more, make the height anything you like and remember what it is
Click anywhere to make a selection
You don’t really need to center stripes, but I reccommend either starting towards the top or bottom of your kit
Fill in your selection with any colour you like so you now have a single hoop going through your kit
Go onto “select, transform selection” this is where you need to remember your height, whatever your height is, double it and take it off (if you start at the bottom) or add it on (if you start at the top) keep filling in as you go along and eventually you have perfect stripes
For both: Now you’re wondering how to get the stripes/hoops that aren’t on the kit away?
Simple, Ctrl and click on the base icon, go onto “Select, Inverse” change back to your stripe/hoop layer and press the delete button, this will remove the stripes/hoops that you don’t want