Animationen mit Procreate: Tutorial und Anleitung
Die neuesten Versionen von Procreate machen das Animieren leicht. Lerne mit der folgenden Anleitung, wie man GIFs erstellt.
Animationen zu erstellen kann einschüchternd sein – vor allem, wenn du versuchst, einige der fortgeschrittenen, komplexen Softwareoptionen zu nutzen. Aber jeder kann lernen, eine Animation mit Procreate zu erstellen. Die Animationsfunktionen von Procreate 5 sind intuitiv und einfach zu bedienen. In nur wenigen einfachen Schritten kannst du neue oder bereits erstellte Kreationen als Procreate GIF zum Leben erwecken. Hier erklären wir dir, wie das geht.

6 Schritte zur Animation mit Procreate
Ein einfaches GIF in Procreate erstellen
Procreate Animation verwendet die Techniken der Frame-by-Frame-Animation. Das heißt, es werden mehrere Bilder der gleichen Abbildung verwendet, die jeweils leicht verändert werden. Diese Bilder werden dann von Procreate in einer Schleife abgespielt, um die Illusion von Bewegung zu erzeugen. Hier ist eine Schritt-für-Schritt-Anleitung, um dein eigenes Procreate-GIF zu erstellen.
Schritt 1: Bereite dein Bildmaterial vor
Als Erstes musst du ein bereits vorhandenes Bild auswählen, das du animieren möchtest (oder du erstellst es von Grund auf neu, wenn du das möchtest). Erstelle ein Duplikat dieser Illustration speziell für die Animation, indem du nach rechts auf das Leinwand-Symbol wischst und „Duplizieren“ auswählst. So hast du immer noch eine vollständige Version deiner Illustration – mit allen Ebenen – falls du das Original ändern oder verwenden möchtest.

Möchtest du ein animationsfähiges Bild erstellen?
Digitale Illustration mit Procreate lernen mit Jarom Vogel
An dieser Stelle kannst du das Bild auch zuschneiden, wenn du nur mit einem Teil des Originals arbeiten möchtest.
Dann musst du die Ebenen zusammenführen, je nachdem, was genau du animieren willst. Im folgenden Beispiel wollte die Skillshare-Kursleiterin Brooke Glaser die beiden getrennten Hände, die die Eistüten halten, animieren. Deshalb hat sie die verschiedenen Ebenen, aus denen die Hand und die Tüte bestehen (d. h. das Eis, die Streusel, die Hand und die Fingernägel), miteinander verbunden. Du kannst auch Ebenen entfernen, wenn du etwas nicht in die Animation aufnehmen möchtest.
Skillshare-Kursleiterin Brooke Glaser erklärt, wie man Ebenen in einer Illustration zusammenfügt, die genau auf die Elemente abgestimmt sind, die man animieren möchte.
Schritt 2: Aktiviere den Animationsassistenten
Anschließend musst du das Animationswerkzeug von Procreate, den sogenannten Animationsassistenten, einschalten. Gehe einfach auf das Schraubenschlüssel-Symbol in der oberen linken Ecke, klicke auf „Canvas“ und schalte dann die Funktion Animationsassistent ein. Dadurch wird eine neue Animations-Symbolleiste am unteren Rand des Bildschirms eingeblendet.

