Rainbow Typographic Timeline

This is a typographic timeline I designed in second year of college. Please click on the version above for an enlarged version. This was before infographics became really popular, but I think it’s closely related to it. The idea of the project was to teach us how to organise, categorise and layout large amounts of information. We had to consider how to break it all down and how we wanted it to be be viewed. Some day I would like to recreate this as a proper infographic but try to keep it to the similar style.

The piece as I envisioned it was on a massive scale, much larger than I could printed myself. I designed it with the idea in mind that it would be hung in a gallery/museum as an educational accompaniment to a type based exhibition.

I really like colour coding information so it made sense for me to use a system like this. I also like to have order to my colours too so you can almost see them blend from one to the other. I knew I wanted my information to be read along a wall and that it would require the viewer to follow the information along the timeline. So to avoid bland repetitive parallel lines, I chose to create a concentric circle design at the beginning for an eye-catching visual.

Each line represents a different art movement. Art movements have more than just a style of painting to them, there is often a style of dress, architecture, film, dance or in this case, type that goes along with it. So with these art movement headings in mind, we had to compile our own research. I have the order chronologically, obviously, seeing as it is a timeline. We also had to decide how we would show that some movements come other the title of one grand movement, modernism.

So I broke the information down into the titles above.

When: Gives the time frame of the movement.

Where: Gives the main location where that movement based based.

Who: Gives the artists associated with that movement.

Typefaces: Gives examples of typefaces created during that movement, or in some cases, examples of modern typefaces inspired by that movement.

So the above close up of the time line shows information pertaining to the Arts & Crafts movement, Art Nouveau and Expressionism.

Each title then gets its own small background information on the history of the movement. Here, we can see the text for the De Stijl, Dada, Futurism, Russian Constructivism and Bauhaus movements. So this was the fact section for Dadaism.

The DaDa movement emerged in Germany as an anti-war movement & in many ways it was also an anti-art

movement. It began as a collaboration between the
artists of several nations who felt that European art was corrupt & sought a purity in mocking it. The name is believed to have been chosen by picking a word at
random from the French dictionary, which happened to mean hobby horse. DaDa typography followed the DaDa style, mainly consisting of various collaged letters.

I kept it brief because the if the piece as I imagined it was hung in a gallery or museum, then you would need the information to be bite-sized so the viewer will actually want to read it and can follow the text down along the length of the line.

Then above you can see the font samples. I chose one typeface to represent the movement and used six characters to showcase it. I used the alphabet from A to Z, numbers one to nine and then some special characters for the sample section. The movements visually represented by their typefaces here are Art Deco, Late Modern, Swiss International and Digital.

Going Nuts with Photoshop Many Moons Ago

This was a second year of college project. That feels like a million years ago now! This image was part of a booklet but the rest of it is pretty horrendous to me. I can’t bare to embarrass myself by putting the rest of it up but I actually really liked the colours in this one and I’m also mad for symmetry, so up it goes!

It’s not really like any of my other work. I wouldn’t often heavily work in Photoshop, especially at the time. A few tweaks on things here an there sure. But I guess I just wanted to try do a project using it fully. So it’s a bit filter-laden there. I think everyone needs to do things like this to figure out Photoshop though.

Basically it was part of a concept that every memory has a song for a small booklet. So I made five images to illustrate that point and I did it through photo collage. So I combined photos I had taken and things related to photos like frames, negatives, cameras with things related to music like CDs, tapes, vinyl, gig tickets, MP3 players, headphones etc.

Yeah Yeah Yeahs – Fever To Tell CD Case


This was the second part of a college project where I had originally illustrated a CD booklet of the album of my choice. I chose Fever to Tell by Yeah Yeah Yeahs. Another tutor in a different class decides to link up with the booklet project and gave us a brief that instructed the class to create the packaging/casing for the booklet. I made a sleeve style cover for the album influenced by the art work I had already created. The CD itself slots into one side, the booklet into another.

I kept the design on the outer cover black and white to contrast with the vibrant colours of the booklet inside. I created the design for the cover using by cutting into black card and scanning the results in to be printed off. I then wrapped the print off around my card template for the case. The general shapes and forms were in keeping with the ones I had drawn for the booklet, so that the musical style as well as illustrative style was still reflected.

Yeah Yeah Yeahs – Fever To Tell Booklet: Part 2

These are the other six pages in my Yeah Yeah Yeahs Fever to Tell CD booklet which I made as part of a second year college drawing project. Click here to see the first part of my booklet.

7. Pin – Pro markers and drawing pen.

8. Cold Light – Photocopy, drawing pen, colouring pencil and pro markers.

9. No No No – Oil pastel. Etching

10. Maps – Pro markers and drawing pen.

11. Y Control – Pro markers, coloured paper and drawing pen. Collage.

12. Modern Romance – Colouring pencil, pro markers and drawing pen. Collage

Yeah Yeah Yeahs – Fever To Tell Booklet: Part 1

This was a second year college project for a drawing class. We got to pick an album that we liked and use drawing to create the CD booklet for the album. I chose Yeah Yeah Yeahs album Fever To Tell. We could interpret this however we wanted i.e. illustrate the style of music, or the lyrics, or the message or the sound. Whatever way it inspired us.

