Oblig.08 – Banner prosess

Nå begynner banneren, som skal reklamere for fotogalleriet, å bli ferdig. To dager før innlevering gjenstår det å gå igjennom Flash arbeidene mine, ferdigstille rapporten og få integrert banneren på mitt enkle nettsted, samt laste opp fotogalleriet. Jeg er veldig spent på om jeg klarer å få til dette på første eller andre forsøk, og gleder meg til å få alt på plass, samt vise dere hva jeg har jobbet med i 5 uker.

Banneren skal inneholde en enkel animasjon. Jeg har valgt å lage en animasjon av en bukse/jeans som blir brettet, og har jobbet med fire hovedstadier i animasjonen. Disse tegningene har jeg tatt prinscreens av, så dere kan se hvordan buksen ser ut i de ulike stegene. Først en tegning av en jeans i full lengde og bredde, bakfra. Deretter en tegning av en jeans som er brettet til den ene siden, hvor det andre «beinet» ligger bak. Videre en tegning i prosessen som viser hvordan buksen ser ut idet den blir foldet en gang. Den siste tegningen viser hvordan en jeans ser ut når den er ferdig brettet, kompakt og plassbesparende.

 

Jeg har brukt veldig lang tid på å utvikle disse fire stadiene i animasjonen, og det har vært svært krevende å bruke Adobe Flash sine tegneverktøy. Jeg har allerde gjort noen forandringer til tegningene for å forenkle de enda mer. Etter mye jobbing med å tegne og finpusse på buksene har jeg laget et movie clip. Jeg har brukt en blå farge i stroke for å illustrere hvilken farge jeansen har. Jeg startet med å velge Create Shape Tween mellom de fire tegningene, og laget en animasjon på tilsammen 10 sek. Videre jobbet jeg med plassering av shape hints, altså hint man kan legge til for å få mer kontroll over animasjonen. Problemet mitt var at mellomposisjonene fra det ene stadiet til det andre ble helt feil, og absolutt ikke slik jeg hadde tenkt det. Jeg prøvde videre, og jobbet svært lenge med å få tweeningen slik jeg ønsket. Resultatet ble greit nok for å være nybegynner, men jeg følte meg veldig usikker på om dette kom til å bli godkjent.

Min eneste mulighet for å rette opp i animasjonen var rett og slett å starte på nytt, men jeg hadde fortsatt mine fire stadier å arbeide etter. Jeg opprettet et movie clip, startet med det første stadiet, og forandret tegningen i hver enkelt ramme. Deretter fortsatte jeg med å legge inn 2 sek pause, for deretter å jobbe videre med det andre stadiet, samt gradvis forandre tegningen. Arbeidet fortsatte med pause, steg 3, lage forandringer i 24 frames, pause, steg 4, pause. Animasjonen min ble 10 sek denne gangen også, men selve animasjonene kun 1 sek hver, med 2 sek pause/hold. Jeg har jobbet utrolig presist og vært nøyaktig med plassering, samt hvordan jeg har laget animasjonen. Mye tid er blitt brukt til å gå gjennom og rette opp animasjonen, og jeg føler selv jeg er mer tilfredsstillt ved dette resultatet.

På scenen skrev jeg inn tekst som skal brukes på banneren, og la til jeans animasjonen min. Måtte jobbe nøyaktig med plassering her også, og hvordan de ulike elementene skulle stå i forhold til hverandre. Tilslutt la jeg til en effekt på fotoessayets tittel for å få banneren mer interessant, en Clockwise rotasjon, som skal gjenta seg 2 ganger i sekundet. Utfordringen var å få dette til å stoppe akkurat i det animasjonen starter.

Jeg har valgt å benytte de samme fargene på animasjon og tekst som i fotogalleriet, for å skape en helhet og følelse av at alt henger sammen. For å få banneren til å fungere som en knapp/peker har jeg opprettet et button symbol og laget en knapp som er like stor som banneren, altså 640 px x 320 px. Knappen er usynlig og har kun innhold på Hit- stadiet. Fra banneren skal brukeren kunne trykke og komme direkte til fotogalleriet. Se printscreen under for hvordan banneren ser ut i scenen, det lyse blå laget illustrerer knappen.

