Month: November 2014

Development and Realisation – Illustrator

In the past few weeks we have been introduced to Illustrator and Inkscape, both possible programmes we may use to produce our poster. In this weeks workshop we were shown how to use the pen and trace tool to transform a raster image into a vector image in Illustrator. One of the tasks we were given was to change certain aspects within the Starbucks logo. The process itself was relatively easy, by using the pen tool I was able to outline certain parts of mermaid and later use the anchor paint tool to fit these outlines into the curves. As you can see in the two examples below, once I had outlined one side of the logo I could simply flip the outlines to fit the opposite side. These shortcuts that we are experimenting with now, will prove to be very useful when coming to designing our posters.
Screen Shot 2014-11-27 at 11.46.06

Screen Shot 2014-11-27 at 11.53.18Once all the outlining was complete I was able to experiment with the logo as I had control of all aspects within the logo. If I wanted to change the shape or colours of the mermaids eyes I easily could have done so. Instead I went for a far simpler approach, by changing the background to pink I have almost created a breast cancer awareness logo.

Screen Shot 2014-11-27 at 11.59.10 (1)The techniques gained in this workshop will proved to be very useful as they link directly into the graphics that I wish to portray in my poster. The style flat graphics is certainly one that I will use to create my donuts, it may be simple, but fits into my target younger target audience. I now have far more confidence going into next week when I will try to make these ideas come to life in Illustrator.

Flat images - Fast Food

 

Image Source:

– http://cdns2.freepik.com/free-photo/fast-food-icons-vector-set_62147501026.jpg

Advertisements

Development and Realisation – Research 2

Approaching week two of our poster it was time to start deciding on a solid data set and looking further into design possibilities. As I discussed last week, I was struggling to narrow down a data set. It was only until talking with our seminar leader that she brought up the idea of focusing my data set around the fattest and thinnest countries. The advantages of using this data set is the variety in the percentages, ranging from 70% to 1%. I also looked into using the American States as a data set, but this encounter two main problems. Similar to the EU, Americas percentages were very narrow, meaning no clear difference could be shown through the graphics. Secondly focusing on America would result in straying away from the brief, which pacifically stated to use countries.   2014-11-26 20.38.54From research and ideas made last week I knew I wanted to include fast food products within the statistics. From this I came up with a few ideas that would possibly work best, these being fries and donuts. Fries as a graphic can work really well within statistics, especially when displayed in graph format. I would also have the advantage of choosing different types of fries, from crinkle cut, skinny and curly. The biggest issue I found with fries is how to design the poster, in my mind I can’t seem to create a style, a problem I don’t seem to have when using a donut graphic. In my mind I already have a few design ideas that I will be able to move forward on, I will soon show these on upcoming posts. The aspects of donuts is one that I can take further, for example creating a theme similar to Dunkin Donuts.

2014-11-26 20.39.14

2014-11-26 20.39.30Our seminar leader also made me realise how our poster will have to target a certain audience and market. Through the theme of Dunkin Donuts it will be very easy to target a young American audience. The bright colours and bold letters all lend themselves to attracting a younger person. In terms of markets not matter what theme I end up choosing it will defiantly be fast food. When thinking about integrating it into the market I don’t just want it stuck up on a wall, it needs to be at the centre of attention. The best way I figured of doing this was to have the infographic within the packaging. Similar to the ‘Smoking Kills’ campaign on cigarette packs, it will be unmissable.

2014-11-26 15.20.01

Development and Realisation – Research 1

With my subject for the poster decided on, it is now time to start researching statistical data about obesity. To gather my statistics I used the website ‘The World Factbook’, which included the percentages of every country in the world. With over 190 countries I soon realised I had to narrow my field of view, otherwise I wouldn’t be able to include other aspects in my poster such as child obesity. I hereby decided to focus around obesity in the EU, meaning I would only have to include around thirty countries. As shown in the image below, when gathering all the percentages there is a lack of variety. Having the statistics of each country so similar means that whatever graphics I use they wont stand out. With all this in mind I need to go away and do more research in what countries I will include, preferably I will try to find a way to include America. One idea in mind is to use the individual American states or the English counties.

