Animierte Illustrationen erstellen [Anfänger]

1.189

RenThe07

RenThe07

Einleitung

Wir animieren das :)

Haben Sie sich schon einmal gewundert, dass Sie eine so gute Illustration erstellt haben und diese Illustration weiterverfolgen möchten, aber keine guten Animationsfähigkeiten besitzen? Dann lernen Sie hier, Ihre Illustrationen ganz einfach zu animieren, ohne Zwischenzeichnungen zu zeichnen. Moment, was? Ja, das geht, also folgen Sie diesen Schritten, um Ihre Illustration ganz einfach zu animieren.

 

Mithilfe einer animierten Illustration können Sie Ihre Illustration in sozialen Medien veröffentlichen, um Aufmerksamkeit zu erregen, weil Ihre Illustration jetzt beweglich und attraktiv ist :)

Schritt 1: Bereiten Sie Ihre Illustration vor

Stellen Sie zunächst sicher, dass Ihre Illustration für die Animation bereit ist. Teilen Sie verschiedene Teile Ihres Bildes in Ebenen auf, z. B. Arme, Beine, Kopf und Hintergrund. Dadurch haben Sie beim Animieren mehr Kontrolle über jedes Element. In dieser Illustration animieren wir Licht und Augen.

a.   Wählen Sie das Stiftauswahlwerkzeug.

b.   Wählen Sie nun nacheinander alle Teile aus, die Sie animieren möchten, und schneiden Sie sie aus und fügen Sie sie ein.

c.   Platzieren Sie alle Ihre animierten Teile in verschiedenen Ordnern.

Achten Sie darauf, die Lücken in einer neuen Ebene mit Grundfarben zu füllen, nachdem Sie die Teile ausgeschnitten und eingefügt haben.

Benennen Sie Ihre Ordner und Ebenen immer

Schritt 2: Zeitleiste – Aktivieren Sie die Zeitleiste, indem Sie auf Windows > Zeitleiste (x) klicken. Dann erhalten Sie Ihre Zeitleiste. Klicken Sie nun auf „Neue Zeitleiste“ und stellen Sie Ihre Bildrate (FPS) auf 8 FPS ein. Ich werde 3 Sekunden lang animieren, also beträgt die Wiedergabezeit 24.

 

Tipp zur Zeitberechnung. Beispiel: FPS: 12 FPS. 4 Sek. = 48 Frames

Wenn es 24 Frames wären: 24 FPS. 4 Sek. = 96 Frames

 

 

Ich mache eine 3s-Animation mit 8 Bildern pro Sekunde, daher beträgt die Wiedergabezeit (Frames) hier 24

Klicken Sie nun auf das neue Timeline-Symbol und stellen Sie Ihre FPS und Wiedergabezeit ein. Wenn Sie möchten, können Sie Ihrer Timeline einen beliebigen Namen geben.

Wie rastert man ein Vektorbild?

Viele Anfänger sagen beim Versuch, ihre Illustration zu animieren, dass ihr Lasso-Werkzeug oder ihre Auswahl nicht funktioniert, weil Ihr Bild im Vektorformat vorliegt.

Um das Bild zu rastern, klicken Sie mit der rechten Maustaste auf das Bild. Ein Fenster wird angezeigt. Klicken Sie auf die Option „Rasterisieren“. Ihr Bild wird nun gerastert.

Schritt 2: Keyframes und Tweens verwenden

Jetzt ist unsere Zeitleiste fertig, sodass wir mit der Animation beginnen können. Befolgen Sie diese Schritte sorgfältig.

 

Keyframe: Um eine Aktion in einer digitalen Animationssequenz zu erstellen, müssen Sie zunächst die Start- und Endpunkte für diese Aktion definieren. Diese Markierungen werden Keyframes genannt und als Ankerpunkte für Aktionen in allen Arten von Animationsprogrammen wie CSP verwendet.

 

Einfach ausgedrückt: Anstatt Zwischenbilder zu zeichnen, können Sie Keyframes verwenden, um die Start- und Endpunkte Ihrer Animation festzulegen. Die Software generiert die Zwischenbilder automatisch und sorgt so für sanfte Übergänge. Tweens sind unerlässlich, um diesen Prozess nahtlos zu gestalten.

 

 

Grundfunktionen der Zeitleiste

Dies sind einige wichtige Optionen der Zeitleiste.

Anfänger sind von diesen Optionen verwirrt, deshalb möchte ich hier alle Unklarheiten beseitigen, damit Sie problemlos animieren können.

Animationsordner: Wenn Sie diese Option auswählen, wird ein Animationsordner erstellt. Dieser Ordner ist für die Animation unerlässlich. Erstellen Sie daher unbedingt einen, bevor Sie beginnen. Ohne ihn können Sie mit Ihrer Animation nicht fortfahren.

 

Animationszelle oder neue Ebene: Wenn Sie auf diese Option klicken, können Sie eine neue Animationszelle oder -ebene erstellen. Stellen Sie sich dies als Ihre digitale Leinwand vor, auf der Sie Ihr Kunstwerk zeichnen oder ausmalen können. Jede Zelle oder Ebene kann verschiedene Teile Ihrer Animation enthalten, sodass Sie Ihre Zeichenelemente flexibel separat verwalten können.

 

