Smokingpenguin animation

Animation af smokingpenguin maskotten fra smkokingpenguin.dk. Animationsopgave på Multimediedesigner uddannelsen. Opgaven bestod af at man skulle animere en af sine egne tegninger, og lave et storyboard. Dette blog-indlæg var også et krav.

Animation af smokingpenguin maskotten fra smkokingpenguin.dk

Animationen kan ses via linket, eller indlejret forneden.

Link til animation: http://maxfest.dk/assets/smoking_penguin.html

Indlejret version:

Udgangspunkt – Min tegning

Smoking Penguin
Smoking penguin, som set på smokingpenguin.dk.

Jeg har taget udgangspunkt i en tegning af smoking penguin, min maskot jeg tegnede til min første hjemmeside, smokingpenguin.dk. Figuren, og siden, er designet tilbage i november 2013. Jeg har skrevet mere om hjemmesiden her: http://maxfest.dk/port/smokingpenguin-dk/.

Planlægningen

Storyboarding

Min fremgang for storyboard var ret simpel. Jeg tænkte jeg ville lave noget jeg potentielt kunne anvende på smokingpenguin.dk. Så animationen måtte ikke være for avanceret.

Jeg har taget udgangspunkt i et storyboard skabelon fra da-examples via www.storyboardthat.com. Her har jeg taget storyboardet, og efterfølgende redigeret det i photoshop.

Jeg ville have gjort det med et print, men jeg havde ikke et fungerede kamera eller scanner jeg kunne bruge på daværende tidspunkt. Uden dette ville jeg ikke kunne dokumentere fremgangen for at kunne udfylde opgavens krav. Jeg var flyttet for nyligt, og min telefons kamera var gået i stykker.

Storyboard – version 1

Smoking penguin animation storyboard version 1
Det første storyboard til animationen.

At få pingvinen til at virke levende var vigtigt for mig. Den har meget personlighed, og har derfor brug for at virke levende.

Scenerne

  1. Den skal derfor se ud som den fryser, og lave pingvin agtige bevægelser. Den har briller, og de må gerne have et glimt eller en soleffekt, så man kan se at der er en grund til at den har dem på. Disse bevægelser skal være tilstede under hele klippet.
  2. Røgen kommer frem, og skal langsomt danne et omvendt S.
  3. Røg-s’et vendes.
  4. Røgen skal være med til at stave smokingpenguin.
  5. Røgen står et par sekunder
  6. Røgen blæser væk.

Klippet starter derefter forfra.

Storyboard – version 2

Jeg besluttede mig for at siden teksten ikke var del af den oprindelige tegning, at det ville være unaturligt del af tegningen. Jeg vendte derfor tilbage til storyboardet for at lave en simplere version, der passer bedre til det originale værk.

Smoking penguin animation storyboard version 2
Det næste storyboard til animationen.

Det næste storyboard har et større fokus på at visualisere hvad jeg prøvede at forklare i første scene i den første version. Jeg syntes selv det er bedre. Min måde at tegne i storyboard ændrede sig også lidt. Jeg prøvede at tegne alt i stedet for at anvende tekst og billeder. Det gav mig mere frihed til at tegne komplekse animationer, men gjorde også teksten svært læseligt. Hvis jeg laver digitale storyboards i fremtiden, så vil jeg nok skrive teksten, frem for at tegne den.

Scenerne

  1. Pingvinen set i sin helhed.
  2. Vingerne bevæger sig med flap bevægelser.
  3. Benne ryster.
  4. Solbrillerne har en soleffekt.
  5. Der er gløder i cigaretten.
  6. Røgen bevæger sig lidt.

Forskelle fra version 1 til version 2

De grundlæggende ting er de samme. Men der er nogle betydelige forskelle.

I version staver røgen ikke længere noget, men ligner bare et “S” fra starten. I version 1 skiftede det form, men i version 2, er det kun en mild svinge-effekt der er planlagt. Gløderne er også kun specificeret i version 2. Bevægelserne kræver heller ikke så meget forklaring, da de er blevet planlagt bedre.

Fremgang

Klippet er animeret i Adobe Animate. I Adobe Animate er animationen blevet konverteret til en web animation.

Jeg har oprettet hvert element som sin egen animation. Derefter er de blevet sammensat.

  • Arme
  • Ben
  • Kroppen
  • Brilleglas
  • Brillestel
  • Røg
  • Cigaret og mund

Jeg har indsat indholdet i lag, og derefter prioriteret dem. Til sidst har jeg fået lavet et loop med pingvinen der varer 1 sekund, uden forandringer. Hver kropsdel har dog sine animationer koblet til.

Jeg fulgte storyboardet det meste af vejen, men jeg måtte lave nogle ændringer.

  1. Jeg kunne ikke få glaseffekten til at fungere som jeg ville, og måtte anvende solglimt effekten i stedet.
  2. Røgen kunne jeg ikke få animeret til at lave den ønskede effekt, og måtte i stedet nøjes med at den rykker sig frem og tilbage.
  3. Cigaret glød-effekten ændrede jeg designet på, efter at have researchet lidt om hvordan det så ud i virkeligheden.

Får jeg mere tid, så vil jeg først fikse røg-effekten, og derefter glas effekten.

Jeg er rimelig godt tilfreds med resultatet, og kunne godt finde på at uploade det på smokingpenguin.dk.