Animation Workshop

Vi skulle lave en animation som vi kunne bruge til vores portfolio og evt. præsentationsportfoliet til eksamen.
Jeg valgte at lave en animation af min underskrift da jeg synes det virker personligt på en hjemmeside. Tanken var at underskriften skulle vises som et ”skriv” på hjemmesiden. Det lykkedes fint at lave en animation. Jeg brugte slow in and slow out som en af de 12 principper.
Koderne der er brugt er koder Anni lagde på ItsLearning med et helt normalt opsat og overskueligt html dokument der viser linket til css filen, hvor animationen er lagt ind samt et billede af underskriften. I CSS dokumentet har jeg skrevet højde og bredde på. De er begge sat til 500 pixels. Animationen er delt ud på 10 billeder og hastigheden er sat til 3 sekunder, så det vises hurtigt.

Jeg lavede først min underskrift på et stykke papir og så sendte jeg det til min computer og brugte Illustrators pen tool til at tegne den op. Dernæst fjernede jeg lidt efter lidt skriften og så kodet jeg et html dokumemt og et css dokument. Det virkede ikke med det samme, men det lykkedes.
Nedenunder ses mit resultat.

Det var en rigtig sjov workshop. Der var lidt komplikationer undervejs ift. peen tool i Illustrator og CSS kodningen.
Til sidst i undervisningen ville jeg gerne have animationen lagt i mit proces portfolio og det var ikke nemt, da det skulle kodes og mht. at finde de rigtige koder, så det ville virke.
Da vi var færdige skulle resten af klassen se det og vi bedømte hvem der havde lavet den bedste.
Jeg var ganske tilfreds med mit resultat, specielt fordi jeg kunne bruge det til min hjemmeside i projekt 3.