I decided I wanted to combine a lot of these elements. I drew what I saw when I listened to songs, I took inspiration from single words as well as lyrics, I was heavily influenced by the musical patterns and spikey guitar riffs. I tried to convey this the best I could. I was also partially inspired by the actual album artwork in that I wanted it to be a multimedia piece.

1. Rich – Drawing pens, pro markers and oil pastel. Collage.

2. Date With the Night – Coloured paper, black sugar paper and drawing pen. Collage.

3. Man – Pro markers.

4. Tick – Oil Pastel. Etching.

5. Black Tongue – Colouring pencils, pro markers, drawing pens and coloured paper. Collage

6. Band Picture – Paper and photoshop. Collage.

I wanted to retain the handmade look so I did not try to cover up any specks, smudges or marker lines in Photoshop. I think it adds to the indie nature of the band and they have even used fan art in their subsequent album covers so I know this is something that could suit the Yeah Yeah Yeahs.

Animal Emotions – Activity Pack Cover

Apologies for the crappy images. For some reason, I never took any photos of it college with the proper set up so this is a quick bedroom floor job I’m afraid. Buy anyway, this is the outside cover of my childrens activity pack that contains all the activity sheets I designed inside. The sheets on the inside were printed on matte paper as this is easier for children to draw, write or colour on. The pack cover was printed on a thick high gloss so it was more sturdy and appropriate as a cover.

This is the reverse of the outside cover. It simply show the contents of the pack and a ‘barcode’ to show how it would look if it was an actual product.

The circular flap on the edge of the activity pack layout above and below show where the pack folds to hold the sheets themselves .I decided to add another layer to the activity aspect by having two puzzle type questions about the picture of the tiger on the inside cover below.

You can see these activity sheet inserts for the pack above by clicking here and here. They include a fortune teller making activity, colouring in, puzzles and facts.

Animal Emotions – Activity Pack Contents

This is another one of the sheets that I included in my activity pack. I researched current packs on the market and there are usually a few recurring elements. For example, you might have a make and do aspect (the fortune tellers in this case), a puzzle, colouring in and something educational. I wanted my pack to be an all rounder to I tried to cover all these elements. I was lucky that could fit the different characters into each different activity. So above you can see the ‘silly’ tiger is the character on the  puzzle page which happens to be a maze.

This was the colouring in activity sheet. I wanted to create a pack of crayons to match this section of the project but unfortunately with the time constraints it wasn’t possible. Here I got to reuse the ferocious tiger character already in the fortune teller.

This was the educational side to the activity pack with a few simple facts about tigers for children to read. Again, it was handy how the wise tiger character fit in to this part of the project without having to be shoe-horned in as he really suits the theme.

I decided to mix up the colours with the other parts of the activity pack to avoid being too repetitive. However, if I had chose to make more fact sheets or educational elements, I would have kept them yellow. Likewise if I had created more colouring in pages, they would have been purple, just to keep like with like and keep everything organised and colour coded.

As the activity pack I created only focused on one animal, I imagined that if the pack was an actual product, that you could also purchase other activity packs based on the other animals. So to hint at the fact that I had considered this, I included a faux promotional sheet to encourage the consumer to purchase the other activity packs in the series.

Animal Emotions – Fortune Teller Activity Sheets

The next phase in this college project was to introduce what we had made into a broader platform. I decided, as I had made a childs paper toy, that I wanted to make an activity pack for it. I remember getting little activity packs as a child that would come with puzzles, colouring books and crayons. My aim aim was to create something to that effect in keeping with the style I had created.

The above images show some of the inserts in the activity pack I made. You have the page for fortune teller itself so that a child can cut it out and make. You have a folding instructions page too with visual aids so that a child would be able to make sure they were making it properly. Then finally, there are instructions how to play the little game itself.

I did make some more inserts for the activity pack which I will post soon. I kept all the pages blue because they go together in sequence whereas the other pages I created where stand alone pages. I continued to use coloured paper for texture so that everything was consistent in theme and look.

Animal Emotions – Zebra

My third and final animal that I chose to illustrate was a zebra. In hindsight, I’m not sure it was the wisest selection because it’s not as colourful as the other animals I made. But ah well! That’s nature! Can’t go raggin’ on zebras now. And I guess I did make up the colours of the ostrich too. Hmmm. Scratch all of that. The zebra stays. Probably the most famous animal of the alphabet. See – it keeps with the kids theme as well haha.

So above we have a shocked zebra, a sleepy zebra, an in love zebra and a weird zebra. Instead of using a more familiar type of stripe, I collected photos of patterns in my room. I took a photo of a houndstooth patterned jumper I had and printed off a few images. I could then use that as a paper layer in my zebra collages. This was a good idea before I even knew it, because the characters were made before they were put into a fortune teller format. If I had gone with more traditional stripes, it would be too hard to distinguish between the tiger teller and the zebra teller. So luckily I had a new pattern.

As you can see, the pattern in the outer corners gives the zebra character his own separate identity. Unfortunately, I have no photos of the zebra ‘fortune’ teller showing the inner part, but I do have some shots of the outside and how you use them. This is for anyone who has never seen one of these doodahs in action!