Issuu on Google+

Scott Wooden

Making the Invisible Visible // Semester 4

Making the Invisible, Visible Brief Introduction This brief is all about motion graphics. The use of graphics on screen with movement and sound. I have always been interested in motion graphics and this project will be interesting in terms of my own outcome. We were assigned BBC radio stations and we had to extract 20 second clips of vocal audio. No music. Just the presenters or interviews on the show. What made this harder is the fact that it had to be purely typographical. Everything had to be communicated with type meaning extra care had to be taken with choosing typeface, colour, movement and timing. As with any project I started with some initial research into Kinetic Type. There are a large volume of this online however most of them have proven to be bad student pieces getting to know the software they are working on. There are however a few golden gems created by student but particularly there is a lot out there that have been created by agencies. Kinetic type has always been a popular choice to advertise and to create a brand statement. BBC Radio 6

EGNM2007

This was my radio station I had to learn everything about it. The music they play, the shows they put on and the generally atmosphere of the station. I had to figure out the target audience and research things that these people like in order to make a piece that resonates within them.

In brief, Radio 6 deliver iconic ground breaking music over the last 4 decades. Anything that can be considered Iconic, beatles, queen are played on this station. They target an audience of all ages who prefer to stay away from mainstream music but listen to old classics and modern originality.

Chosen BBC 6 Extract

Chosen Dialogue

I chose a clip from the “Adam & Dave Show” as they are one of the most fundamental icons of that radio station. The interesting thing about these two entertainers is the way they bounce of each other with witty humour and banter. The way they interact with each other is what makes them entertaining and they are most interesting when they are together. The following Dialogue is that extract I have chosen to create my animation as it says a lot about them in terms of personality and humour.

Joe: Were Adam and Joe. and were back!

The next for this project is to look at the brand of Radio 6. To create a style board and plan out the visual style of my animation. I also need to figure how I am going to animated this piece as it will greatly affect the message I am trying to convey.

Adam: We’ve been away for a very long time, I’ve found a new way of speaking Joe: Yeah you’ve got a weird ah Chestical Infection. Adam: I’ve got a Ca..... Yeah I’ve got problems with my chesticals Joe: A.... Are both your chesticals infected? Adam: I think they mighhhhhhhhht be.. Yes Joe: They are looking particularly withered: Adam: Yeah they are aren’t they, they are feeling very gluey and um hanging quite low.

1


Scott Wooden

Making the Invisible Visible // Semester 4

Initial Research Styles, Mood Board & Pre-vis Experiments Style is an important aspect in this particular project as the whole message will be conveyed thorough type and therefor how the type is displayed, its appearance and its motion. My mood board gives me an overview of what style to achieve. I plan to aim for a piece with stripes and bright vivid colours to reflect Adam & Joe’s edgy light hearted, cheeky attitude. The stripes on the top right seem like the right colours to aim towards as they are not too overpowering. They are slightly washed out almost like a vintage effect. Stripes also tend to ooze rhythm when we see them and that can help translate the fast paced conversation of Adam & Joe. Pre-vis Experiments I created a number of short visualisation experiments to begin looking at font and form in this animation. The first experiments shows words being displayed diagonally and this gives the idea of being quirky and edgy. The initial ideas behind this piece was to include short snappy camera movements between text to signify Adam & Joe’s performance in bouncing of each other humour. The second visual experiment focuses more on the idea of being iconic and vintage using stripes and tears to convey this. This seems to be the weaker one of the two as the use of stripes in the typeface make it seem awkward and out of place. Feedback Initial feedback led to the idea further exploring the typeface as it did not really fit their character. The colours however worked well and it was suggested to introduce more edginess to the animation either via stripes or other geometric shapes that could somehow link the two personalities together. New Strategy I liked the idea of somehow linking the two personalities together and showing this energy they pass between them which keeps the show vibrant and interesting. I continued with further research but this time into kinetic type to try and gain an insight into different movements and effects which would emphasize the vibrant, iconic show these people put on.

EGNM2007

2


Scott Wooden

Making the Invisible Visible // Semester 4

Conan O’ Brien Typography

Stephen Hawking BBC Promo

State of the Internet

This 3D animation piece has a nice smooth camera flow between each sentence. The designer has captured the personality of Conan 0’brian well through the use of different fonts which have been rounded to look warm and inviting. Colours also help with this with as he uses just two colours that are bright and simple. The use of different fonts keeps the video engaging but also I think captures different aspects of Conan’s personality.

The idea behind this piece is good in reflecting the man they are advertising. The animation uses depth of field and spotty textures to suggest the idea of space. The typeface seems hand drawn and that further reflects Steven Hawking professions as a professor using a kind of chalk on board texture.

