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.

Uke 24 AS 3.0 Formprinsipper

Denne uken skal jeg jobbe videre med Action Script 3.0, og rette fokus mer mot design. Målet er å bevisstgjøre bruken av formprinsipper i arbeidene våre. Denne uken skal jeg kun gjennomføre en aktivitet, og samtidig jobbe med min nye obligatoriske oppgave – Flash. Min nye obligatoriske oppgave skal jeg introdusere senere denne uken.

Så langt denne uken har jeg gått gjennom videoleksjoner og lest i bøker om Flash (lånt fra biblioteket). Videre har jeg startet idémyldring og skisser av min obligatoriske oppgave. Ukens aktivitet skal jeg starte med imorgen. Det er mye nytt å sette seg inn i og lære om Flash, derfor tar det litt tid.

– Annette B. D.

5.1 Typografi og bilde

I denne aktiviteten skal du jobbe med komposisjon av bilde og typografiske elementer. Lag to komposisjoner i Flash. Den ene komposisjonen skal ha likhet/harmoni mellom typografi og bilde element. Den andre komposisjonen skal ha kontrast mellom typografi og bilde element. Begrunn utforming.

Målet med denne aktiviteten er å øke ferdigheter i komposisjon, og videreutvikle ferdigheter i programmet Adobe Flash ved å bruke flere scener i en Flash film.

Siden oppgaven ber om å lage en komposisjon av bilde og typografi, valgte jeg først å løse dette ved bruk av fotografier. Først fant jeg noen brukbare fotografier, som både viser kontrast og likhet/harmoni i seg. Deretter importerte jeg disse to fotografiene til Adobe Flash. Opprettet et nytt lag i hver scene, «bilde», og dro bilde elementene til hver sin scene.  Etter bruk av Free Transform verktøyet for å tilpasse fotografiene til dokumentet, opprettet jeg et nytt lag, «text» og la inn typografi til hvert bilde. Resultatet av de to scenene ble slik:

Bilde nr.1; oppnår harmoni siden blomstene er høyrestilt og typografi er plassert på venstre side, dessuten er fargene med på å forsterke dette. Bildet og typografi skaper en ro og harmoni, og blomstene i bakgrunnen gir følelse av likhet og repetisjon. Bilde nr.2; oppnår stor kontrast siden det gule og lilla i bilde er komplementærfarger, og typografien som er valgt passer svært dårlig til bildekomposisjonen. Den hvite fargen i typografien er dessuten en kontrast til de mørke partiene i bildet.
Etter utførelsen av disse to komposisjonene ville jeg lage to nye komposisjoner, hvor jeg kun brukte tegneverktøyer fra programmet. Dette valgte jeg både fordi jeg trenger mer erfaring i bruk av disse verktøyene, og for å øke mine ferdigheter innen komposisjon enda mer. Slik ble resultatet ved bruk av kun selection tool, rectangle tool, pencil tool, bucket tool, text tool, free transform og Proterties panelet i Adobe Flash:

Her opprettet jeg også en egen scene for hver komposisjon, samt et eget lag for bilde og tekst. Utfordringen ved harmoni komposisjonen var å få alle kvadrater like, siden jeg ikke ville benytte «klipp og lim», valgte harmoniske farger som jeg følte passet sammen. Ved kontrast komposisjonen var det en utfordring å tenke annerledes, for å oppnå ulike former og ulik plassering av typografi.

– Annette B. D.