Rapport Oblig 08 - Flash galleri og banner.

Transkript

1 Rapport Oblig 08 - Flash galleri og banner. De siste ukene på skolen har vi lært om Flash. I denne oppgaven skulle jeg bl.a lære grunnleggende scripting og koding for webbaserte medier, lære om interaktivitet og brukervennlighet og grunnleggende motion-graphics produksjon. Jeg har laget et fotogalleri og et flash banner som er integrert i enkelt nettsted oppgaven min. Jeg har også laget en logo til galleriet mitt som er intigrert i animasjonen på banneret.

2 TOLKING AV OPPGAVEN SKISSER Jeg skal lage et Flash Fotogalleri for Fotoessayet som var Oblig 07. For å få dette til så må jeg bruke Adobe Flash og Action script 3.0. Jeg skal også lage en logo og et Flash banner med enkel animasjon som skal ligge på nettstedet mitt og skal linkes til fotogalleriet. ARBEIDSPROSESS Det første jeg gjorde var å dele opp oppgaven siden den desto av flere deler: Flash fotogalleri, logo og interaktivt banner. Jeg begynte med å søke etter fotogalleri på nettet. Tegnet litt skisser underveis slik at ideene ikke skulle forsvinne. Syns at de som var enklest og hadde minst forstyrrende elementer var de fineste. Bestemte meg for å lage et stilrent fotogalleri selv. Jeg ønsket at bildene skulle komme godt frem og valgte å ha størrelsen på galleriet på 1024x768 pt som var anbefalt størrelse på en nettside på videoleksjonene.

3 KOMME IGANG MOODBOARDS Før jeg kunne sette i gang så måtte jeg gjøre noen forbedringer på noen av bildene i fotoessayet. Siden jeg ikke kunne noe om Flash fra før så visste jeg heller ikke hvor vanskelig, eller lett det var å skifte ut bilder i Flash galleriet mitt etterpå. Tok ikke sjansen på at jeg skulle klare det, så jobbet noen dager med fotoessayet først. UTFORDRINGER OG UTVIKLING Så var det å gå i gang med skisser til logo og til banneret før jeg satte i gang med fotogalleriet. Det var utfordrende å begynne å jobbe i flash med en så stor oppgave med flere scener. Det var vanskelig å finne feil i kodingen når ting ikke fungerte. Har sett fotogalleriet mitt i turbofart ufattelig mange ganger. Her var jo også den dårlige oppløsningen på læringsvideoene skyld i en del frustrasjon siden jeg ikke klarte å se alt hun skrev. Fordelen med å måtte jobbe så mye med oppgaven er jo at en lærer mer og det fester seg litt bedre for hver gang.

4 Jeg oppdaget at mer jeg jobbet med galleriet, mer lærte jeg og mer så jeg at jeg kunne forbedre. For eksempel så så jeg at home knappen, forrige og neste knapp forskøyv seg litt fra side til side.forstod ikke helt hvordan jeg skulle løse det da jeg hadde brukt hjelplinjer på hver side. En natt jeg lå å grublet på det, så kom jeg på at jeg hadde sett i en videoleksjon at jeg kunne stille inn verdiene under properties, så da gjorde jeg det neste morgen. Det har vært flere ganger jeg plutselig har kommet på ting jeg har sett i leksjonene tidligeren når jeg har holdt på med helt andre ting, og da har kunnet startet med ny iver neste arbeidsøkt. Jeg stevde med å linke banneret mitt til fotogalleriet. Jeg brukte point to file i Dreamweaver men fikk det ikke til å virke. Klarte å lage knapp til banneret i flash så det viste en hånd når jeg tok musen over, men ingenting skjedde når jeg trykket på den. Etter litt hjelp på forumet så oppdaget jeg at jeg har hoppet over en videoleksjon i flash. Da jeg visste at jeg måtte lage en peker, så gikk alt så mye bedre. ARBEIDSNOTATER Mange navn og mål som skal holdes styr på underveis, derfor samlet jeg alt på ett ark slik at det skulle være enklere å finne tilbake til navn og mål.

