Animations WS

Animation Workshop

I denne workshop skulle vi animere en illustration lavet i Illustrator vha. html og css. Vi skulle inden dagen have forberedt et design, som vi ønskede at animere.

Proces

Jeg havde inden dagen valgt at tage mit logo fra min portfolie med. Jeg synes logoet var minimalistisk, og jeg havde ideer til hvordan bevægelsen skulle foregå.

Vi fik et kort gennemgang af hvad vi skulle lave og hvordan vi gjorde, derfor gik Marie og jeg ud for at lave det sammen. Vi skulle tegen et storyboard for hvordan animationen skulle foregår. Jeg lavede 16 rammer og tegnede ved hvert punkt hvordan jeg ønskede mit logo skulle bevæge sig.

Jeg ville gerne have en glidende, smoothie effekt af stregen over “C” som gled rundt om og satte sig på plads over “C”‘et. Dernæst skulle punktummet dryppe ned fra toppen og bounce så det satte sig bagved “C”.

Jeg tog logoet jeg havde lavet i Illustrator og placeret kun den lilla cirkel og “C” ved hver frame, fordi jeg vidste at det skulle stå i samme position kontinuerende. Dernæst tog jeg stregen og kørte rundt om “C”‘et og ændrede positionen for hver frame. Når den havde været hele vejen rundt lavede jeg punktummet da jeg ønskede det skulle komme efter.

Dernæst gik jeg igang med at kode det. Jeg brugte den guide vi fik tidligere som skabelon.

Se resultat 1 under punkt “Resultat”

2. forsøg

Jeg var ikke tilfreds med animationen og havde ellers tænkt mig bare at aflevere det selvom det ikke var noget “specielt”. Efter frustration valgte jeg at lave en helt ny animation.

Jeg tegnede en stjerne, hvor jeg ønskede at bolde skulle falde ned i den. Først lavede jeg stjernen til hvert frame og fik den til at rotere med 20 grader for hver rotation. Dernæst placerede jeg en bold som ramte ned i stjernen og fik den til at dreje. Dernæst kom der flere bolde som faldt ned i en bevægelse der ligne stjernen skubbede dem.

Jeg kodede det på samme måde som tidligere

Resultat

Mit logo / Resultat 1

Stjernen / Resultat 2

Reflektion

Jeg synes, det var svært at få det, som jeg ønskede, og jeg kunne bestemt godt have sat mig mere ind i det. Mine ambitioner var sat ret lavt denne dag, da jeg havde mange tanker angående projekt 3, som vi lige var begyndt på. Det var noget, jeg godt kunne have brugt mere energi på, men jeg er alligevel ret tilfreds med, at jeg kom i mål, og jeg føler, at jeg forstår det nu.