That Time I designed my own World Cup Wall Chart.

South Africa 2010 world cup wall chart back final

A while back (2010) before the world cup in South Africa, I decided to give designing a wall chart a go for the then upcoming World Cup. I was tired of looking at all the usual charts that newspapers and magazines would pump out and I wanted to give designing a wall chart for the world cup a go. I also wanted to learn more about using the pen tool in photoshop and how to use it to create shapes and then colour those shapes in an effective way. On a technical level this sort of task should be done in either adobe illustrator or Affinity Designer. The reason for this is that these programs are vector based and photoshop is bitmap based. Now you can do vectors in photoshop, but they are outputted in bitmap formats and can lose their quality when being printed. Vector programs use mathematics to create the shapes allowing them to be scaled with no loss of quality making them better suited for page layout and design in general. When I did this project I couldn’t afford Illustrator and Affinity Designer was not even a thing. But I did have photoshop, so that’s what I used.

Tournament wall charts have to have two basic things: group & knockout stage areas and spaces to add scores and team names. Everything else is decorative.

The Characters

I based the idea of the chart on the now defunct weenicons character style, specifically the Captain James T Kirk design. The design style is 2D and very much South Park like in style. This is ideal for someone who has not drawn for years and is looking to learn new parts of a program. I opened up a saved image into photoshop and sketched over the top, trying to create each part of the character as a different section. Keeping the finished shapes as vectors allowed me to adjust the shape at a later point in time.

large player image assetsSomething else I wanted to do was to make each countries character different. Obviously the kit has to be specific for the design of the actual kit at the time, but i also wanted to modify the look of the character based on a prominent player of that particular team. This added an extra level of basic skill requirement because I couldn’t copy for an established design, I had to create it myself.

individual team charactersBuilding a texture for the background

Most world cup charts are a mishmash of player photos or are just really cluttered. Football is played on grass (most of the time) so I wanted to start the base of the images as a grass texture. I used a basic vignetted green and then blended it with a random grass like texture using the ‘overlay’ blend mode. I then contrasted this further and added a white radial gradient to create a highlight. The section for the tournament details was a repeated leather texture coloured blue that was also set to overlay blendmode.

Specific Details

One thing I wanted to do was add some very specific details. Most of the charts you find in newspapers are created for workplace walls for sweepstakes or just to keep track of results. I wanted to throw in some additional information. I added a section detailing some facts about South Africa, the Stadiums and about the World Cup in general.

South Africa World cup factsWorld cup winning countries get to display stars on their jerseys for the number of cups won. I wanted to add this to the teams names along with the year those stars were earned.

specific detailsThe Stadium

Soccer City Stadium (also known as The Calabash or FNB Stadium) was built in 1987 and renovated for the 2010 World Cup. The renovation took inspiration from the shape of an African pot called a calabash. Along with The Bird’s Nest Stadium it is one of the more unique looking football stadiums in the world. I created a vector image from a aerial image I sourced from google. I wanted to use this as a visual asset for the final. at this point in the process I had become fairly adept at using the pen tool to create this images. Two points to note here are the use of gradient layer styles to create more of a 3D perspective and using coloured noise to create the crowd effect. Everything else was just a sketch over the top of the base photo.

Soccer City South Africa World Cup 2010

close up image of finals sectionThe Finished World Cup Wall Chart

South Africa 2010 world cup wall chart front final

South Africa 2010 world cup wall chart back final

 

 

 

Creating the concept for a music albums artwork.

featured header image duncan woods album

A few years ago a friend of mine started recording an album with this bushy haired Australian singer songwriter going by the name of Duncan Woods. My friend phoned me up and asked if I could take a few shots whilst they recorded for some promo stuff and perhaps do some quick artwork for an EP. I agreed, took a few average shots and line illustrated a Rabbit character Duncan had kept drawing as a signature.

therabbit

duncan-woods-music-artwork-ep-tokyomagic

After developing the EP artwork, the guys asked me if I wanted to do the artwork for the album. Now, turning a sketch into a vector graphic and dropping it onto a layer in photoshop isnt hard. But creating the artwork for the album was going to require something a little bit more engaging. A quick bit of back story…..once upon a time I used to draw continuously from the age of when my memory first started to form properly (some would argue that has yet to happen) till about 16 when I left school and became an irresponsible delinquent heavily distract by all the things that distract a teenager. And for some reason I stopped drawing. Whilst this might be a random tangent, its leads onto the fact that for some reason I agreed to illustrate an album cover without ever actually really illustrating, well, anything before and having completely forgotten how to draw. But none the less I enjoy agreeing to do things I can’t do, then working out how I am going to do said thing.

 

DEVELOPING THE CONCEPT

The album was to be called “Together on the Road” and the motivations for the tracks stemmed from Duncan’s questions about life and the path we are all supposed to take.

Creating the concept for a music albums artwork. 1

together-on-the-road-initial-concept

