Semesteroppgave 01.06.2012

I dag har jeg kodet html i dreamweaver. Jeg har klart å få swf-fila av boka inn på nettsiden min og ting ser ut til å fungere slik jeg vil. Problemet mitt nå er at oppløsningen på “animasjonsfilmene” jeg har laget i after effects og lagt inn i indesign får veldig dårlig oppløsning når de spilles av i boka på nettsiden. Noen av animasjonene sprekker opp, noe som er veldig kjedelig. Men det er ikke så mye jeg får gjort med det, for det er når indesign-filen eksporteres til en swf-fil at animasjonene blir så dårlige. Med andre ord, swf-formatet ødelegger oppløsningen og kvaliteten.

Jeg har endret på noen av “animasjonene” samt noe skrift med tanke på fontstørrelse og tydelighet. Det må tas i betrakting at boka som ligger på nettsiden ikke er i 100 % størrelse, den er skalert noe ned for at den skal passe inn. De egentlige målene på boka er 1220px bred og 554px høy. Boka på nettsiden er 1150px bred og 523px høy.
Dermed har bredden blitt skalert ned 70px og høyden 31px.

Årsaken til at “animasjonsfilmene” er så pixlete i boka som vises på nettsiden, er fordi disse filmene er blitt komprimert to ganger. Første gangen når de er blitt lagret som FLV filer ut fra After Effects, deretter når de er blitt eksportert til en swf-fil ut fra indesign. Det er i hovedsak når boka og filmene eksporteres til swf-filer (flash-filer) at oppløsningen blir særdeles dårlig. Dette er noe som erger meg veldig, men i og med at boka må lagres som en swf-fil for at “animasjonene” skal kunne være med og vises på nettet, så er det ikke så mye jeg får gjort med saken. Ikke en gang mine to lærere kunne hjelpe meg med å løse dette problemet, de kunne bare forklare at det er swf-formatet som ødelegger.  Derfor vil jeg her legge ut alle “animasjonene” slik de egentlig er, i god oppløsning og kvalitet. Her er de eksportert ut fra After Effects som mov-filer, noe swf-filen ikke støtter. Det ideelle hadde jo såklart vært om “animasjonene” kunne hatt denne oppløsningen i boka også.

Trykk på navnene under for å se filmene.

Lommeboka

Marihøna

Peder

Ørepropper i nesa 

Sjokolade-eske

Kloakk-kart

Funderende Jeremia i Spindelvev

Semesteroppgave 31.05.2012

I dag har jeg støtt på problemer når det kommer til å få swf-fila inn i html siden min. Først ville det ikke fungere å skalere ned siden, deretter ble “animasjonene” i boka borte når man trykket på de, vi fikk ikke selve boka til å være sentrert på nettsiden osv. Men etter mye jobbing fant læreren og jeg ut at grunnen til problemet var en mappe vi hadde glemt å flytte på.

Dermed er jeg nå i god driv med å kode inn swf-filen. Når jeg eksporterer ut swf-filen fra indesign får jeg også med en html-fil. Denne har jeg åpnet i dreamweaver slik at jeg kan endre og justere litt på kodene der, med tanke på størrelsen og bakgrunnsfargen boka blir eksportert ut fra indesign med, samt legge den til i siden “les boka” på hjemmesida jeg lager.

Det viser seg at den orginale versjonen av boka som var 1362 px bred og 624 px høy, blir for stor til å skalere ned slik at den passer på nettsiden, oppløsningen og kvaliteten blir veldig dårlig. Jeg burker derfor den andre versjonen av boka, som er 1220 px bred og 554 px høy, denne må ikke skaleres på langt nær like mye, dermed beholder den kvaliteten og oppløsningen. Den eneste forskjellen vil være at fontstørrelsen er blitt mindre, og at det er blitt noe trangere med tanke på tekst på sidene.

Semesteroppgave 30.05.2012

I dag har jeg jobbet med å sette opp, og kode hjemmesiden til boka i dreamweaver. Tanken er at det skal være en helt enkel nettside der man kan lese boka om Jeremia, evt med noe annen info.

Tiden har gått med på å kode navigasjonsbaren og finne en passende størrelse på siden. Jeg har bestemt meg for at innholdet på siden skal ha en bredde og høyde på enten 1170px X 820px eller 1200px X 820px. Jeg håper på å kunne bruke dokumentet med en bredde på 1200px, av den grunn at da slipper jeg å skalere ned swf-filen så mye. Samt at boken blir større på siden.

