Learning Activity – Playing with Ideas

If the idea is at the heart of everything, then I would like you to think of a movie that you love. Then look at its current title sequence and come up with a new one. Sketch up rough idea in the form of a storyboard. Your storyboard needs to be at 30 frames and should be for at least 1 minute of motion design.

Denne uken og et par andre uker fremover kommer jeg til å lære, lese, lytte, skrive og se på motion design. Jeg har startet denne uken med å lese alle leksjonene fra Noroff, samt lest videre anbefalt litteratur. Videre har jeg brukt Lynda.com for å lære mer om programmet man bruker for å lage motion design, nemlig Adobe After Effects. Dette er et program som ikke hører med i pakken jeg kjøpte ved skolestart. Programmet må man laste ned og betale for, derfor er dette noe som tar litt tid. Programmet har jeg ikke fått installert og testet ut enda.

Motion design er sterkt knyttet til animasjon. Det er svært viktig at man har gode ideer og bruker mye kreativitet. Begynn med å lage et konsept, deretter å skrive, videre lag moodboards og storyboards etterpå, deretter må du redigere og tilslutt blir dette det vi kaller motion design. Motion design kan være en blading av fine art, fotografi, typografi, illustrasjon, film og musikk. Motion design har en kort historie og en rask utvikling.

Til denne oppgaven har jeg valgt filmen Twilight Breaking Dawn part 2. Denne filmen er basert på bøker skrevet av Stephenie Meyer. Den originale title sequence fra filmen kan du se her: http://www.youtube.com/watch?v=wwX4JL1c8qY

Først lagde jeg 30 ruter og skisserte ned noen ideer. Slik ble det første resultatet:
storyboard

Slik ble det neste og det ferdige resultatet. Her har jeg med navn på skuespillerne, illustrasjoner som karakteriserer hver skuespiller, titler og utsnitt fra bøkene, landskap og natur, samt produsent, forfatter av bøkene og andre viktige navn. Itillegg til dette er månens forvandling inkludert, og hva som skjer da.. Du må se filmen for å vite!
storyboard1

Jeg har brukt mer enn 3 timer, som var foreslått for denne oppgaven. Men jeg har brukt mye tid på å skissere, samt å sette meg inn i filmen og navn, samt lære om motion design.

– Annette B. D.

Oblig.08 – Ferdig

Idag er innleveringsdagen for obligatorisk oppgave 08 – Flash. Igår klarte jeg heldigvis og ordne opp i problemene som oppsto ved integrering av fotogalleri og banner til mitt enkle nettsted. Jeg fryktet det kom til å bli vanskelig, og det var akkurat det som skjedde.

Først gikk jeg igjennom fotogalleriet; sjekket at alt var på plass og slik jeg ønsket. Deretter eksporterte jeg FLA filen til en SWF fil, altså en komprimert fil. Lagret denne filen i samme mappe som banneret. Jeg åpnet banneret i Flash, sjekket at animasjonen fortsatt fungerte og at alt var på plass. Deretter åpnet jeg Action Script vinduet og kodet riktig URL i parentesene, slik som vist under.

Jeg eksporterte denne til en SWF fil, og lagret i samme mappe som galleriet. Videre åpnet jeg Adobe Dreamweaver, index siden. Her importerte jeg banneret og la den inn nederst på siden. Jeg hadde allerede lagt til fotogalleriet i en egen Flash mappe, så denne var det bare å laste opp. Etter en del forsøk på å teste ut resultatet på mitt enkle nettsted, kom denne meldingen opp ved å klikke på banneret:

Noe var altså feil i kodingen til banneret eller plasseringen i mappene. Jeg prøvde meg frem; forandret kodingen, forandret mappeplassering, forandret filnavn etc. Den samme meldingen kom fortsatt opp. Etter mange timer begynte jeg å bli veldig frustrert, og da jeg spurte om hjelp på forumet til Noroff følte jeg meg både dum og fortvilet når jeg ikke skjønte forslagene de kom med. Uansett, etter mye fortvilelse greide jeg det tilslutt. Jeg lagret banneret som SWF på nytt, med et annet filnavn, la det til i Dreamweaver med en annen tittel, og lastet opp på nytt. Problemet var mest sannsynlig at filnavn og tittel var det samme, når jeg forandret dette var problemet løst.

Nå håper jeg virkelig at alt fungerer slik jeg ønsker, og at det fungerer likt på alle maskiner. For å komme til hovedsiden på mitt enkle nettsted hvor banneret er plassert, klikk her.

Banneret ser slik ut, og er allerede halvveis i animasjonen i denne printscreenen. Jeg har lagt til en svart ramme på banneret og sidene i fotogalleriet, for å skille de fra nettstedet og for å skape en bedre helhet i designet.

For å komme direkte til Flash fotogalleri, bruk denne linken, her.

Først kommer du til hovedside 1, som viser forsiden til fotoessayet og galleriet med fotografi, tittel og rammer. Deretter kommer du til hovedside 2, som viser titler til hvert bilde, samt tittel med tekst til fotogalleriet. Jeg håper teksten er med på å veilede brukeren til å forstå hva de ulike knappenes funksjon er. Dette er noe jeg har brukt mye tid på å få til, og for å forstå hvordan det fungerer anbefaler jeg å sjekke det ut. Fra denne siden kommer brukeren til selve galleriet, hvor knapper blir brukt for å ta brukeren tilbake eller videre i fremvisningen, eller tilbake til hovedside 2.

