Gruppeopgave - Animation

Transkript

1 Gruppeopgave - Animation Gruppe 1 Augusta Holten Eik Franksdottir Mikkelsen Josefine Louise Barsøe Nielsen Thomas Maruia Andersen Hjemmeside: fuldafliv.dk Link til vores løsning (virker kun i Google Chrome): jbarsoe.dk/fuldafliv 1

2 Indhold Idé og konceptgenerering Kreativt brief Styleguide Charactersheet Storyboard Mini-manuscript Sekvensdiagram Screenshot Refleksion 2

3 Idé og konceptgenerering Generelt På den nuværende hjemmeside fuldafliv.dk, er animationerne generelt meget neutrale og udtryksløse. Vi valgte at lave stilen meget anderledes og sætte mere fokus på animationerne i form af farver og udtryk. Farver Farverne er i stærke og klare farver. Der er generelt mere karakter på farverne i vores udgave end på den nuværende side. Animationer Animationerne skal tegnes sjove og i en tegnefilmsstil. Vi blev inspireret af Disney Channels tegneserie Phineas og Ferb. Figurerne tegnes i stærke farver og får en tydeligere og tykkere konturstreg end på de nuværende animationer. Vi gør figurerne udtryksfulde, så hver person får en personlighed og bliver mere spændende og karakteristiske. Forside Som teenager kan det være svært at gå i byen pga. aldersgrænsen på diskotekter. Vi valgte derfor at se på vores egne erfaringer, fra da vi var unge og skulle drikke. Forsiden bliver derfor et billede af en typisk privatfest på en teenage-piges værelse. Det ses tydeligt på værelset, at pigen langt fra er voksen, hvilket skal være med til at vise, at det stadig er meget unge mennesker, som der er tale om - og derfor fik værelset en stærk kontrast mellem barn og teenager. Interaktiv historie Den interaktive historie foregår i et køkken, hvor man ser en mor og en teenager. Rundt i køkkenet er der placeret elementer, som man kan trykke på, hvor der kommer et spørgsmål op, som har relation til elementet. Den interaktive historie udspiller sig helt efter brugerens handlinger (hvilke elementer brugeren trykker på). Hvert element har en lyd og når musen køres henover et af elementerne, skal de blive lidt større. Afhængig af om man trykker ja eller nej til spørgsmålet, kommer der en reaktion fra teenageren. 3

4 Kreativ brief Hvem er målgruppen? Forældre og teenagerer. Hvad er budskabet? Forældre skal have holdninger til deres teenagers alkoholvaner. Hvad er formålet? At give forældre holdninger til deres barn alkoholforbrug. Hver er afsenderen? Kræftens Bekæmpelse. Hvad vil vi gerne have målgruppen skal tænke om os? At vi har indblik i hvad unges alkohol vaner er og hvordan forældrene kan håndtere dem. Hvordan er vores kommunikation? Uformel, hverdagssprog, nede på jorden. Via hvilket medie kommunikerer vi? Website. 4

5 Styleguide 5

6 Hovedperson - pige Charactersheet Hovedperson - dreng 6

7 Biperson - pige Mor Far Biperson - dreng 7

8 Baggrundsbilleder Forside: Interaktiv historie: 8

9 Ekstra animationer Elementer i interaktiv historie "Den virtuelle teenager" quiz-billede 1 til forside Talebobbel "Hvad er din alkoholdning?" quiz-billede 2 til forside Kikkert i vindue på forsiden "Hvad ved du om unge og alkohol?" quiz-billede 3 til forside Far med kikkert i busk 9

10 Storyboard Frame 1 Ur Invitation Ølkasse Mønter Skoletaske Indkøbstavle JA NEJ Scene Frame 1 Handling: Mor, far og teenager står i køkken. Interaktion: Når brugeren klikker på et af elementerne, kommer der et spørgsmål frem. Lyd: Fuglekvidder Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke på et af elementerne Valg af elementer Interaktion: Når brugeren klikker på uret, kommer der et spørgsmål frem med valgmuligheder. Lyd: Tik-Tok -lyd Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke et af svarmulighederne. Ur Invitation Interaktion: Når brugeren klikker på et af konformation invitationen, kommer der et spørgsmål frem med valgmuligheder. Lyd: Kirkeklokker -lyd Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke et af svarmulighederne. 10

