Wie Sie einen Gehzyklus komplett mit Illustrator und Photoshop erstellen
In Erklärvideos oder auf Portfolio-Websites sieht man sie häufiger: reduzierte Figuren, die eine persönliche Verbindung schaffen sollen. Selbstverständlich ist für komplexe Animationssequenzen Animate oder After Effects in der Regel besser geeignet, einfache Animationsphasen mit diesen Figuren lassen sich aber auch in Illustrator erstellen. Anschließend wird das Projekt an Photoshop übergeben, um ein animiertes GIF zu speichern. Wenn Sie einmal ausprobieren möchten, ob Animation Ihnen Spaß macht, ist der Einstieg so einfach. Wir erstellen in dieser Übung einen Gehzyklus aus sechs Phasen.

Abb. 1: Sie läuft und läuft und läuft ... unsere fertige Figur mit Gehzyklus
Vorbereitende Arbeiten
Beginnen Sie mit einer Skizze der Figur, die Sie animieren möchten. Reduzieren Sie sie auf die Merkmale, die zur Identifikation nötig sind. Die Reduktion spart nicht nur Dateigröße, sondern vereinfacht auch die Animation, denn Sie müssen nicht so viele Ebenen unter Kontrolle behalten. Da wir in Illustrator Pinsel einsetzen werden, können Sie nicht mit Verläufen arbeiten – der Einsatz von Angleichungen ist jedoch möglich [Abb. 1].

Abb. 1: Als Ergebnis soll eine einfache, flächig gestaltete Figur entstehen.
Skizzieren Sie auch die einzelnen Phasen des Gehzyklus, z. B., indem Sie die einzelnen Phasen auf Transparentpapier zeichnen oder indem Sie in Photoshop testen [Abb. 2]. Beim Abspielen der Animation muss eine flüssige Bewegung entstehen. Für den Gehzyklus können Sie sich im Web viele Vorlagen ansehen, entweder als Video oder als Bildsequenzen.
Gehzyklus/Walkcycle
Das Vorbild für die Erforschung von Bewegungsabläufen bei Menschen und Tieren ist Eadweard Muybridge, der als einer der ersten Techniken entwickelte, mit denen die einzelnen Stadien erfasst und dokumentiert werden konnten. Sein gesamtes fotografisches Werk finden Sie unter http://www.stephenherbert.co.uk/muybCOMPLEAT.htm. Unter dem Stichwort »Walk cycle« können Sie weitere Vorlagen, Erklärungen und Anleitungen recherchieren.

Abb. 2: Skizze des Bewegungsablaufs in Photoshop
Der Gehzyklus insgesamt mit seinen unterschiedlichen Gewichtsverlagerungen, Auf- und Abbewegungen und Drehungen ist sehr komplex. Für den Gehzyklus, wie wir ihn hier umsetzen wollen, in seiner seitlichen, reduzierten Darstellung sind zwei Dinge wichtig: die gegenläufige Bewegung der Arme und Beine jeweils einer Körperseite und die Auf- und Abbewegung des Körpers.
OdUmA un eanngiistetzrm
TeielFnrdedh um d lstebeeOr mgdenie aonuSedmte gEweiskedhgmSKnr eieentenAn eenldrreo pbAgaecGtnerBwhArbt tAlseinedeuueipniB ewu tlrtdm oe n e sf .deljiis e ihs riFaaz eueunegid ndwenIwnnaertedmBne vdenuE-nrtu tubmbs bne anse eei vdbrIn lrsuteuewcred D rrn.e engadn ecne. iksan nedwne-rnfslInidusaaon ,elne negno
NpgiRdulgarnewee.eemeAficde ide nfKestsfwgmslnbe rndhstneadrest ereraoirmal e evielld,e nnettlmreienne SscneDdn ueeWhdeagtibeSni wseceSr,ciditsctrn,ewnisshggnrrrmesmsr ierldn nmremddz tli e,eDbnsel te-t.nahrrtercpudpe s bioiencgr rp u .odnoKln e lelrndsrkng o e e ndiphh dor DmnKweda f t alu D elieh r euiirl t e leo nviiudteon ci euiitnsw i l orthsdhii rukstiee hben z aAdhit rgelteIerraeea rmueuriaena.eiEkvedtentt
In. tn etenhenktoPne udecrdees wwcAa, Aoonp gu rieeeibbd r etngaZee a li B3iojEbnlaFig nnnn. i efid ieerhsfahmmbtseitnero lnenedr eDzge oeh

Dlpmptn eelrnrdmuerioonellbl iai rI iA. saborten,etK.K ott 3 r uw snfeIrktnuBd cijeethrp
Lerneinheit weiterlesen
Um die komplette Lerneinheit zu sehen, loggen Sie sich bitte ein oder registrieren Sie sich.
Ein Zugang bietet Ihnen zahlreiche Vorteile:
- Regelmäßig neue Lerneinheiten: Sie verbessern Ihre Fähigkeiten kontinuierlich.
- Riesiges Archiv mit Fachartikeln: Sie frischen Ihr Fachwissen schnell und gezielt auf.
- Ready for mobile: Sie nutzen das Know-how jederzeit und auf allen Ihren Geräten.
Lerneinheit weiterlesen
Um die komplette Lerneinheit zu sehen, loggen Sie sich bitte ein oder registrieren Sie sich.
Ein Zugang bietet Ihnen zahlreiche Vorteile:
- Regelmäßig neue Lerneinheiten: Sie verbessern Ihre Fähigkeiten kontinuierlich.
- Riesiges Archiv mit Fachartikeln: Sie frischen Ihr Fachwissen schnell und gezielt auf.
- Ready for mobile: Sie nutzen das Know-how jederzeit und auf allen Ihren Geräten.