En annen viktig ting til denne oppgaven er rapporten, som teller 20%. Jeg legger mye arbeid i rapporten, det er veldig viktig for meg at denne fremstår profesjonelt og at den reflekterer min prosess og arbeidsmetode, samt idé og utvikling. Her kan jeg bruke litteratur og leksjoner fra Noroff som kilder, og begrunne mine valg. Hva har jeg lært? Hvordan har jeg lært det? Hvorfor? Hva har jeg gjort og hvordan?

Dette er noe jeg prøver å svare på i rapporten. I rapporten følger jeg et oppsett gitt av Noroff, hvor det starter med en innledningsdel, deretter en del om research og arbeidsprosess, videre en del om designvalg, så en del med egenevaluering og konklusjon, og tilslutt kildehenvisning og referanser. For de som ønsker å lese rapporten, totalt 10 sider, bruk linken under.

Rapport Oblig.8

– Annette B. D.

7.1 Shape Tween Animasjon

Ved bruk av shape tween skal du lage en flash animasjon hvor geometriske former skal omformes til ditt navn. Shape tween er en av metodene som er innebygget i Adobe Flash for å utføre mellomposisjonene til en grafikk fra en ekstremposisjon til en annen.

Jeg har egentlig vinterferie denne uken, men med mange aktiviteter som skal gjennomføres og en stor obligatorisk oppgave som skal utarbeides føler jeg ikke at jeg kan ta meg helt fri. Derfor kommer neste ukes aktiviteter til å bli gjennomført og postet denne uken.

Før jeg kunne gå løs på aktivitetene måtte jeg se en del videoer om de ulike animasjonsverktøyene i Adobe Flash, samt lære om prinsippet om ekstremposisjoner i animasjon. Jeg startet med å lage noen geometriske former i hvert sitt lag, og la til en bokstav lengre ut i filmen/timeline. Deretter valgte jeg Create Shape Tween, men ingenting skjedde. Etter mye jobbing med å prøve og finne feilen, startet jeg fra begynnelse igjen. Denne gangen la jeg til en bokstav og byttet bokstav etter en del frames/rammer. Slik så det ut:  

Nå forandret A bokstaven seg gradvis til en V bokstav, og ved hjelp av hints kontrollerte jeg hvordan forandringen skulle være. Etter dette bestemte jeg meg for å lage et symbol av hver bokstav og se om det ville løse noen av mine problemer. Dette ga meg ekstra mye jobb, og tiden fløy av gårde. Jeg vil ikke anbefale å bruke denne metoden til andre, men med mer øvelse går det kanskje fortere. Etter mye jobbing og slit med å få de ulike objektene på riktig plass, endte jeg opp med dette: 

Som dere ser ble ikke resultatet helt bra, men animasjonen fungerte. Problemet mitt denne gangen var bruken av free transform; flyttet jeg de geometriske figurene ble bokstavenes plassering helt feil.

Etter en pause ville jeg prøve på nytt, selv om jeg var fornøyd med at jeg endelig hadde klart å få til en animasjon. Denne gangen lagde jeg en geometriske figur som jeg kopierte i hvert lag, og etter en del frames/rammer la jeg til bokstaver i navnet mitt. Jeg brukte linjal for å plassere objektene så nøye som mulig, og planla dette på forhånd. Tilslutt la jeg til flere former og linjer, slik at resultatet skulle se ut som en buss.

En svært lærerik oppgave, hvor jeg virkelig fikk utfordret meg selv. Bruken av dette verktøyet åpner for mange valgmuligheter og idéer til andre former som kan forandre seg til noe annet. Legg merke til at den første animasjonen er laget med 1 sek, og den siste med 2 sek. Animasjonen kan du se lengre ned på denne siden, her.

– Annette B. D.

Uke 23 – Typografi/bilde – Action Script

Denne uken kommer jeg til å jobbe videre med programmet Adobe Flash. Jeg har brukt dagen idag og gårsdagen på å se gjennom ukens 10 videoleksjoner, og lese gjennom leksjoner om Action Script 3.0. I tillegg til dette har jeg vært på biblioteket og lånt flere bøker, denne gangen mer i dybden av illustrasjon og animasjon ved Flash.

Fra leksjonene har jeg lært at Action Script 3.0 er et objektorientert programmeringsspråk som Flash bruker. Det vil si at jeg må bruke et eget Actions panel i programmet for å legge inn forskjellige koder, som kan være en hendelse eller en funksjon. Et eksempel på dette er kommandoen stop, den gjør at flashfilmen stopper ved en ramme. Det finnes to typer actions; 1. Frame actions, som utfører en kommando når filmen når en definert ramme og 2. Button actions, som utfører en kommando etter interaksjon fra brukeren.

Huskeregler for Action Script (det jeg har lært så langt som er svært viktig):
– Navngi koding riktig, og påse at alle elementers navn er riktig. Movie Clip skal navngis med _mc, og button skal navngis med _btn
– Opprett et eget lag hvor du kan legge inn Actions, husk og lås andre lag du har i programmet når du arbeider.
– Bruk labels for navigering, og i sammenheng med kommandoen goto.
 Avslutt alltid syntaxen med semikolon ; 

– Annette B. D.