IMG_0421One of the big things I wish to do in my poster is to integrate the use of food with the statistics. As shown in the two images below I feel this is how it will be best done. By taking this approach there will be an easy to understand link between the images and the text. This is a good start into my image research but a lot more can be done such chocolate, sweets and the use of fat stick men.

IMG_0422

obesity IG 2

References:

https://www.cia.gov/library/publications/the-world-factbook/rankorder/2228rank.html

Image Source:

– http://thumbnails-visually.netdna-ssl.com/obesity-in-america_50290a6c4ebc7.jpg

Introduction to Development and Realisation

With Concept and Ideation behind us it time to move onto our next unit, Development and Realisation. The unit as a whole consists of three aspects, an A2 poster, research on our blogs and lastly a class critique. The poster itself must communicate a set of ideas and data whilst focusing around a subject. With many interesting subjects to pick from, I finally decided to focus my poster around the subject “what is the fattest country”? From the very outset I feel there are many aspects that I can possibly cover, from the analytical and statistical side of things to the wide age range that this topic covers such as child obesity. As you can see in the image below I have already started to brain storm some of these ideas.

IMG_0418Within the first seminar of this unit we were looking for things that would give us inspiration towards our own poster. The website http://www.informationisbeautifulawards.com/showcase did exactly this. This website gave us great examples of award-winning infographics. For me personally its showed just how creative and informative you can be with such little text. The infographic below is possibly one of the best examples of this. It is also an example of a possible approach I may take to representing each country in my poster.

Corrupt IG 1I did some further research to find to some infographics that focused more around the subject of obesity. When first thinking about my design for the poster I had a real image in my head of the type of fonts and graphics that it would involve. I feel that the first image below best portrays this. The style of computer game graphics is one that I will defiantly to achieve. The style used in the final image is one that I also find interesting, the use of the map is something that I might try to integrate in my final design.
fast food IG 1

Obesity Infographic 1References

http://www.informationisbeautifulawards.com/showcase

Image Source:

– http://iibawards-prod.s3.amazonaws.com/projects/images/000/000/134/large.jpg?1403717630

– http://dailyinfographic.com/wp-content/uploads/2012/03/fastfood.jpg

– http://thumbnails-visually.netdna-ssl.com/bmi-in-america_50290bba9f6ec_w1500.png

Time Lapse – 2

Following on from our temporal expressions task I decided to do another time-lapse. As my first time-lapse showed, it is a great way of distorting time and can simply be produced with the movement of clouds. For my second time-lapse though, I want to branch out a bit a more, give the audience more to view. This is exactly what I did when going home in my reading week. As I live directly near a river I thought it would be to good a chance to miss. I feel this time-lapse has great depth to it, from the rope movement in the foreground, to movement in the tide and further movement in the sky.

What I truly love about time-lapses are how simple but effective they can be. I can place my iPad near my river for five house or so and capture quite something fascinating. Overall I feel this is a great example of how this course is already opening up my creative eye, from the relatively mundane clouds to the always eye-catching Norfolk broad.

After Effects – Workshop 3

With the harsh reality of winter settling in, it seemed fitting to have our workshop this week focus around snow. The workshop would give us two new abilities, the first being to move the camera angles within the frame and the second to add 3D effects.With the combination of these two techniques, we were expected to created a short video of a snowy still image.

Screen Shot 2014-11-13 at 10.17.07This project proved to be very useful in adding 3D effects into our animation, something I hadn’t done before. As we learnt in the workshop it’s not just about adding the effects, it making them look realistic. Certain aspects such as increasing the birth rate or changing the depth all had a final impact that enhanced the animation. The depth for instance, impacted on how close the snow flakes were to the frame. The variation of close up flakes and far away flake only improved the realism.