As it turns out the album name was a phrase that was lifted off of a bicycle boat trailer in Amsterdam, the top photo being that trailer (the bottom image was a idea for the front cover). The album name started to create an idea. I started to imagine the title as a description for the journey we take through life. From small upbringings, to the travels some of us embark upon in our late teens & early 20’s to our working life and eventually to our inevitable death. I wanted to cover many things with the artwork from innocence, multiculturalism, capitalism, perversion, domestication, religion and mortality. The rabbit Duncan had sketched for me for the EP artwork became a recurrent symbol of a divine entity in my mind, the mark of some form of religion or movement.

What I intended to create (and ultimately what proved to be too expensive to produce independently) was a folded album cover that people buying the album would unravel and then engage in. I went as far as to create small details on the CD of Chinese symbols representing messages of life and death, happiness and sorrow on the bases of the two sand timers. These timers were surrounded by smaller sand timers denoting the individual experiences we have in life and their durations, the idea being that they are all connected and have an effect on each other.

 

DEVELOPING THE IDEA IN PHOTOSHOP

Because of my limited skill and the linear nature of the idea I decided to go for a two dimensional look. I started out by making a quick sketch of the idea I had in my mind before proceeding.

original-sketch

original-sketch-close-up-2

original-sketch-close-up-1

My tools of choice were the pen tool and the shapes tool. My first draft focused purely on trying to get my rough sketch into some sort of viewable shape. The colour palette I initially chose matched the beige paper that had been chosen for the EP cover, but after sometime I simply got depressed looking at it. It also meant that I was fairly restricted colour-wise with what I could use and I felt it was just too dark a tone for what the music was trying to convey. I was also not happy with the look of the Hospital and the small house next to it so I did some tweaking and made the whole piece less monochromatic-like and more colourful.

 

The Characters

I developed the characters after the first draft using the pen tool and based them roughly around the ducks seen on the trailer.  Nothing too complicated, but I wanted to populate the illustration with more than one type of animal and settled for a Rabbit, a duck and a penguin.

together-on-the-road-characters

 

The Tree

together-on-the-road-the-tree

The tree came after the initial sketch whilst I was creating the first draft. I needed something with a bit of impact that would allow the rest of the scene to unfold. I have always like the use of tree’s as being symbolic of life so the idea of juxtaposing it as an icon for death intrigued me. I found a stock illustration of a tree that had the right shape for the trunk and drew the branches out from this base image. The idea behind the different shaped leaves was to represent different religious viewpoints that all ultimately have the same basic ideological core (the tree) that there is some higher entity who guides us, based on a set of rules, into an afterlife of some type based on how we lived our current life.

 

The Look of the Buildings

I based the look of the city on classic New York architecture. I have always liked the look of the tall roomed arched window buildings. The control tower of the air port was based on LAX’s control tower. The small cottages have a idyllic European countryside influence. With the Hospital I decided to go with a modern look with the impression of a large open entrance hallway.

together-on-the-road-the-cottages

together-on-the-road-the-city

together-on-the-road-the-airport

 

together-on-the-road-the-hospital

 

The Details

Developing from the first draft I decided to go full detail and fill in every last little point where something could happen. The taxi cabs are based on the classic yellow New York cab, shop names, a strip bar and even the various goings on in the hospital. I wanted to create detail that would cause a person to look closer at what was going on.

together-on-the-road-the-airport-details

together-on-the-road-city-details

together-on-the-road-the-sticky-floor

together-on-the-road-the-details-hospital

 

The CD cover

I had only developed the one rolling piece of artwork and actually did not take into account the CD cover or the CD itself. Once I got onto this stage I planned to give all viewable surfaces some details to look at. As the initial idea was too large to be cost effective for printing (this was all self funded by Duncan) I decided to shrink it down and use it as complimentary part of the rear sides composition.

There was some discussion as to whether or not to include the album name and artist title on the front of the CD case. In the end I put my foot down and put the title and Duncan’s name on the spine as having it on the front would detract from the front image.

The fairground I included just because. It started off as a doodle and kinda developed from there. The initial version was reversed allowing me me to put the Ferris wheel behind the CD so it was revelled when CD was taken out.

together-ob-the-road-cd-overlay

The final product – below are a few pictures of the CD and the cover:

tokyomagic-duncan-woods-music-together-on-the-road-4

tokyomagic-duncan-woods-music-together-on-the-road-5

tokyomagic-duncan-woods-music-together-on-the-road-2

tokyomagic-duncan-woods-music-together-on-the-road-3

tokyomagic-duncan-woods-music-together-on-the-road

 

Finishing Things Up

As part of the Album launch I converted some of the specific parts into posters that were going to put up around the gig venue. I decided to add an additional piece, developing the Hitchinos Smoked Chicken restaurant into a chicken farm.

tokyomagic-duncan-woods-music-together-on-the-road-smoked-chicken

duncan woods poster layout

duncan woods poster layout

duncan woods poster layout

duncan woods poster layout

duncan woods poster layout

duncan woods poster layout

After everything was tied up and finished I had a spare couple of hours on my hands and decided to merge everything together into one piece. I figured this was a nice way to tie things up and develop some of the atmospheric bits like smoke, smog and street lights.

the final artwork merge

 

the final artwork merge

the final artwork merge

the final artwork merge

the final artwork merge

the final artwork merge

the final artwork merge