rprt aug 11 obligatorisk oppgave 08 22.04.2012 SILJE WOLD
inspirasjon /skisser Søket etter inspirasjon foregikk blant annet på internett, i tegneserier og blader. Det er finnes mye bra og en del mindre bra der ute. Ettersom jeg ikke leser veldig mye, så var den en bok som jeg fikk til 3-års dagen jeg hadde veldig lyst til å illustrere. Den heter Siljes morgen. Hele boken handler om lille Silje og en nydelig vårdag ute og eventyrene det bringer, også Mons treffer vi på i boken som da er katten til Silje. Spørsmål jeg stilte meg selv under researhen var: Litt informasjon om tidligere vignetter/interaktive nettsider alla Super barnetv sin? Hva kan man forvente seg av en slik vignett/nettside? Hvordan er ting satt opp? Hva vil man som bruker/ seer føle under og etter besøket. Det finnes flere ulike tv-vignetter og interaktive nettsider der ute til inspirasjon. Jeg satte meg selv veldig høye mål til hva jeg egentlig ville få til, men jeg så fort at dette ikke var mulig for meg å få til uten å bruke enda mer tid og ressurser på det, noe jeg ikke hadde. Synes det var krevende, men veldig morsomt å jobbe i et helt nytt program, selv om det satte meg litt på vent før jeg fant ut av de største vanskelighetene og synes slutt resultatet ble mye bedre enn først antatt. De visuelle virkemidlene jeg har valgt å bruke er å beholde enkelte elementer på nettsiden og vignetten for å gjøre et inntrykk. Jeg har funnet min inspirasjon hos andre vignetter og interaktive nettsider. Det som er tilfelles med de jeg har sett på er et morsomt uttrykk og et klart budskap. Målet med tv-serien er å gjøre barn mer oppmerksomme på det rundt oss, både på godt og vondt. Det er blitt brukt 10mm margin, 4 columns med 5 mm gutter og baseline grid. I tillegg er det lagt til 10 em mellom alle bokstaver i brødteksten for å gjøre det lettere for leseren
inspirasjon /skisser
målgruppe Målgruppe etter alder er helt elementært her i denne oppgaven og derfor er gruppen definert utifra hvem som er typisk lesere av denne boken, ettersom det er en barnebok. Målgruppen er forbeholdt barn i alderen 2-7 år. Ettersom aldersgruppen er lav, er det ekstremt viktig å treffe riktig på alle punkter å legge seg til et nivå hvor målgruppen forstår alt. Aktiviteter og lignende må være forbehold en yngre garde og bli designet deretter. Det er viktig at designet treffer brukeren og at det er å gjenkjenne. Det er nødvendig å gjøre ting visuelt enklere, bruke mye farger, former og enkle ord. Mitt konsept vil trekke til seg barn helt ned fra 2 års alderen og opp til 7 år.
utvikling /konsept Det er så utrolig mange like produkter i dagens samfunn. Konkurransen er stor og det er veldig vanskelig å skille seg ut. Det er derfor viktig å utvikle konsepter som er unike og enda mer relevante for brukerne eller kundene. Et konsept skal inneholde en gjennomtenkt struktur som skaper en større ramme rundt et produkt. En ramme som får frem nytten og gleden av produktet og overbeviser/informerer om hvorfor akkurat du har behov for dette produktet. Det var veldig viktig for meg å komme opp med ett unikt og spesielt konsept som skilte seg ut fra andre barne tv konsept. Jeg kom frem til et konsept som ikke bare handlet om selve boken (Siljes morgen) og innholdet i den. Dette kan da også bli tatt i bruk blant annet av barnehager og barneskoler på de laveste trinnene. Ettersom tv-serien er en barne tv-serie for barn mellom 2-7 år og er et program om Siljes morgen og hva hun ser, møter og gjør om morgenen. Siden dette er et enkelt læringsprogram vil det kunne bli benyttet som øving av lese ferdighetene til yngre barn. Konseptet går ut på at samtidig som barna får se boken i tv-serien vil de også ha muligheten til å treffe karakterene på nett også. Her vil man kunne høre kjennings melodi til tv-serien i bakgrunnen, mens de kan klikke seg gjennom sider med forskjellig informasjon og elementer.
nettside /flash For å markedsføre tv-serien mer, er det blitt laget en interaktiv nettside. Den vil fungere som en base med all informasjon rundt Siljes morgen. Denne interaktive nettsiden inneholder lyd, og 5 interaktive løsninger. Siden det er en stund siden jeg har jobbet i Flash måtte jeg gå igjennom diverse gamle notater for i det hele tatt å huske de ulike kodene, nå etter at jeg har lest de såpass mange ganger bør de sitte til neste gang. Det første du vil komme til på nettstedet er et velkomst vindu med en melding. Man klikker seg deretter videre til hoved basen for nettstedet, her vises all informasjon og man kan igjen klikke seg videre til forskjellige sider med info på nettstedet. Jeg har laget begge karakterene Silje og Mons i AI, her sørget jeg også for at alle de ulike delene kom på forskjellige layers slik at jeg senere kunne animere de i AE og AI. På nettstedet valgte jeg å holde meg til et fargepalett som inneholdt gul, flere nyanser av orange og hvit. Disse fargene gjentar seg i vignetten og videre utover i nettstedet. Isteden for å bruke veldig mye farger har jeg valgt å tone det ned å heller jobbe med noen utvalgte farger. Dette gjorde jeg for å lage et særpreg over min tolkning av boken. Nettsiden: http://elevarbeid.webstudent.no/mmd_webstudent/ silje_wold/siljesmorgen/16. swf Spillet: http://elevarbeid.webstudent.no/mmd_webstudent/ silje_wold/siljesmorgen/ spill.html
tv-vignett /AE For å lage vignetten var det AE vi skulle jobbe i, ettersom dette er et helt nytt program for meg ble det en smule vanskelig i starten, men dette jevnet seg ut. Planen var hele veien å lage ulike karakterer fra boken og en melodi som var lett gjenkjennelig, tv-vignetten skal gi en god markedsføring for den kommende barne tv serien Siljes morgen. Utsnitt, farger og ikke minst en logo som fanger interessen var veldig viktig for at markedsføringen også skulle fungere. De to karakterene i boken er det veldig viktig å få tydelig frem, men også hva meningen med tv-serien er. Det er så klart knyttet opp mot barn, men på hvilket plan. Er det en lære platform, visuell platform ell. Det er også viktig at produktet som skal markedsføre kommer skikkelig frem uten og overdrive. Når flatene ble utformet var det viktig å tenke på hvem som skulle lese/se det (målgruppen) og hvilken beskjed tv-serien ville utgi seg som. Det er de samme fargene som er blitt brukt gjennomgående. Typografien som ble valgt og som blir brukt på alle flater er Delicious, den ble brukt i alle varianter. Den har runde, lekne bokstaver, noe som assosieres med harmoni, glede, lek og barn.. Grunnen til at de samme fontene og fargene blir brukt gjennom både tv-vignetten og den interaktive nettsiden og spillet er kun for å skape en base hvor en spesiell målgruppe vil kjenne oss igjen. I tv-vignetten valgte jeg å holde meg til den fargepaletten jeg allerede hadde kommet frem til nemlig gul, ulike nynser av orange og hvit. I vignetten ville jeg vise boken Siljes morgen i en litt oppdatert utgave, litt annerledes utgave. Vignetten i seg selv er veldig enkel ettersom dette er første gang. Det første jeg gjorde var å lage et storybord, dette var ikke like lett som det jeg hadde trodd (å tenke på sekunder men tegne i eks ant. ruter var vanskelig). Men etter litt prøving og feiling fant jeg ut av hva jeg ville gå for. Det ble en versjon hvor det kommer inn tekst etter beaten på melodien, Silje kommer gående over skjermen og skriften Siljes morgen kommer til syne etter henne. http://www.youtube. com/watch?v=qsyjm_ ywqku&feature=youtu.be
spill /flash For å markedsføre tv-serien mer, har jeg laget et interaktivt spill. Det handler om katten Mons fra Siljes morgen som vil ta edderkoppene som kryper ned. Dette spillet har 3 forskjellige scener. En start scene hvor du får informasjon om spillet. En spill scene hvor det kommer edderkopper krypende nedover. En slutt scene eller tapende scene. Man har tilsammen 5 liv, for hver gang en edderkopp treffer deg dør du. For hver edderkopp du treffer får man 10 poeng, hvis en edderkopp unnslipper mister du 5 poeng. I tillegg til at det kommer flere edderkopper av gangen vil også spillet øke hastighet etterhvert som tiden går. På nettstedet valgte jeg å holde meg til et fargepalett som inneholdt gul, flere nyanser av orange og hvit. Disse fargene gjentar seg i vignetten og videre utover i nettstedet. Istedet for å bruke veldig mye farger har jeg valgt å tone det ned å heller jobbe med noen utvalgte farger. Dette gjorde jeg for å lage et særpreg over min tolkning av boken. http://elevarbeid.webstudent.no/mmd_webstudent/ silje_wold/siljesmorgen/ spill.html Ganske morsomt og vanskelig spill man gjerne prøver igjen for å sla gammel score. Spillet er kun laget i en scene, det er 3 frames med ulike elementer og actionsscripts.
storyboard /flash-side Storyboardet korter ned hva som skjer med interaktivitetene ved hjelp av piler og tekst.
storyboard /tv-vignett Storyboardet ser ikke så veldig profesjonelt ut, men likevel. Jeg forstår utifra bildene hva videoen går ut på og det er jo også litt av poenget og korte ned mest mulig og ta i bruk hjelp av piler etc, for å vise plassering osv av elementer.
evaluering /arbeid En evaluering av min egen arbeidsprosess. Her vil jeg si litt om hva som kunne blitt gjort annerledes altså hvordan jeg kunne brukt tiden bedre, tatt bedre valg designvalg ol. Skulle gjerne brukt tiden bedre i AE, det er et program jeg aldri har prøvd før. Synes det var ganske annerledes fra de andre programmene, tok en stund å sette seg inn i og så ganske mange videoer på youtube, for å skjønne hva de forskjellige knappene gjør. Om tiden hadde vært der ville jeg laget flere figurer og klart å animere de også på hjemmesiden. Ville også gjerne ha klart å ordne feilen i spillet, er ikke snakk om store feil, men fikk ikke tid til å ordne den. Feilen er at når du dør går det mellom 2-3sek før et nytt liv begynner, imens detter det fortsatt edderkopper. Vil egentlig at livet skal komme med engang eller at edderkoppene også venter i 2-3sek før de kommer ned.
kilder /blogg Her er en samling over kilder som ble tatt i bruk under research og utarbeiding av oppgaven. I tillegg en link direkte til bloggen. TV-VIGNETT: http://www.youtube.com/ watch?v=1ms48vpkwgo http://www.youtube.com/ watch?v=dlruzi0situ INTERAKTIVE SIDER: http://www.2advanced. com/#/home http://rcw.2a-archive.com/ http://www.badjuju.com/ www.buster2401.wordpress. com (blogg) LINKER TIL HJELP VED OPPBYGGING AV SPILLET: http://www.adobepress. com/articles/article. asp?p=1578506 Slik fikk jeg linket spillet og nettsiden. http://www.youtube.com/ watch?v=ekzicyfdgeo&fe ature=related Bakgrunnsmusikk som man kan skru av og på etter ønske. http://www.youtube.com/ watch?v=r_qflwrsoco Hvordan lage underlag og figur/animasjon i Flash til spillet. http://www.youtube.com/ watch?v=j9gqa3mroqk Hvordan ma lager fiender. BLOGG: http://nrksuper.no/superstore/flashfiles/btv/#/tv http://nrksuper.no/superstore/flashfiles/btv/#/ http://www.govacationgame.com/ http://nrksuper.no/barnetv/ http://nrksuper.no/superstore/flashfiles/btv/ http://buster2401.wordpress.com/