Infographic Poster – The Design

I now feel ready to start developing my design ideas for the poster. It seemed only logical to start with my ideas for the ‘title’ part of the poster, as this would be the only section that included text. I wasn’t able to acuratly portray my design idea in my sketchbook, though the rough layout is there.

SAM_1214

For the ‘Water’ part of the title, I want to try and incorporate a tap into the ‘t’ so that a drop of water can be falling out of it. I also want to attach arrows to the ‘Cycle’ part of the title so that both key words follow a pictorial theme and blend in with the rest of the poster.

Untitled (2)After playing around in Illustrator, I decided to add a rain-cloud to either side of the title, as well as some sun rays behind the text to bring the colours together. After showing my designs to a few of my friends, they told me that the word ‘Water’ looked strange because there was too much of a gap in-between the ‘t’ and the ‘e’, as well as saying that the ‘t’ didn’t look like a tap until I pointed it out to them. I want my poster to be as clear as possible, which means the title, being the first thing that my audience will see, has to be clear.

idea one

My first solution was to try moving the letters closer together and have the water drop overlap the ‘e’ instead of falling into empty space. This didn’t work for two reasons: the first was that the drip blended in to the ‘e’, as the colours were too similar in hue, and the second was that this didn’t solve the issue of the ‘t’ not looking enough like a tap.

titleMy next solution to this was to change the letter that was meant to be the tap. The ‘r’ was a much better letter choice, plus that also meant that there would be no awkward spacing in-between letters. This removed the center alignment of the title from the page, though that was a small price to pay for making the title much clearer. I also removed the question from the title, leaving it as just “The Water Cycle”, as I received feedback from one of my seminar leaders that the question made the poster feel far too literal.

Advertisements

Kinetic Typography (Part Three)

After playing around in After Effects for a bit, I started work on my own choice of kinetic typography. I decided to use the song ‘Hand Grenades’ by The Offspring as the music in the background, as the song is only 35 seconds long.

I decided to use various different fonts in this piece to make it look more interesting, as well as animating each word in a different style. I also decided to give the background a different colour to make it look a bit different to the previous one.

I really like kinetic typography and definitely plan to look into additional methods of creating it.

Kinetic Typography (Part Two)

After watching several videos on Lynda.com, I managed to create my first piece of kinetic typography. Using the sound clip provided on myBU, I made some simple animations with the text. The process was very time consuming, as you have to animate each word individually and clip them to the appropriate place on the timeline, though it was also quite fun to do and became increasingly easier as time went on.

For my next attempt at kinetic typography, I want to be a bit more creative with the way the text looks, as I stuck to very basic black and white for this piece.

After Effects Workshop

In today’s workshop we were shown how to do various things in After Effects. Before we started, we had to film a short piece of footage in front of a piece of green card so that we could import it into After Effects. Once imported, we were shown how to remove the green background and replace it with whatever we wanted. I decided to put the clip of my head inside a photo frame so that it looked like a picture was moving. We were then showed a couple of different ways to animate text.

Kinetic Typography (Part One)

For this weeks task, we have been asked to create a short kinetic typography piece. Kinetic typography is the animation of words to speech. There are many examples of kinetic typography on sites such as Youtube, which were created using specialist software such as Adobe After Effects and Flash. To start off this task, I plan to watch some tutorials on Lynda.com in order to learn how to use After Effects to make kinetic typography.