Schritt 3: Füge ein Frame hinzu und passe das Bild geringfügig an
Jetzt erstellst du Duplikate des Bildes, das du vorbereitet hast, und nimmst schrittweise Anpassungen vor. Um den Frame zu duplizieren, halte die Schaltfläche „Frame hinzufügen“ in der Symbolleiste des Animationsassistenten gedrückt, dann wird ein zweiter Frame angezeigt.
Innerhalb des neuen Frames kannst du jedes Element, das du animieren möchtest, verschieben. Wähle einfach das Element aus, das du verschieben möchtest, und ziehe es an die gewünschte Position. Wenn du jedes Objekt verschiebst, siehst du eine halbtransparente Version des Elements an seinem ursprünglichen Platz – das nennt man Zwiebelschicht. Es zeigt dir das vorherige Bild an, damit du besser sehen kannst, wie sich das Bild nach der Animation bewegen wird.
Ab diesem Punkt – auch mit nur zwei Bildern – kannst du die Animation abspielen. Es wird natürlich abgehackt und kurz sein, aber wenn du es in Bewegung siehst, bekommst du eine bessere Vorstellung davon, wie du vorgehen willst.
Glaser demonstriert, wie man einen Frame dupliziert und die schrittweisen Änderungen vornimmt, die schließlich die Illusion von Bewegung erzeugen.
Schritt 4: Weiteres Hinzufügen und Anpassen von Frames
Mit mehr Bildern kannst du eine längere, flüssigere Animation erstellen. Ab jetzt wiederholst du also im Wesentlichen den in Schritt 3 beschriebenen Prozess. Achte aber darauf, dass du dein letztes Bild duplizierst (und nicht das Originalbild), damit du die Animation schrittweise anpassen kannst. Du kannst die Animation jederzeit abspielen, um festzustellen, ob du weitere Bilder hinzufügen oder andere Änderungen vornehmen möchtest.
Mehr Bilder sorgen für eine flüssigere Animation.
Schritt 5: Fertigstellen
Je nachdem, welche Bewegung du erstellt hast, kann es sein, dass sie ein wenig ruckhaft aussieht. Das liegt daran, dass die Procreate-Animation die Bewegung standardmäßig in einer Schleife abspielt – mit anderen Worten, die Animation wird von Anfang bis Ende abgespielt und beginnt dann wieder am Anfang. Wenn du z. B. eine Sprechblase an den oberen Rand der Illustration steigen lässt, springt sie bei jeder Schleife der Animation wieder an den unteren Rand des Bildschirms.
Du kannst das Problem beheben, indem du die Ping-Pong-Option aktivierst. Wähle in den Einstellungen der Animationsassistent-Symbolleiste „Ping-Pong“. Dadurch wird die Animation erst vorwärts und dann rückwärts abgespielt (und das immer wieder), so wirken die Bewegungen glatter.
Die endgültige Version von Brook Glasers Eiscreme-GIF verwendet die Ping-Pong-Einstellung, bei der die Animation vorwärts und rückwärts wiederholt wird.
Schritt 6: Exportieren und teilen
Wenn du fertig und mit deinem GIF zufrieden bist, erleichtert Procreate es dir, deine Kreation mit der Welt zu teilen. Klicke auf das Schraubenschlüssel-Symbol in der oberen linken Ecke und dann auf „Teilen“. In der Dropdown-Liste findest du drei Formatoptionen zum Teilen: animiertes GIF, animiertes PNG und animiertes MP4.
Je nachdem, wo du deine Animation teilen möchtest, musst du vielleicht auch die Dateigröße ändern. Zur Reduzierung der Größe kannst du eine webfähige Auflösung wählen, was deine Datei deutlich verkleinert. Natürlich kannst du das Original auch duplizieren und dann mit dem Zuschneide- und Größenänderungswerkzeug auf das Duplikat anwenden, um es zu verkleinern.
Procreate Animation Optionen und Stile
Wir haben oben beschrieben, wie du eine einfache Art von Animation, die Positionsanimation, erzeugen kannst. Du nimmst ein Objekt, das du bereits gezeichnet hast, und verschiebst einfach seine Position auf einer Leinwand. Mit diesem Stil kannst du eine Vielzahl von Effekten erzielen – ein Auto, das über den Bildschirm fährt, ein Luftballon, der in den Himmel steigt, zwei Sektgläser, die aneinanderstoßen.
Du kannst aber auch andere Animationsstile mit Procreate erstellen:
Transformation
Bei dieser Art von Animation nimmst du Änderungen oder Modifikationen an etwas vor, das du bereits gezeichnet hast. Durch Ändern der Deckkraft des Gelbs im Kürbis unten kannst du zum Beispiel das Aussehen eines flackernden Lichts erzeugen. Du kannst auch die Größe eines Objekts verändern, z. B. kannst du den Effekt erzeugen, dass sich Blasen in einem Getränk ausdehnen oder Dampf aus einer Tasse Kaffee aufsteigt.
Wenn Sie die Deckkraft des Gelbs in diesem Bild ändern, entsteht die Illusion eines flackernden Lichts im Kürbis.
Redrawn
Um eine Animation in diesem Stil zu erstellen, musst du das Objekt, das du animieren willst, neu zeichnen, aber das kann so einfach oder so komplex sein, wie du möchtest. Wenn du zum Beispiel eine Figur mit den Augen blinzeln lassen willst, brauchst du nur das Öffnen und Schließen der Augenlider neu zu zeichnen. Wenn du wackelnde Buchstaben machen willst, musst du dieselben Wörter ein paar Mal neu zeichnen, mit leichten Unterschieden.
Die wackligen Buchstaben wurden durch das mehrmalige Zeichnen der Wörter mit leichten Unterschieden erzeugt, wodurch letztendlich die Illusion von Bewegung entsteht.
Procreate Animation Tools und Begriffe
Animationsassistent: Dies ist das wichtigste Animationswerkzeug in Procreate. Wenn du den Animationsassistenten aktivierst, wird eine animationsspezifische Symbolleiste angezeigt, in der du Frames duplizieren und anpassen sowie die Animation abspielen kannst.
Animationshintergrund: Mit dieser Funktion kannst du einen Hintergrund für deine Animation einrichten. Dieser einheitliche Hintergrund wird unter jedem Frame deiner Arbeit erscheinen.
Animationsvordergrund: Alternativ kannst du mit der Vordergrundfunktion ein Vordergrundelement fixieren, sodass es über jedem Frame deiner Animation erscheint.
Zwiebelschicht: Mit dieser blassen Ebene kannst du das vorherige Bild in der Animationssequenz sehen. Procreate bietet auch eine Farbcodierung auf der Zwiebelschicht – rot für vorherige Bilder und grün für die nächsten Bilder.