– Annette B. D.

Oblig.08 – Størrelse og dimensjon

Siden det ikke står noe i oppgaveteksten om hvilken størrelse man kan/skal bruke har jeg gjort research på dette og kommet frem til en egen løsning. Først formulerte jeg noen spørsmål og stilte disse i forumet. Det jeg lurte på var om man skulle bruke noen bestemt størrelse på dokumentet for galleriet og banner, og evt. hvilken størrelse de anbefalte å bruke. Jeg lurte også på hvordan man kan lage en bakgrunn, siden alle dokumentene på hver scene i Adobe Flash blir de samme. Det jeg fikk til svar var at jeg selv kunne bestemme størrelsen på dokumentet, men at det må være bestemt utifra hvilke rammer de skal vises i, altså for skjerm. Bakgrunn måtte jeg lage selv, men hvordan vet jeg fortsatt ikke, og for banner ble jeg anbefalt å lete på nettet etter standardstørrelser.

Etter å ha jobbet lenge med en test til fotogalleriet, hvor jeg brukte tiff-filer, bestemte jeg meg for å lagre disse for web and devices, og lagre i JPEG. Galleriet jeg jobber med nå bruker ikke like lang tid på å lagre og legge til elementer som test-galleriet. Her ser jeg allerede en forbedring jeg har klart å løse gjennom prosessen i denne oppgaven. Jeg har brukt en scene for hvert bilde i galleriet, og vet at dette gjør at filen min blir større. Ellers har jeg prøvd å forholde meg så mye som mulig til symboler, siden dette er plassbesparende og mer oversiktlig.

For reseach på skjermstørrelse har jeg brukt denne linken, her. Fra informasjon på denne siden har jeg valgt at galleriet skal ha dimensjonene 1024 x 768 pixler.

Jeg gjorde om dimensjonene på dokumentet i Adobe Flash, og følte denne størrelsen var svært stor. Selv om det står på nettstedet at de fleste bruker en større dimensjon enn 1024 x 768 pixler, valgte jeg å forholde meg til denne som en start. Jeg har aldri laget noe i Flash før som skal lastes opp på mitt enkle nettsted, derfor velger jeg trygge løsninger å forholde meg til som nybegynner. I følge en statistikk (se her) var 1024 x 768 pixler svært populært i 2006, mens det i år er kun 13% som bruker denne dimensjonen. De fleste brukere, hele 85%, benytter en skjermstørrelse som er større enn 1024 x 768 pixler. Jeg har også tatt i betrakning at jeg ikke skal bruke noen elementer utenfor Flash-filmen.

Når det gjelder standardstørrelser for banner var det mye informasjon å finne om dette på nettet, bla. Wikipedia og Flashbanners. Banner er en slags annonse, og en form for reklame. Ønsker man å markedsføre seg på internett gjøres dette stort sett ved hjelp av bannere, for å tiltrekke seg flere besøkende og vekke interesse.

Ut i fra disse eksemplene finner man mange standardstørrelse som går igjen. Noen av dem er leaderboard, skyscraper, square, button og vertical.

Siden jeg valgte en dimensjon som ikke lengre er så vanlig for skjermstørrelse, har jeg valgt og ikke bruke en standardstørrelse for banner heller. Først sjekket jeg Adobe Flash sine Standard templates banner, men de var enten for små eller for store for mitt ønske. Jeg ønsker en banner som er like bred som innholdet i mitt enkle nettsted, altså 640 pixler bred. Dette er noe jeg ønsker å utnytte, og da kommer høyden an på hvordan animasjonen min skal være. Banneren blir en form for leaderboard, som enten skal plasseres øverst eller nederst på mitt enkle nettsted.

Ut i fra research har jeg en god begrunnelse for hvorfor jeg har valgt akkurat disse dimensjonene på dokument for galleri og banner. Jeg har tatt egne beslutninger, og tatt hensyn til mitt enkle nettsted, hvor dette skal lastes opp og integreres. Hvordan resultatet blir gjenstår å se en gang til neste uke.

– Annette B. D.