Research Document Motion Design
Alexa van de Wall 512993 Edith Mentink 533760
Date: 25. 04.2015 Teacher(s): Cindy Vermeulen & Mario de Vries Version: 1
INDEX Introduction 3 Topic 4 Target audience 5 Design possibilities 6 1. Ident 6 2.Title bumpers 8 3. Livestream malfunction page 10 4. Bumper poll results 11 5. Outro 12 6. Announcement 14 7. Crawler 16 Personal vision 17 Moodboard 18 Concept 19
2
INTRODUCTION This document is a research on the motion design within the livestream. It contains chapters on the topic we will be approaching and the target audience we want to reach. We will show some design possibilities that inspire us. We will conclude the document with a moodboard and the concept we came up with.
3
TOPIC We are going to make motion design to inform our target. We are going to make the following items; Announcement Motion Design Before our livestream goes live, there has to be an image that shows people that the livestream is going live in a few minutes. A countdown, or just a ‘We’ll be live soon!’, at the exact spot where the livestream is going to be. Ident At the beginning of our livestream we’re going to show an ident to make the target familiar with us. We are going to animate our logo and we are going to make sure that the following line is projected; ‘GreenStream Media in collaboration with HANMade Production Presents Strawberry Earth.’ Title bumpers When the host and the guest come on screen, it is important for the audience to know whom they are watching. We will make an animation with the name of the host and the name of the guest which we will appear when they come on screen. Motion graphic for offline purposes Although it’s definitely not in the plan, it is possible that our livestream is going to fall out. If this happens we have to be prepared and we need something to show the audience that we’re going to be back on in a second. For example; ‘Something went wrong. We’re sorry for the inconvenience. Please hold on for just a minute, we’ll be back as soon as possible.’ Bumper poll results In the livestream we’re having a poll in which people can choose which recipe they want to make. For this poll we obviously need to know the results. We’ll show these results in a little bumper motion graphic. Bumper twitter information We, GreenStream Media, made a twitter hashtag. Our audience obviously needs to know this hashtag in order to tweet and discuss our livestream. In a bumper we will show our twitter information. Not the whole livestream, but on the moments it’s important. Outro At the end of our livestream we’ll show the viewers something as a goodbye. Like, ‘Thanks for watching, see you soon.’ This will stop it for being an abrupt ending and make it nice and smooth. Tree Motion Graphic Ask tomas for details
4
TARGET AUDIENCE The livestream targets 3 specific audiences, these are the audiences the motion designs will be targeting as well. They are people who are already interested in green lifestyle, people who aren’t interested in green lifestyle and young people who are interested in art and fashion. For more information on the target groups we refer to the communication plan chapter target groups page 6.
5
DESIGN POSSIBILITIES For every topic we talked about in the chapter Topic, we have two different design possibilities.
1. IDENT Assignment I - Motion Graphics Bumper
Pantea, H. (2013, 10 februari). Assignment I - Motion Graphics Bumper [Video]. Geraadpleegd van https://www.youtube.com/watch?v=-Q4S04l2wWw This ident uses flat design and simple animations. Using one shape to morph into another. Also the motion graphic uses diffrent typography which is nice in contrast.
6
MTV Bumper - Motion Bumpers
MTV Bumper - Motion Graphics. (2008, 08 mei). Geraadpleegd van https://www.youtube.com/ watch?v=ZQ1CA9F5eLM This Ident kinetic text. Using fun animations to inform the viewers. Also the motion graphic uses different typography which is nice in contrast. At the end the logo is clearly visible.
7
2. Title Bumpers Oscars 2015 Full Show
PICTURE SIZE 4
Oscars 2015 Full Show - 87th Academy Awards 2015 Oscars Full Show - Oscars 2015 Red Carpet. (2015, 24 februari). Geraadpleegd van https://www.youtube.com/watch?v=Xk65lW29AIs For the title bumpers we can make a transparent colored box at the bottom of the stream in which we can put the names. This is clear and people will definitely notice and maybe even remember the names. Obviously the box won’t be just squared, we’ll ake it a little fancy just like the one beneath, from the oscars.
8
Expeditie Robinson
Expeditie Robinson Afl. 13. (2014, 27 november). Geraadpleegd van http://www.rtlxl.nl/#!/expeditie-robinson-187039/d5f33e48-2413-3164-9d0b-48ec2f7cfe3b Another possibility is in little more minimalistic. For this one we can leave the box out of there and just show the name in a nice font. The font has to be clear though otherwise people may not be able to read the names properly. This style fits better with the general style of the livestream.
9
3. Livestream malfunction page even-geduld-aub If there’s gonna be a problem with the connection of the livestream, we have a page ready to tell the audience to be patient. The first option is to have a standard page that everyone recognizes because it always pops up when there is an error. It is very in your face, the colors are all over the place so we’ll probably not go for this one, but it is an option.
even-geduld-aub. (2013, 17 april). Geraadpleegd van http://www.groterodeknop.nl/even-geduld-au-b/even-geduld-aub-2/
even-geduld-aub
Lips, H. (2014, 20 juni). Problemen bij de NOS, teckel Messi heeft de kabel doorgebeten [Foto]. Geraadpleegd van http://www. parool.nl/parool/nl/31000/HAN-LIPS/article/ detail/3675782/2014/06/20/Problemen-bij-de-NOSteckel-Messi-heeft-de-kabel-doorgebeten.dhtml
10
The second option is more minimalistic. The background is an image of the studio in a very low focus (the picture will be taken before hand). Than in the middle you’ll see the line, ‘patience please’ and our logo in the right top. The image beneath will give you an idea.
4. Bumper poll results Piechart Marshall We can show the result of the recipe poll in a pie chart or in a bar chart. The chart will be in the same colors as our logo. We’re gonna show the results in percentage, in case very few people will vote, nobody will notice if it’s relative.
http://indulgy.com/post/cepnfhDZu1/marshall-andhis-charts-lmao
Apple’s iOS 7.1.1 tweaks shown to extend iPhone battery life Another thing we can do is to only show the percentage numbers, without any charts or pictures. Very minimalistic, just with an out of focus background and the right font. Kind of like the picture beneath, only without the battery obviously.
Staff, A. (2014, 24 april). Apple’s iOS 7.1.1 tweaks shown to extend iPhone battery life [Foto]. Geraadpleegd van http://appleinsider.com/ articles/14/04/24/apples-ios-711-tweaks-shown-toextend-iphone-battery-life
11
5. Outro Outro For TECH Youtubers │ Motion Graphics/Motion Design
Outro For TECH Youtubers │ Motion Graphics/Motion Design. (2015, 02 maart). Geraadpleegd van https://www.youtube.com/watch?v=MEdHhHioD_I This motion graphic uses simple and divers animations. I would like to use their style in combination with our flat design.
12
(BEST) Top 10 FREE Outro Templates - SONY VEGAS, AFTER EFFECTS, CINEMA 4D
(BEST) Top 10 FREE Outro Templates - SONY VEGAS, AFTER EFFECTS, CINEMA 4D. (2014, 20 juni). Geraadpleegd van https://www.youtube.com/watch?v=UBtuU2tIwHs This motion graphic uses flat design and simple animations. I would like to use this style because it works well with our style.
13
6. Announcement BBC // World News - ‘BREAKING NEWS’
BBC // World News - ‘BREAKING NEWS’. (2012, 19 november). Geraadpleegd van https://www.youtube. com/watch?v=J5uMMOOMSGU Before BBC world news starts their show they have a 60 sec countdown. During the countdown the logo is visible and a timer. They also have a banner with worldly information. We could also use this for our livestream, but then on information about sustainable living.
14
BBC News 24 2006 World Cup Countdown
BBC News 24 2006 World Cup Countdown. (2006, 24 december). Geraadpleegd van https://www.youtube.com/watch?v=gV-qrvQiJv0 BBC News starts their show they have a 60 sec countdown. During the countdown news footage is visible and a timer. We could also use this for our livestream, showing images of our production.
15
7. Crawler BBC // World News - ‘BREAKING NEWS’
We want to use a taper (aka crawler) during the live stream. This is one of the ways we could do ours. The difference of course would be in the style.
16
PERSONAL VISION These motion graphics will be used mostly to inform our viewers. As explained in the chapter topic you can see that each motion graphic has its own function. These motion graphics will be made in the same style as the brand design of our company GreenStream Media. All of these motion graphics need to be clear and enjoyable to look at.
17
MOODBOARD
18
CONCEPT As explained in the chapter on our topic we want to make motion graphics to support the livestream, each motion graphic has it’s own function. Motion graphics: - Announcement - Ident - Title bumpers - MG for offline purposes - Bumper poll results - Bumper twitter information - Outro
19