Keyframe: Nachdem Sie Keyframes aktiviert haben, können Sie an einer beliebigen Framenummer einen Keyframe hinzufügen, indem Sie die Option „Keyframe hinzufügen“ auswählen. Keyframes markieren die Start- und Endpunkte jeder Bewegung oder jedes Übergangs in Ihrer Animation. Um eine Bewegung zu erzeugen, fügen Sie einen zweiten Keyframe hinzu und passen dann die Elemente darin an. Obwohl dieses Konzept etwas komplex erscheinen mag, wird es klarer, wenn wir uns mit dem eigentlichen Animationsprozess befassen.

Animierendes Auge

Wählen Sie die Augenebene durch einen Linksklick aus. Gehen Sie anschließend zum Startpunkt der Zeitleiste und klicken Sie auf Keyframe aktivieren. Klicken Sie nach der Aktivierung auf Keyframe hinzufügen. Wenn der Keyframe erfolgreich hinzugefügt wurde, wird ein rautenförmiges Symbol angezeigt, das anzeigt, dass Ihr Keyframe festgelegt wurde.

1. Schlüssel

2. Schlüssel

Jetzt legen wir den Keyframe für das Schließen der Augen fest.

Hinweis: Achten Sie darauf, das Pluszeichen wie oben gezeigt zwischen den Augen zu platzieren. Jedes Verhältnis, das Sie ändern, wird entsprechend der Position dieses Pluszeichens geändert.

Fügen Sie nun den 2. Keyframe auf 3 hinzu, wie ich ihn hier hinzugefügt habe, und stellen Sie sicher, dass Sie das Bedienwerkzeug ausgewählt haben. Kopieren Sie diese Werte, oder verwenden Sie diese als Anleitung, um sie blinken zu lassen. Sie können das Timing des Keyframes später anpassen, indem Sie es weit oder nah an den 1. Keyframe ziehen, bis Sie nicht zufrieden sind, also keine Sorge.

Zeichne ein kleines, sich schließendes Auge

Kopieren und fügen Sie 3 Schlüssel ein, um eine Schleife zu erstellen

Schneiden Sie diesen Frame so zu, dass er zum Zeitintervall des zweiten Keyframes passt, sodass er nur angezeigt wird, wenn der zweite Keyframe des sich schließenden Auges erscheint.

1. Schlüssel kopieren und einfügen

Nachdem Sie den 2. Keyframe hinzugefügt haben, kopieren und fügen Sie den 1. Keyframe ein, den Sie am Anfang hinzugefügt haben, indem Sie den 1. Keyframe auswählen, Alt gedrückt halten und mit der linken Maustaste nach rechts ziehen oder dorthin, wo Sie diesen kopierten 1. Key einfügen möchten.

[Kurze Zusammenfassung, was ich gemacht habe]

Tipp- Um eine Schleife zu erstellen, kopieren und fügen Sie alle drei Schlüssel ein, indem Sie den Schlüssel ziehen und auswählen und kopieren und einfügen, um eine Schleife zu erstellen

Licht animieren

1. Erstellen Sie einen neuen Ordner und malen Sie mit einer Airbrush sanft auf die Lampe und in ihr Gesicht.

2.Aktivieren Sie dann das erste Keyframe und fügen Sie ein zweites Keyframe hinzu, indem Sie die Lichtdurchlässigkeit anpassen.

3. Kopieren Sie nun das erste Keyframe und fügen Sie es ein. Kopieren Sie alle Keyframes durch Ziehen und Auswählen, dann Rechtsklick> Kopieren> Einfügen

Erster Schlüssel – Deckkraft 100 %

Zweiter Schlüssel – Deckkraft 33 %

Dritter Schlüssel ist eine Kopie des ersten Schlüssels

Ich füge mit genau derselben Methode ein wenig Licht in Puppenedelsteine ein.

Export

Um nun unsere animierte Illustration zu exportieren, klicken Sie auf Datei> Animation exportieren (Y)> Animiertes GIF

Jetzt üben Sie diese Methoden mit Ihren eigenen Illustrationen und sehen Sie, wie sie sich bewegen :)

Jetzt ist Ihre Animation fertig – einfach, aber süß und beeindruckend! :)

Danke, dass Sie mein Tutorial gelesen haben

 

Ich möchte Ihnen meinen aufrichtigen Dank dafür aussprechen, dass Sie sich die Zeit genommen haben, mein Tutorial durchzulesen. Ihr Feedback und Ihre Erkenntnisse sind mir sehr wichtig und ich weiß Ihr Feedback wirklich zu schätzen.

Wenn Sie weitere Gedanken oder Vorschläge haben, würde ich sie gerne hören. Nochmals vielen Dank für Ihre Zeit und Aufmerksamkeit.

 

 

Kommentar

Neu

Neu! Offizielle Tutorials