{"id":226,"date":"2019-09-14T15:19:41","date_gmt":"2019-09-14T13:19:41","guid":{"rendered":"http:\/\/maxfest.dk\/port\/?p=226"},"modified":"2019-12-14T01:47:24","modified_gmt":"2019-12-14T00:47:24","slug":"smokingpenguin-animation","status":"publish","type":"post","link":"https:\/\/maxfest.dk\/port\/vearker\/film\/animation\/smokingpenguin-animation\/","title":{"rendered":"Smokingpenguin animation"},"content":{"rendered":"\n<p>Animation af smokingpenguin maskotten fra smkokingpenguin.dk. Animationsopgave p\u00e5 Multimediedesigner uddannelsen. Opgaven bestod af at man skulle animere en af sine egne tegninger, og lave et storyboard. Dette blog-indl\u00e6g var ogs\u00e5 et krav.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Animation af smokingpenguin maskotten fra smkokingpenguin.dk <\/h2>\n\n\n\n<p>Animationen kan ses via linket, eller indlejret forneden.<\/p>\n\n\n\n<p>Link til animation: <a href=\"http:\/\/maxfest.dk\/assets\/smoking_penguin.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00e5bner i en ny fane)\">http:\/\/maxfest.dk\/assets\/smoking_penguin.html<\/a><\/p>\n\n\n\n<p>Indlejret version:<\/p>\n\n\n\n<iframe style=\"width:485px; height:485px; float:none; margin:0 auto; display:block;\" src=\"https:\/\/maxfest.dk\/assets\/smoking_penguin.html\"><\/iframe>\n\n\n\n<h2 class=\"wp-block-heading\">Udgangspunkt &#8211; Min tegning<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"220\" height=\"189\" src=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/penguin.png\" alt=\"Smoking Penguin\" class=\"wp-image-102\"\/><figcaption> Smoking penguin, som set p\u00e5 <a href=\"http:\/\/www.smokingpenguin.dk\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00e5bner i en ny fane)\">smokingpenguin.dk<\/a>.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Jeg har taget udgangspunkt i en tegning af smoking penguin, min maskot jeg tegnede til min f\u00f8rste hjemmeside, <a href=\"http:\/\/www.smokingpenguin.dk\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00e5bner i en ny fane)\">smokingpenguin.dk<\/a>. Figuren, og siden, er designet tilbage i november 2013. Jeg har skrevet mere om hjemmesiden her:  <a href=\"http:\/\/maxfest.dk\/port\/smokingpenguin-dk\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00e5bner i en ny fane)\">http:\/\/maxfest.dk\/port\/smokingpenguin-dk\/<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Planl\u00e6gningen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Storyboarding<\/h3>\n\n\n\n<p>Min fremgang for storyboard var ret simpel. Jeg t\u00e6nkte jeg ville lave noget jeg potentielt kunne anvende p\u00e5 smokingpenguin.dk. S\u00e5 animationen m\u00e5tte ikke v\u00e6re for avanceret.  <\/p>\n\n\n\n<p>Jeg har taget udgangspunkt i et storyboard skabelon fra da-examples via <a href=\"https:\/\/www.storyboardthat.com\/da\/storyboards\/da-examples\/blank-film-storyboard-skabelon\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00e5bner i en ny fane)\">www.storyboardthat.com<\/a>. Her har jeg taget storyboardet, og efterf\u00f8lgende redigeret det i photoshop.<\/p>\n\n\n\n<p>Jeg ville have gjort det med et print, men jeg havde ikke et fungerede kamera eller scanner jeg kunne bruge p\u00e5 dav\u00e6rende 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\u00e5et i stykker.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Storyboard &#8211; version 1<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard-1024x604.png\" alt=\"Smoking penguin animation storyboard version 1\" class=\"wp-image-227\" srcset=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard-1024x604.png 1024w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard-300x177.png 300w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard-768x453.png 768w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard.png 1840w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Det f\u00f8rste storyboard til animationen.<\/figcaption><\/figure><\/div>\n\n\n\n<p>At f\u00e5 pingvinen til at virke levende var vigtigt for mig. Den har meget personlighed, og har derfor brug for at virke levende.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Scenerne<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>Den skal derfor se ud som den fryser, og lave pingvin agtige bev\u00e6gelser. Den har briller, og de m\u00e5 gerne have et glimt eller en soleffekt, s\u00e5 man kan se at der er en grund til at den har dem p\u00e5. Disse bev\u00e6gelser skal v\u00e6re tilstede under hele klippet.<\/li><li>R\u00f8gen kommer frem, og skal langsomt danne et omvendt S.<\/li><li>R\u00f8g-s&#8217;et vendes.<\/li><li>R\u00f8gen skal v\u00e6re med til at stave smokingpenguin.<\/li><li>R\u00f8gen st\u00e5r et par sekunder<\/li><li>R\u00f8gen bl\u00e6ser v\u00e6k. <\/li><\/ol>\n\n\n\n<p>Klippet starter derefter forfra.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Storyboard &#8211; version 2<\/h3>\n\n\n\n<p>Jeg besluttede mig for at siden teksten ikke var del af den oprindelige tegning, at det ville v\u00e6re unaturligt del af tegningen. Jeg vendte derfor tilbage til storyboardet for at lave en simplere version, der passer bedre til det originale v\u00e6rk.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard_version-2-1024x604.png\" alt=\"Smoking penguin animation storyboard version 2\" class=\"wp-image-236\" srcset=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard_version-2-1024x604.png 1024w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard_version-2-300x177.png 300w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard_version-2-768x453.png 768w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/smoking-penguin-storyboard_version-2.png 1840w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption> Det n\u00e6ste storyboard til animationen. <\/figcaption><\/figure><\/div>\n\n\n\n<p>Det n\u00e6ste storyboard har et st\u00f8rre fokus p\u00e5 at visualisere hvad jeg pr\u00f8vede at forklare  i f\u00f8rste scene i den f\u00f8rste version. Jeg syntes selv det er bedre. Min m\u00e5de at tegne i storyboard \u00e6ndrede sig ogs\u00e5 lidt. Jeg pr\u00f8vede at tegne alt i stedet for at anvende tekst og billeder. Det gav mig mere frihed til at tegne komplekse animationer, men gjorde ogs\u00e5 teksten sv\u00e6rt l\u00e6seligt. Hvis jeg laver digitale storyboards i fremtiden, s\u00e5 vil jeg nok skrive teksten, frem for at tegne den.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Scenerne<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>Pingvinen set i sin helhed.<\/li><li>Vingerne bev\u00e6ger sig med flap bev\u00e6gelser.<\/li><li>Benne ryster.<\/li><li>Solbrillerne har en soleffekt.<\/li><li>Der er gl\u00f8der i cigaretten.<\/li><li>R\u00f8gen bev\u00e6ger sig lidt.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Forskelle fra version 1 til version 2<\/h3>\n\n\n\n<p>De grundl\u00e6ggende ting er de samme. Men der er nogle betydelige forskelle.<\/p>\n\n\n\n<p>I version  staver r\u00f8gen ikke l\u00e6ngere noget, men ligner bare et &#8220;S&#8221; fra starten. I version 1 skiftede det form, men i version 2, er det kun en mild svinge-effekt der er planlagt. Gl\u00f8derne er ogs\u00e5 kun specificeret i version 2. Bev\u00e6gelserne kr\u00e6ver heller ikke s\u00e5 meget forklaring, da de er blevet planlagt bedre.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fremgang<\/h2>\n\n\n\n<p>Klippet er animeret i Adobe Animate. I Adobe Animate er animationen blevet konverteret til en web animation. <\/p>\n\n\n\n<p>Jeg har oprettet hvert element som sin egen animation. Derefter er de blevet sammensat.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Arme<\/li><li>Ben<\/li><li>Kroppen<\/li><li>Brilleglas<\/li><li>Brillestel<\/li><li>R\u00f8g<\/li><li>Cigaret og mund<\/li><\/ul>\n\n\n\n<p>Jeg har indsat indholdet i lag, og derefter prioriteret dem. Til sidst har jeg f\u00e5et lavet et loop med pingvinen der varer 1 sekund, uden forandringer. Hver kropsdel har dog sine animationer koblet til.<\/p>\n\n\n\n<p>Jeg fulgte storyboardet det meste af vejen, men jeg m\u00e5tte lave nogle \u00e6ndringer. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Jeg kunne ikke f\u00e5 glaseffekten til at fungere som jeg ville, og m\u00e5tte anvende solglimt effekten i stedet.<\/li><li>R\u00f8gen kunne jeg ikke f\u00e5 animeret til at lave den \u00f8nskede effekt, og m\u00e5tte i stedet n\u00f8jes med at den rykker sig frem og tilbage.<\/li><li>Cigaret gl\u00f8d-effekten \u00e6ndrede jeg designet p\u00e5, efter at have researchet lidt om hvordan det s\u00e5 ud i virkeligheden.<\/li><\/ol>\n\n\n\n<p>F\u00e5r jeg mere tid, s\u00e5 vil jeg f\u00f8rst fikse r\u00f8g-effekten, og derefter glas effekten.<\/p>\n\n\n\n<p>Jeg er rimelig godt tilfreds med resultatet, og kunne godt finde p\u00e5 at uploade det p\u00e5 smokingpenguin.dk.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Animation af smokingpenguin maskotten fra smkokingpenguin.dk. Animationsopgave p\u00e5 Multimediedesigner uddannelsen. Opgaven bestod af at man skulle animere en af sine egne tegninger, og lave et storyboard. Dette blog-indl\u00e6g var ogs\u00e5 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 &#8211; Min&#8230;<\/p>\n","protected":false},"author":1,"featured_media":244,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[18],"class_list":["post-226","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","tag-mmd"],"_links":{"self":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":17,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/226\/revisions"}],"predecessor-version":[{"id":940,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/226\/revisions\/940"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media\/244"}],"wp:attachment":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media?parent=226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/categories?post=226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/tags?post=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}