5 En annen utfordring som jeg stod ovenfor i forhold til home knappen var: skal home knappen sende brukeren til forsiden av galleriet eller til oversikten med de seks bildene? Jeg landet på at det ville være best å linke home knappen til oversikten med de seks bildene. Tenker hvis jeg selv skulle komme over galleriet på nettet og ville klikke meg litt frem og tilbake, så tror jeg at jeg hadde blitt irritert av å måtte gå innom forsiden på galleriet hele tiden. Jeg løste det med å la neste knappen på siste bilde i galleriet sende brukeren tilbake til forsiden av galleriet. Jeg syns det har blitt utrolig kjekt å jobbe med Flash og Dreamweaver nå. Jeg begynner å se mulighetene og det er veldig kjekt. Blir stolt og inspirert når jeg får ting til, og ser at også i denne oppgaven så har læringskurven vært kjempe bratt. Jeg har fått mye hjelp av medstudender når jeg har stått fast, men ser at det også er utfordringer med å være nettstudent. Noen ganger når jeg har problemer og står fast så er det ikke alltid jeg vet hva jeg skal spørre om for jeg vet ikke helt hva problemer er, bare at jeg ikke får det til slik jeg vil! Men det er god trening å tvinge seg til å sette ord på problemet da er det også lettere å finne løsninger på nettet.

6 STILUTTRYKK Farge: For å få bildene best mulig frem så har jeg valgt svart bakgrunn både på galleriet og på html-siden. Svart står er stilrent og setter fokuset på bildene i galleriet mitt. Har vært litt frem og tilbake med å ha en gjennomskinnelig knapp med alpha innstilt på 60. Laget en knapp med litt svakt mønster. Usikker på hva som ser best ut, men har landet med å ha Alpha på 0 og ha helt klare bilder. Følte oversikten så litt uferdig ut med Alpha på. Beskjæring av bilder var også en ting jeg måtte ta stilling til i forhold til oversikten min, (scene 2) Skulle de ha original format på oversikten eller skulle jeg lage et felles format for alle seks bildene. Her følte jeg etter jeg hadde skisset litt og prøvd meg litt frem at det som så mest ryddig ut, var å lage et felles utseende på bildene på oversikten, så var de i originalformat på scenene der det vises ett og ett bilde.

7 LOGO OG FLASH BANNER Da jeg skulle begynne på logoen, så måtte jeg tilbake til videoleksjonen på ny. Jeg måtte se igjennom noen av tegne og animasjonsvideoene for å komme litt inn i det igjen. Det er klart når det er så mye nytt så tar det litt tid å få inn ting. En Logo er et viktig kjennemerke for et produkt. Jeg valgte å lage en logo utifra et bilde av et litt eldre kamera (se moodboard) Dette bilde appelerte til meg og jeg syns kameraet kom godt frem. Jeg laget logoen utifra det med flere lag i Flash. Kameraet som er logoen tok jeg med meg videre i utviklingen av banneret og laget en animasjon der jeg animerte et bilde som blir tatt med kameraet og blir sendt ut til foto galleriet. Her har jeg også holdt meg til gråtoner (svart/ hvitt) for å få et rent uttrykk og for at det skal være et felles uttrykk på banner og galleri.

8 KONKLUSJON: Jeg har brukt mye tid på å lære Adobe Flash. Jeg har sett igjennom videoleksjonene og prøvd oppgaver selv for så å måtte gå tilbake til videoleksjonene flere ganger. Notater fra videoleksjonene er viktige, men noen ganger ikke gode nok. En utfordring når jeg var helt blank på Flash var å få med seg alt i videoleksjonene. Litt dårlig oppløsning på videoene slik det var vanskelig å se skikkelig hva som ble skrevet i kodene laget en del problemer. Jeg har sett en del You Tube videoer i tillegg til skolevideoene for å få mer forståelse for programmet. Plutselig løsnet det og jeg forstod hvordan jeg kunne løse ting og å gjøre ting bedre. Oppgaven har krevd høy konsentrasjon og mye krefter, men er veldig fornøyd med at jeg kom i mål. KILDEHENVISNINGER OG REFERANSER Html-leksjoner: Adobe Flash og Dreamweaver You Tube: v0y php?showtopic= mod/forum/ Google søkeord: fotogalleri, flash fotogalleri, fotoapparat LINK TIL NETTSIDEN MIN: Laget av: Laila-Marie Aanensen, dmk januar 2012, Noroff