Province Flevoland – Recreation
[av_three_fourth
Increasingly we, Cooler Media, have been getting the question: how exactly do you produce your animations? By taking you through this case study we can explain the entire process step by step. What better way to do that than talking about the animations we produced for one of our coolest clients: the province of Flevoland.
Flevoland is the Netherlands’ youngest province. One way they live up to that label is in the way they communicate to their citizens. We helped them by producing a set of animations which enabled Flevoland to inform her citizens in a fun way about a variety of subjects. For example, we produced animations concerning culture, sport, the economy and recreation.
[/av_three_fourth][av_one_fourth ]
Opdrachtgever:
Onderwerp:Recreation
Stijl:Custom made animation
[/av_one_fourth]
Script
Every animation starts with a short script: your pitch. In order to make the meeting in which we discuss the script (the Magic Meeting) effective, we ask you to do a little homework beforehand.
Naturally, the same happened for Flevoland. During the Magic Meeting with Flevoland we asked endless questions to a selection of Flevoland’s employees. We discussed everything under the sun. It is then the task of the designers, producers and script-writers to start making some sense of all that has been said. Three hours of hard work later and we presented our first ideas and first sketches! Due to this presentation the employees directly got a feel of the product. Consequently, they were able to give helpful and constructive feedback so we could improve this first draft even more. The meeting ended with consensus on the design and writing style!
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/04/Script_Flevoland.png’ attachment=’4951′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
From Sketch to Visual Design
Back in the office our designers started fleshing out the basic designs digitally and transforming into the Visual Design (PDF). This shows what the animations will look like in the definitive version. Furthermore, for every one of the 21 shots we described the to be spoken text and how the animation is going to move.
[av_codeblock wrapper_element=” wrapper_element_attributes=” codeblock_type=” ]
[/av_codeblock]
This is how we transform the basic sketches into visual design. Are you starting to get a picture in your head how the process works?
[ ]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/1.png’ attachment=’5010′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/2.png’ attachment=’5011′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/3.png’ attachment=’5012′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
[ ]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/4.png’ attachment=’5013′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/5.png’ attachment=’5014′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/15.png’ attachment=’5009′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
[ ]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/7.png’ attachment=’5016′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/8.png’ attachment=’5002′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/9.png’ attachment=’5003′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
[ ]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/10.png’ attachment=’5004′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/11.png’ attachment=’5005′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
]
[av_image src=’https://www.coolermedia.nl/wp-content/uploads/2017/06/12.png’ attachment=’5006′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_ appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ ][/av_image]
Animation without sound effects
After the ‘go’ on the designs, it was finally our animators’ turn to start working. All of the individual shots were loaded into the animation software and then our magicians, animators, bring the visuals to life! We start with the bigger picture (shot to shot). This is followed by adjusting the rhythm to the text and visuals. Subsequently, this is also the phase in which the details of the animation are added. Such details are the caricatures’ expressions, movements by objects and backgrounds. The result: a first draft of the animation, with voice actors speaking the text but without sound effects.
For anyone who has turned the sound of in a horror movie, you know what a difference music and sound effects can make! Naturally, the animation is only really finished when our sound technician has worked his magic. Not convinced? Watch these videos and draw your own conclusion!
Final animation with sounddesign
Full set of animations
In this case, we actually produced a whole set of animations. Not just one! The steps incurred were, however, exactly the same. In order to do this efficiently, our creative team actually went on site and worked for several days at the Province headquarters. This ensured the best contact with the province and therefore the best result. Curious as to what else we produced for Flevoland? Watch the video’s!
