{"id":33713,"date":"2022-11-24T21:31:19","date_gmt":"2022-11-24T21:31:19","guid":{"rendered":"https:\/\/totaralearning.ddev.site\/articles\/eine-schritt-fuer-schritt-anleitung-zum-erstellen-von-animationen-fuer-das-e-learning\/"},"modified":"2024-08-05T20:15:16","modified_gmt":"2024-08-05T20:15:16","slug":"eine-schritt-fuer-schritt-anleitung-zum-erstellen-von-animationen-fuer-das-e-learning","status":"publish","type":"article","link":"https:\/\/staging.totara.fortyapp.com\/de\/artikel\/eine-schritt-fuer-schritt-anleitung-zum-erstellen-von-animationen-fuer-das-e-learning\/","title":{"rendered":"Eine Schritt-f\u00fcr-Schritt-Anleitung zum Erstellen von Animationen f\u00fcr das E-Learning"},"content":{"rendered":"\n
\n

Unser Totara Academy Team entwickelt derzeit unsere neue\u00a0Plattform f\u00fcr Lernexperte<\/a> und wir wollten mehr dar\u00fcber erfahren, was sie vorhaben. In dieser Runde erkl\u00e4rt Senior Visual Designer Matt Stokes, wie er Animationen f\u00fcr das E-Learning erstellt.<\/em><\/p>\n

1. Erfassung der Anforderunge<\/h3>\n

Wenn ich ein\u00a0Animationsskript erhalte, bespreche ich es als erstes mit dem\u00a0Autor. Wir sprechen \u00fcber verschiedene Gesichtspunkte,\u00a0z.\u00a0B. ob es komplexe\u00a0Konzepte gibt, die wir vermitteln m\u00fcssen, oder ob\u00a0es Key Visuals aus anderen\u00a0Lernmaterialien gibt, die pr\u00e4sentiert\u00a0werden m\u00fcssen. Unsere Animationen m\u00fcssen im Allgemeinen\u00a0selbst\u00e4ndig funktionieren, aber auch zu\u00a0anderen Aktivit\u00e4ten passen\u00a0und als Teil eines gr\u00f6\u00dferen\u00a0Ganzen von E-Learning-Inhalten fungieren k\u00f6nnen.Manchmal entwerfen wir\u00a0als Teil der Vorbereitungsarbeit f\u00fcr die\u00a0Animation Standardmethoden zur\u00a0Darstellung von Dingen\u00a0\u2013\u00a0zum\u00a0Beispiel\u00a0Schl\u00fcsseldiagramme. Materialien wie unsere Kursabzeichen,\u00a0die in diesen Animationen verwendet werden,\u00a0stammen aus\u00a0anderen Materialien in unserer\u00a0Lernumgebung.<\/p>\n

2. Erstellung eines Storyboards<\/h3>\n

Ich erstelle ein Storyboard f\u00fcr die gesamte\u00a0Animation, damit jeder auf einen Blick sehen kann, was ich\u00a0vorschlage. Au\u00dferdem pr\u00fcfe ich, ob das, was\u00a0auf dem Bildschirm zu sehen ist, mit dem\u00a0Voiceover funktioniert. Das\u00a0Storyboard enth\u00e4lt auch schriftliche\u00a0Beschreibungen dessen, was auf dem Bildschirm passiert. Es\u00a0beantwortet Fragen wie: Wie bewegen sich die\u00a0Dinge? Was erscheint zuerst? Wie lange bleiben sie\u00a0auf dem Bildschirm? Es ist\u00a0von Vorteil, diese Entscheidungen vor der Entwicklung der Animation zu treffen.<\/p>\n

3. Zeichnung von Illustratione<\/h3>\n

Als Teil des Storyboards zeichne ich\u00a0alle\u00a0notwendigen Illustrationen bzw. Symbole. Wir haben einen\u00a0visuellen Stil f\u00fcr die Szenen unserer Szenarios. Dabei handelt es sich um\u00a0fiktive Darstellungen von Situationen, in denen\u00a0die Funktionen von Totara Learn zur Geltung kommen.\u00a0Wir verwenden immer Illustrationen\u00a0anstatt\u00a0Stockfotos von\u00a0Modellen,\u00a0damit\u00a0es nicht zu Verwirrung kommt\u00a0\u2013 die Verwendung von Illustrationen verdeutlicht, dass es sich um ein\u00a0Beispiel\u00a0und nicht um eine Fallstudie handelt. Die mit Bleistift\u00a0gezeichneten Illustrationen werden eingescannt und\u00a0in Adobe Illustrator bearbeitet.<\/p>\n

4. Aufzeichnung von Voiceovers<\/h3>\n

Dann nehmen wir die Voiceovers auf. Das wird\u00a0intern erledigt. Einige von uns haben sich etwas z\u00f6gerlich\u00a0bereiterkl\u00e4rt, dies zu \u00fcbernehmen. Wir\u00a0nutzen ein Mikrofon und Open-Source-Software,\u00a0um den Sound aufzunehmen und zu bereinigen. Wenn Sie sich Totara Academy Videos ansehen, h\u00f6ren Sie also die Stimmen des Totara Teams!<\/p>\n

5. Zusammenf\u00fchrung von Sound und Bildmaterial<\/h3>\n

Als N\u00e4chstes setze ich alles zusammen. Ich gehe jede\u00a0Aufnahme als separate Komposition in After\u00a0Effects an. Das hilft, wenn einige Segmente\u00a0des Voiceovers aufgrund der unvermeidlichen\u00a0Plan\u00e4nderungen ersetzt werden m\u00fcssen. Es hilft,\u00a0die Aufnahmen verschieben zu k\u00f6nnen, um die Pausen\u00a0zwischen die S\u00e4tze zu legen. So hat nicht nur der\u00a0Zuschauer eine Sekunde Zeit, alles aufzunehmen, sondern es sind bei\u00a0Bedarf auch kompliziertere \u00dcberg\u00e4nge\u00a0m\u00f6glich.Die Titelkarte wird zuerst animiert, wobei sich unsere\u00a0charakteristischen farbigen Bl\u00f6cke \u00fcberlappen, um\u00a0den Titel aufzunehmen. Ich folge dem Storyboard und nutze\u00a0die Assets und das Voiceover f\u00fcr jede Aufnahme. Ich\u00a0schlie\u00dfe die Animation durch Hinzuf\u00fcgen der\u00a0Endkarte ab. Diese steht aus Gr\u00fcnden der Einheitlichkeit am Ende aller unserer Totara Academy\u00a0Videoinhalte.<\/p>\n

6. Interne \u00dcberpr\u00fcfung<\/h3>\n

Wir \u00fcberpr\u00fcfen die Animation\u00a0intern mit einem\u00a0Online-Feedback-Tool. Damit wird das Feedback mit dem\u00a0Zeitpunkt verkn\u00fcpft, auf den es sich bezieht. So vermeiden wir\u00a0unklare Kommentare wie \u201edas Ding\u00a0am Anfang\u201c\u00a0oder \u201eetwa in der Mitte\u201c.<\/p>\n

7. Abschlie\u00dfende Details<\/h3>\n

Ich beurteile das Feedback und nehme alle\u00a0notwendigen \u00c4nderungen vor. Das Video kann dann\u00a0auf YouTube hochgeladen und in unseren Kursen als\u00a0HTML-Block verlinkt\u00a0werden. Wir verwenden Optimierungen im HTML, um\u00a0sicherzustellen, dass das Video reagiert und der Player\u00a0nicht am Ende\u00a0des Videos \u201eempfohlene Links\u201c\u00a0anzeigt. Wir wollen vermeiden, dass die Nutzer von s\u00fc\u00dfen\u00a0Katzenvideos abgelenkt werden! Hier ist ein Beispiel f\u00fcr eine fertiggestellte Animation in der Totara Academy.M\u00f6chten Sie einige von Matts Animationen in Aktion sehen? Melden Sie sich jetzt f\u00fcr\u00a0die Totara Academy<\/a>\u00a0an und entdecken Sie alle angebotenen kostenlosen Inhalte. Wir aktualisieren die Academy st\u00e4ndig mit neuen Kursen. Schauen Sie also regelm\u00e4\u00dfig vorbei, um die neuesten Inhalte zu sehen.<\/em><\/p>\n<\/div>\n <\/div>","protected":false},"template":"","tax\/tags":[558,557,952],"tax\/solutions":[286],"tax\/topics":[953],"tax\/industries":[],"tax\/article-types":[294],"class_list":["post-33713","article","type-article","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/articles\/33713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/types\/article"}],"wp:attachment":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/media?parent=33713"}],"wp:term":[{"taxonomy":"tag","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/tags?post=33713"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/solutions?post=33713"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/topics?post=33713"},{"taxonomy":"industry-tax","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/industries?post=33713"},{"taxonomy":"article-type","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/article-types?post=33713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}