Clean and modern is what comes to mind after watching this animation piece. The camera movements are clean and straight forward allowing the viewer to focus solely on the information being displayed. Colours are clean and compliment each other. Also the colours are pastel shades which make it easier on the eyes. Pastel shades are also good for soft lighting, shown here.

http://vimeo.com/20534171

http://www.youtube.com/watch?v=vgGz6ytz-Bs

Further Research Kinetic Type & Initial Sketches The videos above are just a few examples of the different types of kinetic typography I looked into. They gave me a great insight into the existing techniques of kinetic typography and taught me that even though I just have typography to play with there is a lot I can do to manipulate it in a way that conveys the right message. The Conan O’ Brien piece and its style is close to what I want to achieve. I like the 3D aspect of this piece as it gives it depth. The soft shadows generated also conveys comfort as Conan is a comforting familiar figure with the amount of presence he has had on TV. For my piece I want to convey this same sense of comfort but also with a little edge. Adam & Joe have been known for a long time and have gathered enough exposure to be considered a familiar face on radio and TV. The sketch (right) is a vague idea of what I was going for. The idea is that there will be two main colours which divide two areas. These areas will EGNM2007

serve as the dialogue for Adam & Joe. I will then use typographic and camera movements to enhance what is being said through timing and rhythm. I still need to experiment with the whole visual style, and how I am going to get their personalities down in a visual form.

3

http://vimeo.com/9641036


Scott Wooden

Making the Invisible Visible // Semester 4

Idea Development Visual Style Tests These are just a few of the visual test I did to get the look of the animation right. I initially started with the top left render and immediately I could tell that the lighting makes the type dull and flat. Therefore I gave it its own luminance to really stand out from the background. The glow also helps put across the warm feeling I mentioned earlier which I think is one of the important personality traits. The next picture along are a number of typefaces I tried to try and capture their character. I initially though of something edgy like a serif font but many look too outdated for an animation like this. I liked the bottom right font which is a recent font called merryweather as it had nice rounded edges and strove away from looking too upper-class or old fashioned. However I settled for Alte Haas Grotesk as it has really nice rounded features and It should balance some of the edginess of the background which is shown next picture along. To create this feeling of Adam & Joe interacting with one another I introduced a number of shapes which looks as EGNM2007

4

though their sides are interacting with one another. Things such as stripes, circles and other patterns make the two sides more dynamic and reflect the ping pong nature of their humour. These patterns also count of the edginess of their personality and balance out the rounded corners of the typeface.


Scott Wooden

Making the Invisible Visible // Semester 4

Idea Development Storyboards & Final Style Displayed are the rough storyboards used to help me plan out type layout and timing. This helped me blot out roughly where everything was going and using the guide I can begin working out where the camera movements needed to go. The animations are quite simple as I plan to pay critical attention to the timing of the appearance of each word to ensure quality synchronicity and flowing rhythm. The aim is to get the viewer to see the words exactly as its being said no matter how quick to ensure the flow is not broken.

EGNM2007

Style The raw rendered piece is shown here and you can see all the elements in this one frame. The edgy stripes leads the viewer to the next bit of dialogue similar to snakes and ladder and always adds that connection of interactivity between Adam & Joe. The typeface is bright enough to stand out but not so much that it is not readable.

5


Scott Wooden

Making the Invisible Visible // Semester 4

Final Outcome Outcome & Evaluation Overall I think my outcome puts Adam & Joe’s character in visual form very well. The piece is bright, and vibrant however I do feel like the yellow is not quite right, having as it seems to have a hint of green in it make it look almost sickly. It was hard to rectify this and this yellow was the best I could create. In terms of timing I think the camera has a natural flow and rhythm to it, ensuring the each word is revealed not to late but not to early either. However it can be said that the camera does still need some tweaks to neaten it up in terms of its position. I think the typeface was a good choice and the combination with a white luminance definitely makes it stand out with an aura of warm familiarity. I added little touches of animation such as the spotty “chesticals” to add some visual variation as it the whole 20 seconds is very similar. This also goes for the Gluey animation. The stripes do well in connecting both EGNM2007

6

dialogues together and help the user follow through the flow of the stripes. To summarise, I learnt a lot about the art of motion graphics and how to create good pieces of animation. Considering it is only 20 seconds there is still so much to think about to ensure all the messages are being conveyed in that short window of time. There are many elements I would improve through the undertaking of this project. Firstly I think more time was needed in the experimentation of visual styles as I stuck to one area (3D) and did my best to shape the style around that. In future projects I would consider all forms of animation before choosing one route to go down.


Making the Invisible, Visible Brief