Overall I feel this workshop was very beneficial for me. Looking into the future and projects to come, I know the skills gained in this workshop will be used and used to my advantage.

Kinetic Typography

Part 1

Task four, within the portfolio project focuses around kinetic typography. We had to produce a sequence of twenty seconds or longer which consisted of kinetic typography. This sequence further had to be accompanied by a soundtrack featuring voice. Being an existing piece of media, we were given an extract from the film ‘Wolf Of Wall Street’. I did however feel that this dialogue lacked any creativity or meaning, so instead focus my sequence around a speech from the film ‘Coach Carter’.

As have little experience and knowledge of kinetic typography in the past, I thought it would be important to research the topic and see what it’s all about. Kinetic typography can be seen as a form of animation, it involves the combination of motion and text with the possible of adding of speech or music. As the briefs states, we should aim to include audio in our sequence. I hereby though it would be best to look at examples online to give me a better grasp on what I am to produce, it was when doing this that I came across a website with great examples, link found here: http://www.cssdesignawards.com/articles/10-very-inspiring-examples-of-kinetic-typography/32/. As the examples show, you have endless possibilities when coming to displaying the words onto the screen. It also shows just how creative you can when combining the text with speech or music.  This website gave me great inspiration when coming to produce my own typography.



Part 2

The sequence of Coach Carter carries along with it many meanings from fear, passion and the truth. It was because of this that I decided to add aspects to the animation that embodied the sequence, and the meanings. One of these aspects was to have the majority of the video in black and white. It would have been very easy to make the sequence more vibrant by using bright colours. This type of approach may work when using audio like The Wolf Of Wall Street but when using Coach Carter the effect of black and white is far more suited to the mood. The use of black and white further adds a continuity throughout animation, adding a constant flow through each composition. I did however at times feel it was appropriate to stray away from the use of black and white. Certain words within the speech, such as enlightened and liberated have far too much meaning to be displayed in black and white. As a result of this I changed these type of words into yellow, therefore giving them more meaning and importance when shown among other words.

The biggest constraint when producing this sequence was my knowledge and skills of Adobe After Effects. When it came to transforming text onto the composition I feel I was limited with the basics of positioning, scale and opacity. One of the main points to kinetic typography is add another aesthetic layer to the audio and text. This would have been far more achievable with a wider skill range. It is important though to create a form of continuity between the texts movement. The use of the same effects a few times can create a solid link between sentences, but to many effects will result in an unprofessional finish. I did however find that tutorials online and pure trial and error gave me the required skills to produce a high quality sequence.



Part 3

From this task, I have gained the passion and skills to create further kinetic typography sequences. Although I am pleased with my project, I would love to improve on it in the future, perhaps looking at a similar style to Steven Hubac on YouTube, link found here: https://www.youtube.com/watch?v=lV02AHc25c8. I am also keen to produce a piece that evolves around music, possibly using ‘Yeah Yeah’ by Will Moon, can be found here: https://www.youtube.com/watch?v=GaWXA5e0YTQ. This would not only be a huge challenge but would be very rewarding as the typography possibilities are endless.

Overall this task may have been very time-consuming, but also extremely enjoyable. I will hopefully gather more knowledge from After Effects and learn from my triumphs and mistakes and possibly produce an ever higher quality animation.

References

Hubac, S. (2014). Inspirational quote from Coach Carter- Our deepest fear. [online] YouTube. Available at: https://www.youtube.com/watch?v=lV02AHc25c8 [Accessed 4 Nov. 2014].

Moon, W. (2014). Willy Moon – Yeah Yeah. [online] YouTube. Available at: https://www.youtube.com/watch?v=GaWXA5e0YTQ [Accessed 4 Nov. 2014].

Cssdesignawards.com, (2014). 10 Very Inspiring Examples Of Kinetic Typography. [online] Available at: http://www.cssdesignawards.com/articles/10-very-inspiring-examples-of-kinetic-typography/32/ [Accessed 4 Nov. 2014].