Ping-Pong: Wenn du diese Einstellung aktivierst, kannst du die Animation vorwärts und dann rückwärts abspielen lassen – statt in einer Schleife.
Unendlich: In dieser Einstellung wird deine Animation vom Anfang bis zum Ende abgespielt und dann mit einer Schleife zum Anfang zurückgesprungen, um erneut vom Anfang bis zum Ende abzuspielen – und dann wird alles wiederholt.
One Shot: Wenn diese Einstellung aktiviert ist, wird deine Animation einmal von Anfang bis Ende abgespielt und dann angehalten.
Frame: Ein Frame ist in der Animation ein einzelnes Bild in einer Reihe von Bildern. Wenn diese Bilder nacheinander abgespielt werden, erzeugen sie die Illusion von Bewegung.
Bilder pro Sekunde: Mit der Funktion „Bilder pro Sekunde“ kannst du die Geschwindigkeit deiner Animation beschleunigen oder verlangsamen.
Positionsanimation: Bei dieser Art der Animation wird ein bestehendes Objekt animiert, indem es einfach über die Leinwand bewegt wird.
Dieses GIF zeigt eine Positionsanimation – ein Mädchen und ein Bündel Luftballons, die in den Himmel schweben.
Transformationsanimation: Bei der Transformationsanimation, einer anderen Art von Procreate-Animation, musst du Teile der Bilder, die du bereits gezeichnet hast, verändern. Zusammen erzeugen diese Änderungen die Illusion von Bewegung oder Veränderung.
Redrawn-Animation: Eine Stufe über die Transformationsanimation hinaus erfordert diese Art der Animation, dass du ein Objekt oder Bild mehrmals neu zeichnest, um die Frames für deine Animation zu erstellen.
Das Erstellen von Animationen mit Procreate ist eine einfache und unterhaltsame Möglichkeit, deine Illustrationen zum Leben zu erwecken. Auch wenn du noch nie ein Procreate-GIF erstellt hast, kannst du mit diesen Schritten im Handumdrehen eine Mini-Animation erstellen und mit anderen teilen.

Kurzanleitung zum Thema Animation
Ganz einfach animierte GIFs mit Procreate 5 erstellen: Tipps für Illustrator:innen von Brooke Glaser
Melde dich noch heute für eine Probemitgliedschaft an und probiere Skillshare 7 Tage lang kostenlos aus!
Jetzt starten- Unbeschränkter Zugriff auf jeden Kurs
- Hilfsbereite Online-Kreativgemeinschaft
- Offline lernen mit der Skillshare-App