{"id":3628,"date":"2023-02-06T19:09:09","date_gmt":"2023-02-06T17:09:09","guid":{"rendered":"https:\/\/www.grinnus.de\/wordpress\/?p=3628"},"modified":"2025-12-13T10:45:38","modified_gmt":"2025-12-13T08:45:38","slug":"5-basis-animationstechniken","status":"publish","type":"post","link":"https:\/\/www.grinnus.de\/wordpress\/5-basis-animationstechniken\/","title":{"rendered":"5 Basis Animationstechniken f\u00fcr Werbung und Entertainment"},"content":{"rendered":"\n<p>Mein Name ist Michael Grinnus und ich bin freiberuflicher Illustrator, Animator und 2-d Motiondesigner<br \/>Seit Jahren erstelle ich Figuren, Animationen und und Videos f\u00fcr Werbeanzeigen und Erkl\u00e4rfilme.<\/p>\n\n\n\n<p>Bei der Erstellung von Animationen gibt es im Wesentlichen 5 unterschiedliche Animationstechniken,<br \/>welche ich Ihnen im Folgenden kurz erkl\u00e4ren m\u00f6chte.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Eine kurze \u00dcbersicht der klassischen f\u00fcnf Video-Animationtechniken f\u00fcr Werbung und Entertainment:<\/h4>\n\n\n\n<h2 class=\"wp-block-heading\"><br \/>1.  Traditionelle Zeichentrickfilm-Animation<\/h2>\n\n\n\n<p>Die klassische Zeichentrickfilm und die seit seit den 1930erJahren bekannte Animationsform.<br \/>Hier wird vom Zeichner und Animator jedes einzelne Bild mit der Hand gezeichnet.<br \/>Fr\u00fcher geschah dieses an speziellen Durchleuchtzeichentischen. Heute werden daf\u00fcr digitale Zeichenprogramme genutzt.<br \/>Dabei wirden die Phasen in Zwiebelschichten (Onions) auf ihren fl\u00fcssgen Ablauf kontrolliert.<br \/>Dann werden sie nacheinander abfotografiert zu einem laufenden Film zusammengesetzt.<br \/>Damit das Menschliche Auge dieses ruckelfrei wahrnimmt werden 12 bis 24 Bilder pro Sekunde animiert.<br \/>Animationen mit z.B. nur einem Bild pro Sekunde w\u00fcrde zu meist nicht gew\u00fcnschten Bildspr\u00fcngen f\u00fchren.<br \/>Diese Bildspr\u00fcnge k\u00f6nnten aber durchaus absichtlich als Stil eingesetzt werden.. (z.B. in japanischen Anime- Filmen)<br \/>Beispiele:<br \/>\u00c4ltere Disneyfilme und Zeichentrick-Serien<br \/><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2.  2-D Animation (Flash)<\/h2>\n\n\n\n<p>Hierbei werden einzelne Filmbestandteile wie illustrierte K\u00f6rper, K\u00f6rperteile und Elemente in einer 2D Ebene animiert.<br \/>Durch Definieren von Position- und Rotationspunkten werden diese Filmbestandteile fl\u00fcssig animiert werden. (Motiondesign)<br \/>Der gro\u00dfe Vorteil ist, da\u00df die einzelnen Schauspiel-Elemente nur nur einmal gezeichnet werden m\u00fcssen.<br \/>Ein hierf\u00fcr oft benutztes Programm ist Adobe Animate (ehem. Flash\/Vektorbasiert)<br \/>Beispiele:<br \/>Southpark (Animationsserie )<br \/>Silhoutten Schiebetrick (schon in den 1920er Jahren)<br \/>Schiebe Erkl\u00e4rvideos und selbstzeichnende Hand-zeichnet-Dinge- Erkl\u00e4rfilme<br \/><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3.  3-D Computeranimation und Ki Animation<\/h2>\n\n\n\n<p>Die aktuell aktuell die meistgenutzte Animationstechnik f\u00fcr Spielfilme und Serien. Man muss nicht mehr zeichnen zu k\u00f6nnen um ein Animator zu sein.<br \/>Die Elemente und Charaktere werden in 3D Programmen als eine Art Drahtgittelmodell mit Gelenkpunkten erstellt und programmiert.<br \/>Danach werden vom Animator Schl\u00fcsselbilder und Eckphasen festgelegt. Daraus berechnet der Computer dann fotorealistische Animationsfilme<br \/>mit unglaublichen Schatten- u. Lichteffekten.<br \/>Der gesamte Prozess ben\u00f6tigt aufwendig zu erstellende 3d- Figuren und Hintergr\u00fcnde sowie sehr leistungsstarke Rechnersysteme.<br \/>Seit einigen Jahren kann dieser Prozess auch durch das sogenannte prompten (Auftragsanweisungen an ein K\u00fcnstliches Intelligenz System) erzeugt werden<br \/>Beispiele:<br \/>viele Computeranimierte Spiel- u. Werbefilme<br \/><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Stop Motion Animation<\/h2>\n\n\n\n<p>Bei dieser Filmtechnik werden reale Objekte wie Puppen, Knetmasse oder Legofiguren und Elemente animiert.<br \/>Daf\u00fcr werden sie abfotografiert und nach jedem Foto immer ein St\u00fcck weiter bewegt.<br \/>Danach wird dann das n\u00e4chste Filmbildphase (Position) einzelnd abfotografiert. Daraus entsteht dann im im Film die Illusion der Bewegung.<br \/>Beispiele:<br \/>Stop-Motion-Puppentrick (oder auch Knetmassenfiguren-Trick)<br \/>Legetrick (aus Papier ausgeschittene Elemente werden schiebeanimiert) (z.B. Erkl\u00e4rfilme)<br \/>Pixelation (Reale Menschen Figuren oder Gegenst\u00e4nde werden in realer Umgebung in verschiedenen Posen abfotografiert. Die einzelnen Posen werden dann mit zB einem Bild pro Sekunde abgespielt wodurch interessant abgehackte Filme mit einem eigenen Charme entstehen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><br \/>5. Grafik-Animationen<\/h2>\n\n\n\n<p>Hierbei werden grafische Elemente, Fotos oder Texte animiert und kreativ und hin- u. hergeschoben, vergr\u00f6\u00dfert und verkleinert und mit unterschiedlichen Kamerafahrten interessant in Szene gesetzt. Diese animatierten Grafik-Collagen werden haupts\u00e4chlich f\u00fcr animierte Werbeanzeigen oder Erkl\u00e4rfilme benutzt. Meistens nicht l\u00e4nger als 10 bis 20 Sekunden. <br \/><br \/>Beispiele:<br \/>Animierte Werbeanzeigen (Kurzfilm-Teaser oder Shortclips-Trailer f\u00fcr in APP Werbung)<br \/>animierte gifs auch f\u00fcr E-Mail-Signaturen<br \/>Animierte Logos und Texte<br \/><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><br \/>Noch Fragen?<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>sprechen Sie mich gerne an:<\/strong><br \/>040 38610135 (Michael Grinnus), oder grinnus@grinnus.de<\/h5>\n\n\n\n<p><\/p>\n\n\n\n<p><div class=\"shariff shariff-align-left shariff-widget-align-left\" style=\"display:none\" data-services=\"facebook\" data-url=\"https:\/\/www.grinnus.de\/wordpress\/5-basis-animationstechniken\/\" data-timestamp=\"1765622738\" data-hidezero=\"1\" data-backendurl=\"https:\/\/www.grinnus.de\/wordpress\/wp-json\/shariff\/v1\/share_counts?\"><div class=\"ShariffHeadline\">Beitrag teilen<\/div><ul class=\"shariff-buttons theme-round orientation-horizontal buttonsize-medium\"><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.grinnus.de%2Fwordpress%2F5-basis-animationstechniken%2F\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button xing shariff-nocustomcolor\" style=\"background-color:#29888a\"><a href=\"https:\/\/www.xing.com\/spi\/shares\/new?url=https%3A%2F%2Fwww.grinnus.de%2Fwordpress%2F5-basis-animationstechniken%2F\" title=\"Bei XING teilen\" aria-label=\"Bei XING teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#126567; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 25 32\"><path fill=\"#126567\" d=\"M10.7 11.9q-0.2 0.3-4.6 8.2-0.5 0.8-1.2 0.8h-4.3q-0.4 0-0.5-0.3t0-0.6l4.5-8q0 0 0 0l-2.9-5q-0.2-0.4 0-0.7 0.2-0.3 0.5-0.3h4.3q0.7 0 1.2 0.8zM25.1 0.4q0.2 0.3 0 0.7l-9.4 16.7 6 11q0.2 0.4 0 0.6-0.2 0.3-0.6 0.3h-4.3q-0.7 0-1.2-0.8l-6-11.1q0.3-0.6 9.5-16.8 0.4-0.8 1.2-0.8h4.3q0.4 0 0.5 0.3z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.grinnus.de%2Fwordpress%2F5-basis-animationstechniken%2F\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span data-service=\"facebook\" style=\"color:#3b5998\" class=\"shariff-count shariff-hidezero\"><\/span>&nbsp;<\/a><\/li><li class=\"shariff-button mailto shariff-nocustomcolor\" style=\"background-color:#a8a8a8\"><a href=\"mailto:?body=https%3A%2F%2Fwww.grinnus.de%2Fwordpress%2F5-basis-animationstechniken%2F&subject=5%20Basis%20Animationstechniken%20f%C3%BCr%20Werbung%20und%20Entertainment\" title=\"Per E-Mail versenden\" aria-label=\"Per E-Mail versenden\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#999; color:#fff\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#999\" d=\"M32 12.7v14.2q0 1.2-0.8 2t-2 0.9h-26.3q-1.2 0-2-0.9t-0.8-2v-14.2q0.8 0.9 1.8 1.6 6.5 4.4 8.9 6.1 1 0.8 1.6 1.2t1.7 0.9 2 0.4h0.1q0.9 0 2-0.4t1.7-0.9 1.6-1.2q3-2.2 8.9-6.1 1-0.7 1.8-1.6zM32 7.4q0 1.4-0.9 2.7t-2.2 2.2q-6.7 4.7-8.4 5.8-0.2 0.1-0.7 0.5t-1 0.7-0.9 0.6-1.1 0.5-0.9 0.2h-0.1q-0.4 0-0.9-0.2t-1.1-0.5-0.9-0.6-1-0.7-0.7-0.5q-1.6-1.1-4.7-3.2t-3.6-2.6q-1.1-0.7-2.1-2t-1-2.5q0-1.4 0.7-2.3t2.1-0.9h26.3q1.2 0 2 0.8t0.9 2z\"\/><\/svg><\/span><\/a><\/li><\/ul><\/div><br \/>\ufeff<\/p>\n\n\n\n<p>erkl\u00e4rfilme #videos #erkl\u00e4rvideos #animation #schiebetrick #2danimation #animiertewerbeanzeigen #animiertegifs<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mein Name ist Michael Grinnus und ich bin freiberuflicher Illustrator, Animator und 2-d MotiondesignerSeit Jahren erstelle ich Figuren, Animationen und und Videos f\u00fcr Werbeanzeigen und Erkl\u00e4rfilme. Bei der Erstellung von &#8230;<\/p>\n","protected":false},"author":1,"featured_media":3627,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[60,47],"tags":[],"class_list":["post-3628","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animierte-werbung","category-designprojekte-start-news"],"_links":{"self":[{"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/posts\/3628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/comments?post=3628"}],"version-history":[{"count":18,"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/posts\/3628\/revisions"}],"predecessor-version":[{"id":5078,"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/posts\/3628\/revisions\/5078"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/media\/3627"}],"wp:attachment":[{"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/media?parent=3628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/categories?post=3628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.grinnus.de\/wordpress\/wp-json\/wp\/v2\/tags?post=3628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}