Jeg vet at uansett hvilken bredde jeg velger på siden min, så må swf-filen av boka skaleres noe ned for at den skal passe i en div-tag på siden. Valget står nå mellom disse to størrelsene fordi jeg ikke er sikker på hvor mye man kan skalere ned en swf-fil før det går utover kvaliteten og oppløsningen på den.

Derfor har jeg laget et “nytt” indesigndokument av boka som er smalere og lavere enn det tidligere dokumentet, slik at dersom swf-filen ikke kan skaleres mye, så har jeg et smalere dokument jeg kan jobbe med. Så med andre ord sitter jeg nå med to versjoner av boka. En versjon som er 1362 px bred og 624 px høy (den orginale). Og en annen versjon som er 1220 px bred og 554 px høy.

Jeg har planer om å bruke morgendagen på å finne ut hvilke versjon som egner seg best å bruke, samt jobbe videre med html-kodingen av siden.

Her er noen skisser og et bilde av hvordan jeg vil nettsiden skal se ut:

 

 

Semesteroppgave 29.05.2012

I dag har jeg prøvd å eksportere det nåværende indesigndokumentet til en swf-fil og previewet den i nettleseren min. Det har oppstått noen problemer, utfordinger og “kjedeligheter”. Det viser seg at fonten jeg har valgt muligens kan bli for tynn til å være pixelbasert på nett, den blir nemlig litt uklar. Det viser seg også at de “animasjonene” jeg har satt til å gå i en loop, ved hjelp av interaktivet mulighetene i indesign, hakker noe ved slutten av “animasjonen” før den begynner å spille på nytt igjen. Dette er noe som irriterer meg litt, jeg ville helst sett at det var en gjevn flyt. Men dette er noe jeg ikke får gjort så mye med. Muligheten vil være å fjerne loopen, men da blir noe av meningen i “animasjonen” borte. Et annet problem er oppløsningen på swf-fila etter den er eksportert fra indesign, jeg har prøvd med ulike innstillinger, men har ennå ikke kommet frem til noe som er bedre enn noe annet.

Med tanke på tekst og hvilke kjennetegn en fortelling har, har jeg i dag prøvd å noe sterkere tydeliggjøre 3 utfordinger Jeremia møter på. Første hindring er at han ikke har penger, deretter møter han en skummel rotte, før han tilslutt må finne en måte å få med seg sjokoladen sin på.
Moralen i boken spiller på at selv om noen lærer bort noe med slemme intensjoner, er det tilfeller der man kan bruke kunnskapen til noe nyttig. Det som er viktig er hensikten bak hva man bruker kunnskapen til.

Sensocure

Her er mine to forslag til Sensocure logo. Den første er tenkt slik at den grønne streken skal indikere enn svak “s” samt den mekanismen de bruker for å sette sensoren inn i kroppen.
Den andre har et grafisk element som skal illustrere tre bloddroper i og med at instrumentet baserer seg på å ta målinger fra blodet.

Semesteroppgave 25.05.2012

I dag har jeg gjort ferdig nesten alle “animasjonene” i after effects. Michelle har hjulpet meg med å ta opp fler lyder. Det eneste som er litt kjedelig, er at jeg ikke har jobbet noe i Adobe Audotion eller tatt opp lyd før. Derfor er det desverre i noen tilfeller blitt noe bakgrunnsstøy på lydklippene.

Etterhvert som jeg jobber i indesign, kommer det stadig mer og mer fram en gjennomgående “simpelhet” i boka. Som jeg forklarte i et tidligere innlegg har jeg valgt å ikke legge noe farge på sidene for å gi teksten og “animasjonene” mer plass å spille på. Det samme går igjen i forsiden og baksiden på boka som også er veldig enkle. Jeg mener at forsiden på en barnebok ikke trenger å “skrike” av farger for at den skal være interessant. Jeg velger å legge vekt på en stor illustrasjon, med en tydelig, og lett leselig, overskrift som skal fange oppmerksomhet.

Semesteroppgave 24.05.2012

I dag har jeg jobbet videre i after effects med animeringen av illustrasjonene mine, og jeg begynner å bli ferdig med de fleste. Etterhvert som jeg åpner illustrasjonene i after effects legger jeg merke til at noen av de trenger litt endringer i farge, skygge osv, derfor blir det også noe jobbing i photoshop i løpet av dagen.

