Animation Workshop 

I dag skulle vi lave en animation gennem css og adobe illustrator. Det første der skulle laves var en tegning i illustrator, men for at css filen kunne bruge billedet til en animation skulle man sætte det samme billede ved siden af hinanden og kun rykke elementerne i små step for at danne en bevægelse, for således at lave et sprite sheet animation.

Jeg startede med at lave et storyboard, så jeg kunne holde overblik over hvad animationen startede med og hvad den sluttede med, gerne for at lave en mulighed for et loop.

 Jeg tænkte jeg ville lave noget til min præsentationsportfolio, da jeg yderligere kunne vise at jeg kunne animere. Jeg havde lavet et logo og sat billede ind af mig selv, hvor på at historien gik ud på at der blev tændt et en lampe fra logoet som lyste ned på mig (billedet), og det skulle i animationen fremstå ligesom når man tænder for lysstofrør med en blinkende effekt.
i min animation forsøgte jeg at bruge nogle af de 12 animationsprincipper, min animation var meget simpelt har kun brugt ’’slow in and slow out princippet’’ på siderne af ”kassen”. og fik lavet i alt 25 frames.

Til selve html og css koderne, skulle vi copy/paste fra et dokument, men man skulle selv vurdere hvor lang tid der måtte gå mellem hver frame. Jeg valgte 3 sekunder. Fordi ellers så gik den alt for hurtig og lyset kom også mere til at fremstå som diskolys frem for et lysstofrør, jeg forsøgte også at sætte en ’’cubic bezier’’ kode ind for at gøre den mere glidende og så den havde en mere slow out afslutning. Men det kan man ikke når man laver sprite sheet. 

Da vi nåede deadlinen for hvornår den skulle være færdig blev der voteret hvilken en der var bedst blandt os studerende og undervisere, undervejs var der en der sagde at det mindede ham om noget fra en gyserfilm, jeg kan godt se hvad han mener, jeg synes at den lidt kom til fremstå som om jeg var god til fotografering, hvilket ville være lidt misvisende når jeg mest går op grafisk illustration. Min animation rykkedede sig lidt i slutningen, hvilket ellers var meningen i forhold til at jeg skulle løfte øjenbrynene til sidst, men bedømmelserne gik ud på at lave den mest glidende animation, og det var en af grundende til at jeg ikke vandt… tror jeg.

Refleksion:

Under hele processen følte jeg at det ville have været så meget nemmere hvis den blev lavet i After Effects mest af alt fordi der skulle laves så mange frames ud af så lidt en bevægelse og den mindste smule rykkelse på elementernes start position ville få animation til at hakke. Så selvom after effects også præcisions arbejde, kan det ikke måle sig med det her. Undervejs ledte tankerne også hen på at det her jo var den måde disney lavede film før i tiden med frame by frame, så har nu også fået en større respekt for det håndværk. Jeg tænker 100% at jeg vil dykke ned i det noget mere. Selvom animationerne er tidkrævende og kræver præcision så, når først det ligger fast så skal nok komme noget rigtig fedt ud af det, plus at det også gøre kodningen det sjovere.