Development & Realisation: Creation of Posters

Initial Idea (World Map):

As I had already began to create my initial idea, I decided to continue a little bit further so I could compare the two final designs. I traced the world map and just kept the outline so that the poster didn’t look too crowded and was easy to see the various different countries I was pin pointing. I wanted to split up to all the continents but the image I was tracing didn’t include Europe, I managed draw the line in myself but this meant that I couldn’t change the colours of Asia and Europe.

I spoke to our workshop leader and she managed to help me figure out my issue – I had to divide up the paths using pathfinder. I then added in the title and the pin points but not the flag versions as I wanted to do a clear comparison of my first ever idea to show the vast improvement.

Screen Shot 2015-01-09 at 15.32.44

Screen Shot 2015-01-09 at 00.11.10

New Idea (Timeline Journey):

As I finished the first idea and gained some more Illustrator practice and skills I moved on to the creation of my final poster. I began with the basic outline and chose which colours from my selection to use where. I did the snake like design first and then added all the various different images and icons and finally inserted the text saying which country I travelled to.

I managed my time efficiently throughout the creation of my poster as I tackled one area at a time such as all the different icons and flat design I did together so that they all looked the same and showed consistency. The same font and colours were used throughout in order to replicate existing, realistic info-graphic posters.

Screen Shot 2015-01-09 at 01.05.28

Screen Shot 2015-01-09 at 15.00.56

Screen Shot 2015-01-11 at 22.40.30

Development & Realisation: Illustrator Tutorials & Practice

After being introduced to both Adobe Illustrator and Inkscape – I decided I was more confident with the tools and shortcuts in Illustrator as I have used it briefly in the past. During our workshops we were shown the basic skills to get us started on the project, these included how to create long shadow images (known as flat design), image tracing and how to create images out of various shapes.

All the skills I learnt in these workshops will definitely help me make my poster the best possible quality as I want to utilise all the skills I have gained and practice them. In order to progress my skills and knowledge of the programme I watched various Illustrator tutorials in order to improve my workflow.

One really helpful tutorial was about how to perfect flat design, I had only done this in the workshop briefly so I didn’t feel overly confident about created various flat design images without any more guidance. The tutorial managed to explain how to achieve flat design with almost anything – before I began my official poster, I decided to have a few practices of flat design, I knew I wanted to include flags within my poster so I started off by trying out a few flags and extending their shadows. Here is what I managed to achieve:

Screen Shot 2015-01-11 at 20.24.22

Screen Shot 2015-01-11 at 20.24.53

Screen Shot 2015-01-12 at 01.07.44

For the paper airplane I watched a YouTube tutorial in order for me to perfect the 3D shape. I also used an existing icon to create the first aid box by which I copied the general shapes used. Finally, the sun was created by watching a tutorial of how to create the rays using different stroke weights. All video tutorials are referenced at the end of this post.

Screen Shot 2015-01-11 at 23.57.10

https://www.youtube.com/watch?v=yewiqKRjSc4

Screen Shot 2015-01-11 at 20.24.17stock-vector-flat-first-aid-box-icon-vector-illustration-217339768

Screen Shot 2015-01-09 at 04.00.01

https://www.youtube.com/watch?v=qTkyIH_vHN8

I used the image trace tool for the Statue of Liberty and the Map graphic. The original images are posted next to them to show little changes I made to them.

Screen Shot 2015-01-12 at 01.08.54 Screen Shot 2015-01-12 at 01.08.59

References (For the original images):

http://www.freepik.com/free-vector/statue-of-liberty-clip-art_383954.htm

http://graphicdesignjunction.com/2013/04/flat-icons-and-web-elements-for-ui-design/

http://www.shutterstock.com/pic-217339768/stock-vector-flat-first-aid-box-icon-vector-illustration.html?src=pp-same_artist-217683745-4

References (For the tutorials):

https://www.youtube.com/watch?v=qTkyIH_vHN8

https://www.youtube.com/watch?v=yewiqKRjSc4

Development & Realisation: Planning and First Drafts (2)

In order to make my new design one that ticks all the boxes in the info-graphic market I visited a website which claimed to highlight what made a good info-graphic. The four main elements to a successful poster is purpose, style, evidence and format. These would be the main things I focus on when designing my poster.

Purpose: The purpose of my poster is to visualise the various destinations I have visited over the course of my life. This should be evident to the audience based on the information given.

Style: The layout would be very structured and manipulate the audiences eyes to travel down the page accordingly. Colour schemes will be those of flat colours which are widely used in the creation of info-graphics and flat design graphics. (http://flatuicolors.com/ allows you to copy the colour code straight into Illustrator which saves time and increases your workflow)

Evidence: The evidence will be 100% accurate due to it being my past and a very personal subject.

Format: The format of my poster will be static but also be able to be printed but no interactivity will be involved.

A final element of planning which I regarded as essential was the target audience of my poster. Due to the data being personal there is no direct audience as it acts as a more informative and keepsake poster. I still want to achieve a poster which catches people attention so decided to use this colour theme below along with the detailed final draft.

Screen Shot 2015-01-12 at 00.56.53

References:

http://www.academia.edu/5615673/Visualizing_Text_The_New_Literacy_of_Infographics

http://flatuicolors.com/

Development & Realisation: Changes to Idea

The past week I have been working on my poster and have come to a stand still. I think the main explanation for this is because it doesn’t represent the information like other info-graphic posters do. I decided to still begin to create the draft on illustrator to see if the vector graphic version looked any better but I have thought of a new, completely different idea which is more attractive to the eye. I was looking at existing info-graphic posters and I really think the ones which your eyes have a clear path to follow are the most effective.

Screen Shot 2015-01-11 at 21.47.43

I discovered this poster above and immediately imagined a timeline of the places I have visited acting like a journey along the poster. The eye is drawn to the beginning of the wiggly line and goes through each step, taking in what is in that particular section. I began to start sketches for this new idea and complete some more research into how to make the most effective info-graphics.

IMG_2188

References:

http://www.123rf.com/photo_30682784_stock-vector-business-timeline-infographic-template-vector-illustration-can-be-used-for-workflow-layout-banner-di.html