Jeg har lenge tenkt på at jeg vil ha lyd med som en interaktivitet i boka. Michelle har vært til stor hjelp og spilt inn lyder sammen med meg i dag. Noen lyder har hun laget, noen har jeg laget. Vi brukte Adobe Audition, som jeg ikke har jobbet i før, til å ta opp lyden. Nå består jobben av å redigere og få lyden til å passe til “animasjonen” i after effects.

Semesteroppgave 23.05.2012

Dagen i dag er for det meste blitt brukt til framføring i klassen av alles arbeid sålangt. Jeg har sitti en stund etter skolen og jobbet videre med å “animere” illustasjonene mine i after effects. Nå har jeg funnet ut at jeg må lagre filmene jeg rendrer ut fra after effects som FLV filer, dermed vil de fungere i swf-filen som blir fil-måten jeg eksporterer boka mi som.

Under fremvisningen av hva jeg har gjort siden sist, fikk jeg litt konstruktiv tilbakemelding. Blant annet på at jeg muligens kunne farge eksen til sjokoladekonfekten i en annen farge enn brun f.eks lilla. Jeg prøvde på det, men fant raskt ut at jeg syns den brune esken passet best, derfor har jeg heller jobbet med å skyggelegge den bedre.

Grunnen til at jeg ikke legger ut “animasjonene” jeg lager, er fordi de vil avsløre hva som skjer i boka. Da er det bedre at man får se teksten og “animasjonene” sammen i boka tilslutt for å skape et korrekt helhetsinntrykk.

Jeg har grublet litt over om jeg vil ha en form for farge på sidene i boka, eller om jeg skal la de være helt hvite. Jeg har til nå kommet frem til at hvitt vil egne seg best, da kommer illustrasjonene og “animasjonene” bedre frem.
Det er en del tekst i boka, og jeg har brukt tid på å kutte ned fortellingen uten å fjerne viktige aspekter. Nå føler jeg at jeg ikke kan kutte mer ned, men jeg sitter alikevell igjen med mye tekst. Denne teksten er nå plassert utover et visst sideantall, og det er blitt endel tekst på hver side. Derfor mener jeg også at det vil egne seg å ha en hvit bakgrunn gjennomgående i boka slik at det ikke blir for mye som skjer, og for trangt for teksten.

Her er den tredje utgaven av sjokoladeesken, og en endret utgave av Jeremia med ørepropper i nesa.

Semesteroppgave 22.05.2012

Det skal vist ikke være så enkelt bestandig. Det viser seg at filmene jeg rendrer ut fra After Effects har noe dårlig oppløsning i indesign. Begge lærerne har prøvd å hjelpe meg, men vi har ikke kommet så veldig mye lenger. Dermed blir det litt dårlig oppløsning på “filmene” jeg legger inn, noe som er ganske kjedelig! Det viser seg også at når man starter filmen i den ferdige swf-filen, så endrer fargene seg fra stillbildet som vises, til filmen som spilles av.

Jeg har nå kommet fram til at den beste løsningen blir å lage en posterframe – et bilde – som ligger “over” filmen før den vises, dermed blir oppløsningen noe bedre.
Men jeg har samtidig støtt på et nytt problem, jeg har laget mine “animasjoner” som quicktime-filmer. Men nå informerer indesign om at disse filmene ikke vil kunne vises til mitt formål. Dermed må jeg nå finne ut hva jeg skal lagre “animasjonene” mine som.

Etter litt konkstruktiv kritikk har jeg brukt noe av dagen til å endret litt på sjokoladen.
Samt at jeg lager “animerer” noen av illustrasjonene mine i After Effects.

Semesteroppgave 21.05.2012

I dag har jeg jobbet med en sjokoladeekse som skal gjøres interaktiv.

Jeg har laget forside og bakside til boka i indesign, og etterhvert som jeg jobber blir det stadig noen endringer på illustrasjonene.

Dattern til kusinen min har vært på besøk hos meg, så jeg viste henne tegningene som en liten test i og med at hun er i den aldersgruppen jeg ønsker at boka skal være for. Hun syns tegningene var veldig fine.

Det viser seg at jeg ikke får til å gi illustrasjonene mine den interaktiviteten jeg ønsker ved hjelp av valgene man har i indesign. Jeg har derfor bestemt meg for å “animere” det jeg trenger til illustrasjonene i After Effects. Men til nå har også det bydd på noen problemer da det blir veldig dårlig oppløsning på filene i indesign.