Typography

 

 

Steevo’s Illustrator Tutorial

Fantasy football kit designs are not in short supply both here on FootballShirtCulture.com and on Designfootball.com. Some great techniques are shown and some excellent tips on how to create designs from templates on PhotoShop.

But I’ve decided to show you an alternative. My tutorial relates to Adobe Illustrator (download Trail @ Adobe Trial Link ) and shows how you can create your own templates for reusing, quick and easy ways to stylishly present your designs and also how the work of a designer is sometimes as much about the client’s requests as it is about our creativity.

I won’t really demonstrate the techniques as others have because I’d recommend videos on YouTube for that kind of guidance. I’ll just show you that you can create effective designs by having the freedom to start from scratch and perfecting your own style.

tut-steeve-1.jpg

Firstly, you need to create your basic kit shapes. A handy way to approach this is to use the pen tool and trace the outline on a photograph (there’s lots of videos on YouTube showing this technique) but I generally create my kits by drawing until I’m happy with the proportions. It’s good to have an eye for these things. Play around and you’ll soon get the hang of it.

tut-steeve-2.jpg

Once you’ve created your shapes you can copy them and/or mirror for different viewpoints. A nice touch is to put some shading around the edge of the kit using the drop shadow tools. I don’t tend to make the kits look contoured; I simply create representations of the designs. This allows a bit of artistic licence in the presentation.

tut-steeve-3.jpg

If you see the way I’ve created it, I’ve used shading techniques and lighter pen lines to show seams and folds. I’ve also put a light outline around the collar for guidance.

The blending of light to darker grey that can be seen on the inside of the shirt is produced by drawing a shape and filling it with a gradient and then using the ‘multiply’ transparency.

So once you have your basic template set up you can start working on the design. For this example I’ll recreate Jay from dF’s kit for Marceltipool, his London-based football team for fans of Olympique de Marseille, Celtic and Liverpool. The original can be found on both dF and Fantasy Kit Designs on FSC and although it wasn’t very popular, he liked it and wanted me to create it in a more structured and flattering light.Out of love for the “pool” part of “Marceltipool” (and for my sins) I agreed.

So the first thing we need to do is enter the coloured features that the rest of the design fits around, the three-striped hoops on the sleeves and the standard but multi-coloured Golpe curves. You can trace but I will again use the pen tool which I find is the easiest way to create these and choosing the relevant colour for the fill.

To keep all the elements within the kit frame, a clipping path has to be made. To do this you need the shape/path you want as the boundary as the top object (in this case: the shirt outline) select this and the objects/details you want ‘clipping’ and then select ‘create clipping path’.

tut-steeve-4.jpg

Gradually this basic colouring starts to give the whole impression of the kit. Solid blocks of colour, whilst possibly not true-to-life, give a very clear indication of what the design is made up of.

tut-steeve-5.jpg

Once the basic design is clear, it’s time to add the details. Badges, sponsors etc should be in vector form for the best possible look. Many logos can be picked up on sites such as brandsoftheworld.com or even in Google Images but for the likes of Jay’s Marceltipool crest – with each constituent part lifted from a different website with a different mpeg resolution – it was necessary to recreate.

Using these websites and others to find vectored versions of each badge I took them apart and then reassembled them to create the Marceltipool Crest. The process for created vectored logos is too involved to go into here but, as always, YouTube has plenty of videos that can be followed.

When it comes to fonts, it’s a touch of trial and error. For your reference I used Minion Pro and then made slight adjustments.

tut-steeve-6.jpg

With the design nearly there, the onus moves towards presentation. A simple but effective approach is something like adding a contrasting gradient, on this occasion I used red through to black. I also added a lens flare using the lens flare tool.

tut-steeve-7.jpg

The impact is strong and the stark, bright colours are in keeping with the style of the kit. Subtle it is not.

Jay instructed me to cut the length of the Golpe features on the shorts and the distinctive adidas sleeve edges are added and combined with the hoop design. A couple more sponsor logos (the Marseille way), but crucially no number on the back (the traditional Celtic way) and the design is complete.

tut-steeve-8.jpg

I hope those of you who wish to approach kit design in a slightly different way to the norm found this useful. And, of course, if you have an interest in joining Marceltipool please contact Jay at This email address is being protected from spambots. You need JavaScript enabled to view it..

Steevo.

 

Comments (13)

  1. larkhall bear
  1. Guest

looks just like the home top a few years back

 
  1. Guest

this top looks nothing like the home top a few years back stop talking shite. its a belter

 
  1. MATI

mint m8 mint!!

 
  1. Guest

fukin screamer hutchi its sean m8:wink:

 
  1. Guest

Looks nothing like the old top - looks more French i think, also Kris Boyd would look massive in this !!! I heard rumours that either adidas or puma were doing it for next season, wonder when we find out ?

 
  1. Guest

nice top! miles better than the umbro stuff we got the now

 
  1. Darryn Hutchison

The Puma tops are skin-tight so i would prefer adidas but it all depends on who is going to give rangers the most money.

 
  1. Guest

aye cos u need all the money you lot can get ur hands on <br /><br />keep murray n bain- they are draining the club dry

 
  1. Guest

I like it. This years was boring as hell.<br /><br />I would love to see Kappa do our kits.<br />Adidas and Nike kits are boring as hell.<br /><br />Mon the Gers!!!

 
  1. Guest

