Målet:

I denne Work Shop skulle vi øve animation i CSS og afleverer en animeret logo/potrætmascot. Den skulle afspejle ens personlighed.

Først skulle vi vælge hvilken af de 12 animationstyper vi ville arbejde med.
Baseret på den valgte animationstype skulle vi kreere et storyboard for ens animation.

Jeg valgte at lave en kaffekop og en kaffekandemaskot da jeg elsker at drikke kaffe! Det er så skønt! mums!

Jeg startede med at laver skitser i Illustrator. Derefter gik jeg igang med farvelægningen.

Bagefter farvelægningen af min kaffe maskot kopierede jeg den 17 gange i illustrator og forlængede “kaffestrålen” en lille smule ekstra på hvert billede derudover fik maskotten også et meget glad ansigt der blinker.

Jeg oprettede et spritesheet med mine 17 maskotbilleder og lavede hjælpelinjer.

Da jeg var færdig med billederne skrev jeg koden ind i en html og css fil som kan ses nedenunder.

Efter lidt besvær med indstillinger kom min maskot-animation endelig frem!

Reflektion af Animation

Jeg synes at det var en interesant opgave! Meget lærerig det var også en øjenåbner, fordi hvor skal der meget arbejde til for at lave en animation! I hvert når det er første gang. Jeg synes at det var en spændende kombination mellem kreativt/design/tegne og så kode i htm og css.

Jeg glæder mig faktisk til, at skulle lave endnu en animation når jeg engang har tid til det. Der er mange af vores opgaver generelt som jeg synes er virkelig interessante og som jeg ville ønske, at jeg havde mere tid til at dykke ned i.

Noget jeg synes, var svært ved denne opgave det var, at få mine billeder til, at stå på præcist samme placeringen så det ikke hopper i selve animationen. Det brugte jeg lang tid på og kom ikke i mål desværre. Men jeg er bare glad for at animationen er der!

Jeg synes at maskotten afspejler min personlighed og arbejds-gejst, der skal massere at godt humør og kaffe til gode projekter og ny læring.