{"id":462,"date":"2025-04-29T14:04:07","date_gmt":"2025-04-29T13:04:07","guid":{"rendered":"https:\/\/proces.mogensen-design.dk\/?page_id=462"},"modified":"2025-12-18T13:35:34","modified_gmt":"2025-12-18T13:35:34","slug":"animation-workshop","status":"publish","type":"page","link":"https:\/\/proces.mogensen-design.dk\/?page_id=462","title":{"rendered":"Animation Workshop"},"content":{"rendered":"\n
<\/div>\n\n\n\n

Opgavebeskrivelse<\/h4>\n\n\n\n

Plan for the day:<\/strong><\/p>\n\n\n\n

1)  Introduction to setting up sprite sheets in Adobe Illustrator<\/p>\n\n\n\n

2)  Introduction to coding animation<\/p>\n\n\n\n

3)  Make a storyboard and drawings<\/p>\n\n\n\n

4)  Create your spritesheet from your drawings<\/p>\n\n\n\n

5)  Calculate your grid<\/p>\n\n\n\n

6)  Coding the animation<\/p>\n\n\n\n

7)  Present by showing the result on your screen + storyboard to the audience<\/p>\n\n\n\n

8)  Vote for your favorite<\/p>\n\n\n\n

9)  Applause for the winners!!<\/p>\n\n\n\n

<\/p>\n\n\n\n

Dagen startede udfordrende for mig, da jeg kom for sent og derfor gik glip af introduktionen til arbejdet med sprite sheets i Adobe Illustrator og de grundl\u00e6ggende begreber, der blev gennemg\u00e5et. Det gjorde, at jeg f\u00f8lte mig lidt h\u00e6gtet af fra starten og havde sv\u00e6rt ved at finde ud af, hvad jeg egentlig skulle lave og hvordan jeg skulle gribe opgaven an. Jeg havde mange id\u00e9er og ambitioner, men manglende forst\u00e5else for de tekniske trin gjorde, at jeg f\u00f8lte mig begr\u00e6nset i, hvad jeg kunne gennemf\u00f8re.<\/p>\n\n\n\n

Heldigvis fik jeg hj\u00e6lp fra mine medstuderende, som hjalp mig med at komme i gang. Jeg besluttede at lave en simpel animation med mit navn, hvor bogstaverne blev \u201cskrevet\u201d \u00e9t ad gangen. Det var en id\u00e9, jeg kunne overskue, og som stadig tillod mig at eksperimentere med animation og forst\u00e5, hvordan sprite sheets fungerer i praksis.<\/p>\n\n\n\n

Undervejs st\u00f8dte jeg p\u00e5 flere frustrationer \u2013 is\u00e6r da jeg ikke kunne f\u00e5 animationen til at fungere, fordi mit billede l\u00e5 i den forkerte mappe. Det var \u00e6rligt talt en af de \u00f8jeblikke, hvor jeg havde lyst til at kaste min computer ud ad vinduet (hvis der alts\u00e5 havde v\u00e6ret et vindue \u00e5bent!). Heldigvis holdt jeg ud, og med hj\u00e6lp fra underviseren og Mads fandt vi fejlen og fik rettet den. Da det hele endelig virkede, gav det en f\u00f8lelse af lettelse og en lille sejr.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Refleksion<\/h4>\n\n\n\n

Selvom det var en udfordrende dag, l\u00e6rte jeg en hel del \u2013 b\u00e5de teknisk og personligt. Jeg fik en bedre forst\u00e5else for, hvordan sprite sheets og animation fungerer i koden, og jeg blev mindet om, hvor vigtigt det er at sp\u00f8rge om hj\u00e6lp og ikke give op, selv n\u00e5r det hele f\u00f8les h\u00e5bl\u00f8st. N\u00e6ste gang vil jeg fors\u00f8ge at v\u00e6re mere forberedt og m\u00e5ske s\u00e6tte mig ind i materialet p\u00e5 forh\u00e5nd, hvis jeg ved, jeg kommer for sent \u2013 men vigtigst af alt: jeg har l\u00e6rt, at fejl og frustrationer er en naturlig del af l\u00e6reprocessen.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Opgavebeskrivelse Plan for the day: 1)  Introduction to setting up sprite sheets in Adobe Illustrator 2)  Introduction to coding animation 3)  Make a storyboard and drawings 4)  Create your spritesheet from your drawings 5)  Calculate your grid 6)  Coding the animation 7)  Present by showing the result on your screen + storyboard to the audience… Animation Workshop<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-462","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proces.mogensen-design.dk\/index.php?rest_route=\/wp\/v2\/pages\/462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proces.mogensen-design.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proces.mogensen-design.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proces.mogensen-design.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proces.mogensen-design.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=462"}],"version-history":[{"count":3,"href":"https:\/\/proces.mogensen-design.dk\/index.php?rest_route=\/wp\/v2\/pages\/462\/revisions"}],"predecessor-version":[{"id":658,"href":"https:\/\/proces.mogensen-design.dk\/index.php?rest_route=\/wp\/v2\/pages\/462\/revisions\/658"}],"wp:attachment":[{"href":"https:\/\/proces.mogensen-design.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}