away choke on a dick ya inbred tadjer

 
  1. Goshy

nice one , only the clydesdale bank badges need to be gold cos were champions <br /><br />celtic have the silver ones now

 
  1. fsc

Thats pretty cool.<br /><br />FIRST COMMENT!

 
There are no comments posted here yet

Leave your comments

Posting comment as a guest. Sign up or login to your account.
Attachments (0 / 3)
Share Your Location
Type the text presented in the image below

LATEST FOOTBALL KITS

Juventus 2018-19 Adidas Away Kit

Juventus 2018-19 Adidas Away Kit

Juventus revealed the new away kit for the 18/19 season, by Adidas. New fabric Technology guarantees better breathability, helping to enhance…
River Plate 2018-19 Adidas Home Kit

River Plate 2018-19 Adidas Home Kit

River Plate and adidas Argentina revealed the club's new 18/19 home football shirt. The new home kit will be used during the 2018–19 Argentine…
Parma 2018-19 Errea Home Kit

Parma 2018-19 Errea Home Kit

History, tradition and pride. Parma Calcio’s new Home Kit for the 18/19 season designed by Erreà is a homage to the club’s roots. The kit consists of…
Parma 2018-19 Errea Away Kit

Parma 2018-19 Errea Away Kit

Parma Calcio and Erreà presented the new away kit that the Crociati will wear during the 18/19 season that marks the return to Serie A. The kit with…
Parma 2018-19 Errea Third Kit

Parma 2018-19 Errea Third Kit

Parma Calcio and Erreà presented the new third kit that the Crociati will wear during the 18/19 season that marks the return to Serie A. The 2018-19…
Aston Villa 2018-19 Luke 1977 Third Kit

Aston Villa 2018-19 Luke 1977 Third Kit

Aston Villa's electric claret and blue third kit for the 18/19 season has been revealed. The club's first third kit for a decade, their innovative…
Real Betis 2018-19 Kappa Home Kit

Real Betis 2018-19 Kappa Home Kit

Real Betis revealed the new Kappa home shirt for the 18/19 season. The new home kit will be used during the 2018–19 La Liga season, which will be the…
Real Betis 2018-19 Kappa Away Kit

Real Betis 2018-19 Kappa Away Kit

Real Betis revealed the new Kappa away shirt for the 18/19 season. The new away kit will be used during the 2018–19 La Liga season, which will be the…
Napoli 2018-19 Kappa Third Kit

Napoli 2018-19 Kappa Third Kit

This is the new Napoli 18/19 Third Kit by Kappa. Its particularly soft and fresh material provides the body with a unique level of comfort for a…
Napoli 2018-19 Kappa Away Kit

Napoli 2018-19 Kappa Away Kit

This is the new Napoli 18/19 Away Kit by Kappa. Its particularly soft and fresh material provides the body with a unique level of comfort for a…
Portsmouth 2018-19 Nike Third Kit

Portsmouth 2018-19 Nike Third Kit

Portsmouth FC revealed the club’s new third kit by Nike for the 18/19 campaign. Kenny Jackett’s side will be dressed in a stylish black outfit for…
Hull City 2018/19 Umbro Third Kit

Hull City 2018/19 Umbro Third Kit

Hull City revealed the club's new third kit by Umbro for the 18/19 season. A bright white shirt, which follows on from a number of popular white away…
Sydney FC 2018-19 Puma Third Kit

Sydney FC 2018-19 Puma Third Kit

Sydney FC have unveiled their new Puma third kit for the Hyundai A-League 18/19 Season. The navy blue third kit has a slim-fit shirt and is fashioned…
Sydney FC 2018-19 Puma Away Kit

Sydney FC 2018-19 Puma Away Kit

Sydney FC have unveiled their new Puma away kit for the Hyundai A-League 18/19 Season. The away kit is a predominantly white design with sky blue…
Sydney FC 2018-19 Puma Home Kit

Sydney FC 2018-19 Puma Home Kit

Sydney FC have unveiled their new Puma home kit for the Hyundai A-League 18/19 Season. Reminiscent of the jersey worn during their double-winning…
Mamelodi Sundowns 2018-19 Puma Third Kit

Mamelodi Sundowns 2018-19 Puma Third Kit

Puma unveiled a blue Mamelodi Sundowns third kit for the 18/19 season, as a tribute to the Vodacom Bulls. The design of the kit continues the Beat of…
Melbourne City 2018-19 Nike Third Kit

Melbourne City 2018-19 Nike Third Kit

Melbourne City FC launched the new season’s 18/19 third kit at the new 5-Storey Nike Phantom Pyramid in Melbourne. For the first time in its history,…
Melbourne City 2018-19 Nike Home Kit

Melbourne City 2018-19 Nike Home Kit

Melbourne City FC launched the new season’s 18/19 home kit at the new 5-Storey Nike Phantom Pyramid in Melbourne. This 2018/19 Melbourne City FC…
Tottenham Hotspur 2018-19 Nike Third Kit

Tottenham Hotspur 2018-19 Nike Third Kit

The new Tottenham Hotspur 18/19 third kit by Nike has been revealed. For its season-opening away match, Tottenham Hotspur will debut the club's…
Leeds United 2018-19 Kappa Away Kit

Leeds United 2018-19 Kappa Away Kit

Leeds United have unveiled the club's new away kit for the 18/19 season. The new away shirt is navy blue in colour featuring a white club crest and a…