Kit making tutorial with Photoshop

Never looked at this in a while, Nice results everyone glad it helped you all out :)
 
Neall said:
What you need​


Photoshop
256px-Photoshop_logo.svg.png


Kit template - Get them from Stuw's thread here


Tutorial​

1. Extract your template folder using winRAR or another extracting software

2. Open photoshop, it should look like this after its opened. View attachment 116126
It may look slightly different depending on your version of photoshop.

3. Open a kit template by File > Open then locate your template folder, click on the brand you want, then open the .psd file, it should look something like this View attachment 116127

4. Your Photoshop window should look like this View attachment 116129

5. To choose the template you wish to use, click on the eye logo next to the template number View attachment 116130

6. Once you have chosen your template go to the bottom of the list and there should be a layer called base or colour, something along tose lines, well double click this layer and click colour overlay View attachment 116131

7. Double click on the coloured square and now you can choose your colour View attachment 116132

8. Now scroll back up and do the colour overlay with the layers in the template folder.
View attachment 116134

9. Once you have done that its time to insert logos, Google the club name and you should find a logo easily, right click on it copy, then paste it into photoshop.
View attachment 116135 make sure the badge is below the texture layer or it will look ugly.

10. To get rid of the white around white around the logo, we use a tool called the magic wand View attachment 116136 Click this logo

11. Now, click on the white bits you want to get rid of, and press backspace <--

12. Press and hole Ctrl+T and it should bring up a "resizer" square around your badge, Hold Shift and drag a corner until its a decent size.

13. Press View attachment 116137 that allows you to move a layer, now move your logo into position. View attachment 116141

14. Now we need a sponser, Google for the sponser company and get the logo, and do the same as before, magic wand the white bits away, ctrl+T to resize then move it into position.

15. use colour overlay to change the sponser colour.

16.View attachment 116142 now save the file as.png
View attachment 116143


liverpoolhomekit.png


If you want to resize to use in game, click image, image size View attachment 116144 the size varies for different template, but 200x200


Post your results !:D
Click to expand...
how do you make the config files for the kits ? :)
 
Quick question.. but how do you change the colour so say the top of the arms where the stripes are can be yellow ??
 
If its a good template, then just change the colour overlay on the seperate parts
 
Mullen19 said:
If its a good template, then just change the colour overlay on the seperate parts
Click to expand...

How do you get the sepearte parts ??

I want the shoulders to be a different colour, i only learned how to use photoshop about a fortnight ago and still learning everyday..
 
Awesome tutorial!!

Spent far too long playing around and not enough time on the game now....

My first attempt

stran.png
 
Is there a good "step by step" guide to the Pen tool?

As good as Dec's video is, I found it hard to learn via a video. Imo I learn better through step by step guides like Nealls!
 
---------- Post added 06/04/2011 at 09:12 PM ---------- Previous post was 04/04/2011 at 09:44 PM ----------

My first attempt: I can't put it in game, although i have made a config file using graphics guru?




HOMEKIT-1.png
 
Last edited:
hey i just got ps elements and it is really different can any1 give me a hand with it i did manage to make these for my QPR game tho:
 
sidgurung97 said:
You have to make a config
For your kit - The Man United badge needs to be bigger, sponser a tad bigger and lifted, except that it's fine :)
Click to expand...

How do you make a config?

And thanks for the advice :).

Edit - NVM.
 
Last edited:
You must log in or register to reply here.

FMBase

Beta

Resources

Top