Peter Bühler Patrick Schlaich Dominik Sinner Animation Grundlagen · 2D-Animation · 3D-Animation Bibliothek der Mediengestaltung Konzeption, Gestaltung, Technik und Produktion von Digital- und Printmedien sind die zentralen Themen der Bibliothek der Mediengestaltung, einer Weiterentwicklung des Standardwerks Kompendium der Mediengestaltung, das in seiner 6. Auflage auf mehr als 2.700 Seiten angewachsen ist. Um den Stoff, der die Rahmenpläne und Studienordnungen sowie die Prüfungsanforderungen der Ausbildungs- und Studiengänge berücksichtigt, in handlichem Format vorzulegen, haben die Autoren die Themen der Mediengestaltung in Anlehnung an das Kompendium der Mediengestaltung neu aufgeteilt und thematisch gezielt aufbereitet. Die kompakten Bände der Reihe ermöglichen damit den schnellen Zugriff auf die Teilgebiete der Mediengestaltung. Weitere Bände in der Reihe: http://www.springer.com/series/15546 Peter Bühler Patrick Schlaich Dominik Sinner Animation Grundlagen – 2D-Animation – 3D-Animation Peter Bühler Dominik Sinner Affalterbach, Deutschland Konstanz-Dettingen, Deutschland Patrick Schlaich Kippenheim, Deutschland ISSN 2520-1050 ISSN 2520-1069 (electronic) Bibliothek der Mediengestaltung ISBN 978-3-662-53921-7 ISBN 978-3-662-53922-4 (eBook) DOI 10.1007/978-3-662-53922-4 Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte biblio grafische Daten sind im Internet über http://dnb.d-nb.de abrufbar. Springer Vieweg © Springer-Verlag GmbH Deutschland 2017 Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Jede Verwertung, die nicht ausdrücklich vom Ur heberrechtsgesetz zugelassen ist, bedarf der vorherigen Zustimmung des Verlags. Das gilt insbesondere für Verviel fältigungen, Bearbeitungen, Übersetzungen, Mikro verfilmungen und die Einspeicherung und Verarbeitung in elektronischen Systemen. Die Wiedergabe von Gebrauchsnamen, Handelsnamen, Warenbezeichnungen usw. in diesem Werk berechtigt auch ohne besondere Kennzeichnung nicht zu der Annahme, dass solche Namen im Sinne der Warenzeichen- und Marken- schutz-Gesetzgebung als frei zu betrachten wären und daher von jedermann benutzt werden dürften. Der Verlag, die Autoren und die Herausgeber gehen davon aus, dass die Angaben und Informationen in diesem Werk zum Zeitpunkt der Veröffentlichung vollständig und korrekt sind. Weder der Verlag noch die Autoren oder die Heraus- geber übernehmen, ausdrücklich oder implizit, Gewähr für den Inhalt des Werkes, etwaige Fehler oder Äußerungen. Der Verlag bleibt im Hinblick auf geografische Zuordnungen und Gebietsbezeichnungen in veröffentlichten Karten und Institutionsadressen neutral. Gedruckt auf säurefreiem und chlorfrei gebleichtem Papier Springer Vieweg ist Teil von Springer Nature Die eingetragene Gesellschaft ist Springer-Verlag GmbH Deutschland Die Anschrift der Gesellschaft ist: Heidelberger Platz 3, 14197 Berlin, Germany t r o w The Next Level – aus dem Kompendium welchen Band Sie in der Hand halten. der Mediengestaltung wird die Biblio- Die Bibliothek der Mediengestaltung r thek der Mediengestaltung. richtet sich an alle, die eine Ausbildung o Im Jahr 2000 ist das „Kompendium oder ein Studium im Bereich der Digi- V der Mediengestaltung“ in der ersten tal- und Printmedien absolvieren oder Auflage erschienen. Im Laufe der Jahre die bereits in dieser Branche tätig sind stieg die Seitenzahl von anfänglich und sich fortbilden möchten. Weiterhin 900 auf 2700 Seiten an, so dass aus richtet sich die Bibliothek der Medien- dem zunächst einbändigen Werk in der gestaltung auch an alle, die sich in ihrer 6. Auflage vier Bände wurden. Diese Freizeit mit der professionellen Gestal- Aufteilung wurde von Ihnen, liebe tung und Produktion digitaler oder Leserinnen und Leser, sehr begrüßt, gedruckter Medien beschäftigen. Zur denn schmale Bände bieten eine Reihe Vertiefung oder Prüfungsvorbereitung von Vorteilen. Sie sind erstens leicht enthält jeder Band zahlreiche Übungs- und kompakt und können damit viel aufgaben mit ausführlichen Lösungen. besser in der Schule oder Hochschule Zur gezielten Suche finden Sie im An- eingesetzt werden. Zweitens wird durch hang ein Stichwortverzeichnis. die Aufteilung auf mehrere Bände die Ein herzliches Dankeschön geht an Aktualisierung eines Themas wesentlich Herrn Engesser und sein Team des Ver- einfacher, weil nicht immer das Gesamt- lags Springer Vieweg für die Unterstüt- werk überarbeitet werden muss. Auf zung und Begleitung dieses großen Pro- Veränderungen in der Medienbranche jekts. Wir bedanken uns bei unserem können wir somit schneller und flexibler Kollegen Joachim Böhringer, der nun reagieren. Und drittens lassen sich die im wohlverdienten Ruhestand ist, für schmalen Bände günstiger produzieren, die vielen Jahre der tollen Zusammen- so dass alle, die das Gesamtwerk nicht arbeit. Ein großes Dankeschön gebührt benötigen, auch einzelne Themenbände aber auch Ihnen, unseren Leserinnen erwerben können. Deshalb haben wir und Lesern, die uns in den vergange- das Kompendium modularisiert und in nen fünfzehn Jahren immer wieder auf eine Bibliothek der Mediengestaltung Fehler hingewiesen und Tipps zur wei- mit 26 Bänden aufgeteilt. So entstehen teren Verbesserung des Kompendiums schlanke Bände, die direkt im Unterricht gegeben haben. eingesetzt oder zum Selbststudium Wir sind uns sicher, dass die Biblio- genutzt werden können. thek der Mediengestaltung eine zeitge- Bei der Auswahl und Aufteilung der mäße Fortsetzung des Kompendiums Themen haben wir uns – wie beim darstellt. Ihnen, unseren Leserinnen Kompendium auch – an den Rahmen- und Lesern, wünschen wir ein gutes plänen, Studienordnungen und Gelingen Ihrer Ausbildung, Ihrer Wei- Prüfungsanforderungen der Ausbil- terbildung oder Ihres Studiums der dungs- und Studiengänge der Medi- Mediengestaltung und nicht zuletzt viel engestaltung orientiert. Eine Übersicht Spaß bei der Lektüre. über die 26 Bände der Bibliothek der Mediengestaltung finden Sie auf der Heidelberg, im Frühjahr 2017 rechten Seite. Wie Sie sehen, ist jedem Peter Bühler Band eine Leitfarbe zugeordnet, so dass Patrick Schlaich Sie bereits am Umschlag erkennen, Dominik Sinner Vorwort Bibliothek der Medien- gestaltung Titel und Erscheinungsjahr Visuelle Digitale Farbe Typografie Digitales Bild Digitale Fotografie Kommunikation 2017 2018 2017 2017 2017 Zeichen und Grafik AV-Medien Animation Printdesign Druckvorstufe 2017 2018 2017 2018 2018 Druck Crossmedia PDF Webdesign HTML5 und CSS3 Publishing 2018 2019 2018 2017 2017 Webtechnologien Digital Publishing Daten- Informations- Internet management technik 2018 2018 2019 2019 2019 Medienrecht Medienmarketing Medienworkflow Präsentation Produktdesign 2017 2019 2018 2019 2019 Designgeschichte 2019 VII s i n 1 Grundlagen 2 h c i 1.1 Prinzipien der Animation ..............................................................................................................2 e 1.1.1 Squash and Stretch ........................................................................................................................3 z 1.1.2 Anticipation ......................................................................................................................................3 r 1.1.3 Staging ..............................................................................................................................................4 e 1.1.4 Straight Ahead Action and Pose to Pose ...................................................................................4 1.1.5 Follow Through and Overlapping Action ....................................................................................5 v 1.1.6 Slow In and Slow Out .....................................................................................................................5 s 1.1.7 Arcs ...................................................................................................................................................5 t 1.1.8 Secondary Action ...........................................................................................................................6 l a 1.1.9 Timing ................................................................................................................................................6 1.1.10 Exaggeration ....................................................................................................................................7 h 1.1.11 Solid Drawing ..................................................................................................................................7 n 1.1.12 Appeal ...............................................................................................................................................7 I 1.2 Animationstechniken ....................................................................................................................8 1.2.1 Historische Animationstechniken ................................................................................................8 1.2.2 Einzelbild-Animation .......................................................................................................................9 1.2.3 Schlüsselbild-Animation ................................................................................................................9 1.2.4 Pfadanimation ...............................................................................................................................10 1.2.5 Morphing ........................................................................................................................................10 1.2.6 Kinematik ........................................................................................................................................11 1.2.7 Motion Capture und Performance Capture ..............................................................................12 1.2.8 Reaktion und Interaktion .............................................................................................................13 1.3 Aufgaben ........................................................................................................................................14 2 2D-Animation mit Animate 16 2.1 Einführung ......................................................................................................................................16 2.1.1 Adobe Animate ..............................................................................................................................16 2.1.2 Entwicklungsumgebung ..............................................................................................................17 2.2 Animate-Projekte .........................................................................................................................18 2.2.1 Voreinstellungen ...........................................................................................................................18 2.2.2 Grafiken ..........................................................................................................................................18 2.2.3 Text ..................................................................................................................................................21 2.2.4 Symbole, Instanzen, Bibliothek ..................................................................................................22 2.2.5 Zeitleiste .........................................................................................................................................25 2.2.6 Sound und Video importieren .....................................................................................................27 2.2.7 Veröffentlichen ..............................................................................................................................29 2.3 Animationen ..................................................................................................................................30 2.3.1 Einzelbild-Animation .....................................................................................................................30 2.3.2 Schlüsselbild-Animation ..............................................................................................................31 2.3.3 Pfadanimation ...............................................................................................................................32 2.3.4 Morphing ........................................................................................................................................36 2.3.5 Masken ...........................................................................................................................................37 Inhaltsverzeichnis 2.3.6 Inverse Kinematik .........................................................................................................................38 2.3.7 Verschachtelte Animationen ......................................................................................................40 2.4 Programmierung ...........................................................................................................................41 2.4.1 Skriptsprachen ..............................................................................................................................41 2.4.2 Zeitleiste steuern ..........................................................................................................................41 2.4.3 Dynamischer Text .........................................................................................................................44 2.4.4 Dynamische Bilder .......................................................................................................................47 2.4.5 Sound steuern ...............................................................................................................................48 2.4.6 Animationen ...................................................................................................................................51 2.5 Aufgaben ........................................................................................................................................55 3 3D-Animation mit Cinema 4D 60 3.1 Einführung ......................................................................................................................................60 3.1.1 Maxon Cinema 4D .........................................................................................................................60 3.1.2 Entwicklungsumgebung ..............................................................................................................60 3.2 Animationen ..................................................................................................................................63 3.2.1 Einfache Schlüsselbild-Animation .............................................................................................63 3.2.2 Kombinierte Schlüsselbild-Animation .......................................................................................65 3.2.3 Animation mit Deformer ...............................................................................................................69 3.2.4 Pfadanimation ...............................................................................................................................71 3.2.5 Spezial-Animationen ....................................................................................................................74 3.3 Texturen ..........................................................................................................................................76 3.3.1 Texturen erstellen .........................................................................................................................76 3.3.2 Texturen zuweisen ........................................................................................................................79 3.4 Szenen ............................................................................................................................................80 3.4.1 Umgebung ......................................................................................................................................80 3.4.2 Licht .................................................................................................................................................82 3.5 Rendern ..........................................................................................................................................83 3.6 Aufgaben ........................................................................................................................................86 4 Anhang 90 4.1 Lösungen ........................................................................................................................................90 4.1.1 Grundlagen.....................................................................................................................................90 4.1.2 2D-Animation mit Animate ..........................................................................................................91 4.1.3 3D-Animation mit Cinema 4D ......................................................................................................93 4.2 Links und Literatur .......................................................................................................................95 4.3 Abbildungen ..................................................................................................................................96 4.4 Index ...............................................................................................................................................97 IX 1.1 Prinzipien der Animation n e g Charakteranima- a tion im Film Ace Age 3 l d n u r G animare [lat.]: Das Wort Animation kommt etymolo­ Frank Thomas und Olie Johnston ha­ 1 Leben einhau­ gisch aus der lateinischen Wortfamilie ben in ihrem 1981 erschienenen Buch: chen, beseelen „animus, anima = Lebenshauch, Seele“ „The Illusion of Life – Disney Anima­ und „animare = Leben einhauchen, be­ tion“ in dem Kapitel „The 12 Principles seelen“. Ziel einer Animation ist es also of Animation“ die zwölf grundlegenden nicht, Dinge nur zu bewegen, sondern Animations prinzipien Disneys darge­ Dinge zum Leben zu erwecken. Nutzen stellt. Die für den klassischen Zeichen­ Sie die Möglichkeiten der Animation trickfilm aufgestellten Grundsätze sind nicht um der Technik oder der Effekte auf andere Animationsmedien bzw. willen, sondern machen Sie – wie bei ­techniken übertragbar. Egal ob Sie eine jeder Gestaltung – Ihren Aussage­ Bild­für­Bild­Animation, eine Tweening­ wunsch, Ihre Botschaft zur Basis und Animation oder Charakteranimation mit Moti vation für den Einsatz animierter Kinematik erstellen. Elemente. Dies gilt für animierte Me­ Animationen lassen sich in einem nüs, bei denen die Auswahl der Inhalte Buch nicht oder nur unzulänglich dar­ und verschiedene Schaltzustände stellen. Wir empfehlen Ihnen deshalb, visualisiert werden, für Textanima tionen sich die „12 principles of animation“ und animierte Infografiken bis hin zu als Videos von Alan Becker auf YouTube komplexen Charakteranimationen. anzusehen. Animierte Menü- punkte © Springer-Verlag GmbH Deutschland 2017 P. Bühler, P. Schlaich, D. Sinner, Animation, Bibliothek der Mediengestaltung, DOI 10.1007/978-3-662-53922-4_1