11 Ølkasse Interaktion: Når brugeren klikker på ølkassen, kommer der et spørgsmål frem med valgmuligheder. Lyd: Flasker der klirrer Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke et af svarmulighederne. Mønter Interaktion: Når brugeren klikker på glasset med mønter, kommer der et spørgsmål frem med valgmuligheder. Lyd: Mønter der risler. Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke et af svarmulighederne. Skoletaske Interaktion: Når brugeren klikker på skoletasken, kommer der et spørgsmål frem med valgmuligheder. Lyd: Lynlås der lynes op. Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke et af svarmulighederne. Indkøbstavle Interaktion: Når brugeren klikker på indkøbstavlen, kommer der et spørgsmål frem med valgmuligheder. Lyd: Der skrives på tavle -lyd. Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke et af svarmulighederne. Svarmuligheder JA Interaktion: Når brugeren klikker på svarmuligheden Ja, bliver teenageren glad. Lyd: Ingen Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke et af svarmulighederne. NEJ Interaktion: Når brugeren klikker på svarmuligheden Nej, bliver teenageren sur/ked af det. Lyd: Ingen Tid: Ubestemt. Det kommer an på hvor lang tid brugen er om at klikke et af svarmulighederne. 11

12 Mini-manuscript Scene: Mor, far og teenager står i et køkken. Tryk på ur: Spørgsmål: Må jeg selv bestemme, hvornår jeg kommer hjem fra festen? Valg: Ja/Nej Tryk på indkøbsseddel: Spørgsmål: Vil du købe en flaske vodka med, når du skal ud og handle? Valg: Ja/Nej Tryk på skoletaske: Spørgsmål: Må jeg tage i parken efter skole og drikke øl med vennerne? Valg: Ja/Nej Tryk på ølkasse: Spørgsmål: Jeg tager lige 3 øl, ok? Valg: Ja/Nej Tryk på glas med mønter: Spørgsmål: Kan jeg låne 200kr til at købe alkohol til en fest i morgen? Valg: Ja/Nej 12

13 Sekvensdiagram Sekvensdiagram forside Sekvensdiagram interaktiv historie 13

14 Screenshots Kræftens bekæmpelse's site - forside Vores site - forside 14

15 Screenshots Kræftens bekæmpelse's site - quizbilleder Vores site - quizbilleder 15

16 Screenshots Kræftens bekæmpelse's site - den virtuelle teenager Vores site - den virtuelle teenager 16

17 Refleksion Animations stil Vi har blandet de to stile Flat Design og Simple-Manga, som typisk bliver brugt i tegnefilmsgenren. Vi har brugt den tydelige konturstreg fra stilen Simple-Manga samt de store øjne og de overdrevede udtryk hos animationerne. Derudover har vi også brugt stærke farver, som også typisk ses i denne stil. Idet vi gik efter en meget anderledes stil end den nuværende hjemmeside, passede denne stil godt til vores ønskede stil. Flat Design stilen har vi hentet inspirations fra, idet vores animationer ikke har skygger og vi vores animationer er mennesker og ikke væsner. Farver Vi har gjort brug af stærke farver, idet det passede bedst til vores animationsstil. Pigen, som er hovedpersonen i vores fortælling, er i lysere farver, så hun skiller sig en anelse ud fra de andre animationer. Vi har brugt komplimentær-kontrasten i vores ur, som gør elementet tydeligere for brugeren. Baggrunden, i den interaktive historie, er i rolige og harmoniske farver i brunlige og grønlige nuancer, som giver et hjemligt udtryk. Forside baggrunden er i feminine farver, som gør det tydeligt for brugeren at det er på et pigeværelse. Komposition I den interaktive fortælling gøres der brug af L-kompostionen og har mange lodrette og vandrette linjer, som giver harmoni i billedet. På vores forside gøres der brug af stjernekompositionen, idet vi ser igennem værelset med et vindue i enden, hvor vi ser faren kigge. Der er formkontraster i begge billeder, idet der gøres brug af både runde -og firkantede former. Viderudvikling I vores interaktive historie har vi kun en mor og en datter, som er med. Man kunne viderudvikle vores udgave til, at have valgmuligheder af køn på barnet og køn på forældre, som man også kan på den nuværende hjemmeside. Derudover kunne der viderudvikles på historien, så brugeren ender med et resultat ud fra de svar brugeren vælger. Udtrykkene i animationerne kunne også gøres endnu mere overdrevet ved brug af animationsprincipper som Squash & Stretch, " Anticipation" og evt. udvikle mere bevægelse med det 10. princip Exaggeration. 17