Springball 🏀

4.718

けも

けも

Erstellen Sie eine einfache Ballsprunganimation

 

Was zu zeichnen

Erstellen Sie mit dem Unterwerkzeug "Ellipse" des Werkzeugs "Form" eine perfekte Kreisfüllung auf der Rasterebene.

Es kann sehr gut für lästige sein

Geplant für die Fertigstellung

Erstellen Sie eine 1 Sekunde wiederholte Animation mit einer Bildrate von 12

Neue Abbildung (600 x 800px)

Ich werde zunächst eine "Illustration" anstelle einer neuen Animation erstellen

Der Grund ist, dass die "Standardgröße" nervt.

 

Die Einheit ist px, Breite 600, Höhe 800.

 

Wählen Sie "Gitter" aus dem Menü "Ansicht"

"Ursprung des Gitterlineals" der "Gitterlinealeinstellung" des Menüs "Ansicht" ist auf "Mitte" eingestellt.

Ich habe ein 3D-Material in den Hintergrund gestellt

In der Turnhalle (Inhalts-ID: 1722498)

Es wurde aktualisiert, bevor ich es wusste, aber ich verwende das alte Material

Erstellen Sie Ball- und Bodenschatten mit Rasterebenen

Oben auf der Leinwand

Von den Werkzeugeigenschaften des Unterwerkzeugs "Ellipse"

Ich habe einen schwarzen Kreis mit "Füllung erstellen" in "Linie / Füllung" gezeichnet.

Das war's zum Zeichnen auf der Leinwand

 

In der Ebenenpalette

Dupliziere die gezeichnete Ebene

Die obere Schicht ist der Ball, die untere Schicht ist der Schatten des Bodens

 

Wählen Sie die Farbe des Balls mit einem Farbsatz usw.

Wählen Sie im Menü "Bearbeiten" die Option "Linienfarbe in Zeichnungsfarbe ändern".

Die Farbe, die Sie wählen, ist die Farbe des Balls

 

Klicken Sie in der Palette "Ebeneneigenschaften" unter "Effekte" auf "Randeffekt".

Stellen Sie "Rahmenfarbe" auf Schwarz

Stellen Sie den Wert für "Randdicke" auf etwa 1 bis 2 ein (hier ist es 1).

Diese Kante behält die Dicke bei, die nicht durch Verformung beeinflusst wird

 

Eine weitere Schicht

Halten Sie beim Verschieben der Ebene die (Umschalt-) Taste gedrückt und ziehen Sie sie gerade nach unten.

In der Mitte dieses Kreises fällt der Ball

 

Wählen Sie "Vergrößern / Verkleinern" unter "Transformieren" im Menü "Bearbeiten".

Deaktivieren Sie "Seitenverhältnis korrigieren" unter "Vergrößerung" in der Werkzeugeigenschaftspalette

"Vertikal" auf "20 (%)" reduziert

Hier können Sie das Raster ausblenden

Ich habe während der Anzeige gearbeitet, aber danach werde ich das Raster nicht mehr verwenden ^^

 

Nachdem Sie ein Bild verwendet haben, wechseln Sie von der Abbildung zur Animation.

Neue Zeitleiste

Sehr einfach zu animieren

 

Wählen Sie "Timeline" aus dem Menü "Fenster"

Klicken Sie oben links in der Timeline-Palette auf das Symbol "Neue Zeitleiste"

 

Dieses Mal erstellen wir eine Zeitleiste von (1 Sekunde + 1 Bild) mit (Bildrate 12).

Hier kann "Pixelinterpolation der Verformung" ausgewählt werden, daher habe ich "Hohe Präzision (durchschnittliche Farbe)" gewählt.

 

Wählen Sie die obere Kugelschicht aus

Klicken Sie in der Timeline auf das Symbol "Layer-Keyframes aktivieren"

Stellen Sie "Smooth Keyframes" ein

 

Wählen Sie "Objekt" als Unterwerkzeug

Bouncing Ball Keyframe

Das erste Bild der Timeline wird ausgewählt.

 

Der Mittelpunkt der Kugelebene wird in der Mitte der Leinwand angezeigt

Ziehen Sie diesen Mittelpunkt, während Sie die Umschalttaste gedrückt halten.

Bewegen Sie es direkt unter den Ball

Es transformiert und dreht sich um diesen Mittelpunkt.

 

Wenn Sie den Mittelpunkt verschieben

"Keyframes" wurden der Timeline hinzugefügt

 

Wählen Sie das letzte Bild (1 + 1) auf der Timeline aus

Klicken Sie auf das Symbol Keyframe hinzufügen, um einen Keyframe hinzuzufügen

Die Positionen des ersten und des letzten Frames sind jetzt gleich

Klicken Sie in der Timeline auf (0 + 7)

Ziehen Sie die Leinwandkugel, während Sie die Umschalttaste gedrückt halten

Bewegen Sie es in die Mitte einer anderen Ebene

Der Timeline wurden Keyframes hinzugefügt

 

Stellen Sie als Nächstes die "Vergrößerung" der Werkzeugeigenschaftspalette auf (110 horizontal) (80 vertikal) ein.

Erstellen Sie Transformationen mit Keyframes anstatt manuell

Es fühlt sich an, als würde der Ball auf den Boden fallen und zerquetscht werden

 

Da es im Mittelpunkt verformt ist, bewegt es sich nicht dort, wo es den Boden berührt.

 

Wählen Sie auf der Timeline (0 + 6)

Stellen Sie die "Vergrößerung" der Werkzeugeigenschaftspalette auf (horizontal 100) (vertikal 100) zurück.

 

Auf der Leinwand schwebt der Ball vom Boden, aber Sie können ihn so lassen, wie er ist.

 

Wählen Sie auf der Timeline (0 + 8)

Stellen Sie "Vergrößerung" der Werkzeugeigenschaftspalette auf (90 horizontal) (110 vertikal) ein.

Es fühlt sich an, als würde es hüpfen und wachsen

 

Wählen Sie auf der Timeline (0 + 9)

Stellen Sie die "Vergrößerung" der Werkzeugeigenschaftspalette auf (horizontal 100) (vertikal 100) zurück.

 

Zwischen (0 + 1) ~ (0 + 6) und (0 + 9) ~ (1 + 1) bleibt rund und verformt sich nicht

Bearbeiten von Keyframes (Funktionskurven-Bearbeitungsmodus)

Ich denke, Sie können die Animation hier abspielen

Ich denke "Ich mag es nicht, wie dieser Ball springt!"

Bearbeiten Sie zu einer guten Bewegung

 

Klicken Sie auf das "+" links neben dem Ebenennamen in der Timeline

"+" Wird "-" und ">" wird angezeigt.

Drücken Sie ">", um die Elemente mit aufgezeichneten Keyframes anzuzeigen.

 

Entfernen Sie einige der Keyframes "Position"

 

(0 + 6) (0 + 8) (0 + 9) Keyframes auf der Timeline

Halten Sie bei Auswahl die Umschalttaste gedrückt

Wählen Sie nicht (0 + 7)

 

Klicken Sie auf der Timeline auf das Symbol "Keyframe löschen"

Nur der ausgewählte Keyframe wurde gelöscht

"Funktionskurven-Bearbeitungsmodus"

Das Befehlssymbol ganz links in der Timeline lautet "Funktionskurven-Bearbeitungsmodus".

Drücken Sie

 

Wechseln Sie in den Funktionskurven-Bearbeitungsmodus

Klicken Sie neben "Funktionskurven-Bearbeitungsmodus" auf "Zum Zoomen ziehen".

 

Erweitern Sie die Timeline-Anzeige, da sich die Anzeige in einem Knödelzustand befindet

Ziehen Sie zum Erweitern von links nach rechts

 

Sie können keine anderen Arbeiten ausführen, während "Zum Zoomen ziehen" gedrückt gehalten wird.

Zum Loslassen erneut drücken

 

Im aufgeklappten Zustand wird ein horizontal gestreckter Keyframe angezeigt.

 

Klicken Sie im Element auf dem linken Keyframe auf "Position"

Es wird nur die "Funktionskurve" der Position angezeigt

 

Sie können Elemente auswählen, die angezeigt werden sollen, und nur die Funktionskurven bedienen, die Sie benötigen.

Rot ist die Funktionskurve der X-Achse und Grün ist die Funktionskurve der Y-Achse.

Bearbeiten Sie die vertikale Bewegung des Balls, und bearbeiten Sie die grüne Funktionskurve

 

Klicken Sie, um den Keyframe-Punkt des grünen Scheitelpunkts auszuwählen

Dies ist die Position, an der es den Boden berührt

(Es kann schwierig sein zu verstehen, dass die Oberseite niedrig ist, wenn Sie sich nicht daran gewöhnen)

 

Klicken Sie auf das Symbol "Vor und nach der Keyframe-Kurve teilen"

 

Der geteilte Griff bewegt sich frei von einer Seite zur anderen

 

Durch Schärfen der Funktionskurve

Es wird sich bewegen, als ob der geerdete Ball kräftig gedreht wurde.

 

Wenn die linken und rechten Funktionskurven die richtige Form haben

Beenden Sie den Funktionskurvenmodus

Drücken Sie auf das Symbol "Funktionskurven-Bearbeitungsmodus", um zur ursprünglichen Zeitachse zurückzukehren

Bouncing Ball mit Funktionskurve

Anime bisher

Dem Schatten des Bodens wurden Keyframes hinzugefügt

Der Schatten des Bodens verschwindet durch den Einfluss von Licht von allen Seiten, wenn der Ball steigt.

Ich werde so etwas mit Keyframes erstellen

 

Auf der Timeline

Klicken Sie auf den ersten Rahmen der Bodenschattenebene

Klicken Sie auf das Symbol "Layer-Keyframes aktivieren"

 

Stellen Sie sicher, dass das Unterwerkzeug ein "Objekt" ist.

"Mittelpunkt" der "Bodenschattenebene" auf Leinwand

Halten Sie die Umschalttaste gedrückt und ziehen Sie, um sie in die Mitte des "Schattens" zu verschieben.

 

Stellen Sie das "Vergrößerungsverhältnis" der Werkzeugeigenschaftspalette für (horizontal und vertikal) auf 50 (%) ein.

 

Klicken Sie in der Timeline auf (1 + 1) und drücken Sie "Keyframe hinzufügen".

(0 + 1) und (0 + 1) Keyframes haben die gleiche Vergrößerung

Klicken Sie in der Timeline auf (0 + 7)

Setzen Sie die "Vergrößerung" der Werkzeugeigenschaftspalette für (horizontal und vertikal) auf (100) zurück.

 

Klicken Sie auf das Symbol "Bearbeitungsmodus der Funktionskurve" auf der linken Seite der Timeline

 

Drücken Sie auf der linken Seite auf "Vergrößerung"

 

Da die X-Achse und die Y-Achse ordentlich s sind, ist das Grün der Y-Achse nach unten gerichtet und kann nicht gesehen werden.

Wenn nur "Y" angezeigt wird, kann "Y" angezeigt werden, ohne durch "X" gestört zu werden.

 

Klicken Sie auf die Spitze des "Y" -Schlüsselrahmens

Klicken Sie auf das Symbol "Vor und nach der Keyframe-Kurve teilen"

 

Betätigen Sie den linken und rechten Griff, um die Eckpunkte von Keyframes zu schärfen

 

Anzeige "X"

Klicken Sie auf die Spitze des Keyframes "X"

Klicken Sie auf das Symbol "Vor und nach der Keyframe-Kurve teilen"

 

So viel wie möglich mit der Funktionskurve "Y" überlappen

Betätigen Sie den linken und rechten Griff des "X", um die Eckpunkte von Keyframes zu schärfen.

 

Wenn möglich

Drücken Sie auf das Symbol "Funktionskurven-Bearbeitungsmodus", um zur ursprünglichen Zeitachse zurückzukehren

Erstellen Sie einen Schatten, der auf der Höhe des Balls verschwindet

 

Klicken Sie in der Timeline auf (0 + 4)

Setzen Sie "Deckkraft" der Ebenenpalette auf 0

Der Schatten des Bodens verschwindet von der Leinwand

 

Klicken Sie in der Timeline auf (0 + 10)

Ich habe "Deckkraft" in der Ebenenpalette auf 0 gesetzt.

Wenn es 0 bleibt, werden keine Keyframes hinzugefügt. Bewegen Sie den Schieberegler daher auf einen anderen Wert als 0.

Zurück zu 0

Dadurch wird der Keyframe hinzugefügt

 

Das ist nutzlos, aber wenn Sie etwas tun

Dies bedeutet, dass der Keyframe dort erstellt wird.

Wenn Sie etwas tun, das Sie nicht benötigen, drücken Sie (Strg + Z) (Befehl + Z), um zurückzukehren.

 

Klicken Sie in der Timeline auf (0 + 7)

Stellen Sie den Wert für "Deckkraft" in der Ebenenpalette auf 50 ein

Dies ist der Schatten, wenn der Ball den Boden berührt

 

Dies ist das Ende des Keyframes

Stellen Sie abschließend den Anzeigebereich ein

(0 + 1) und (1 + 1) auf der Zeitachse sind dasselbe Bild

Wenn dasselbe Bild vorhanden ist, wird es angehalten und angezeigt, wenn es wiederholt wird

 

Rasieren Sie einen Rahmen

Die blauen Balken links und rechts von der Anzeigezeit oben auf der Zeitachse repräsentieren den Anzeigebereich.

Ziehen Sie den blauen Balken auf den Kolben, um ihn um einen Frame nach links zu verschieben und zu kürzen

Damit ist eine sich wiederholende Animation von 1 Sekunde mit einer Bildrate von 12 abgeschlossen.

Keyframes sind wie unsichtbare Magie

Wenn Sie es gut verwenden, können Sie möglicherweise überraschende Bewegungen ausdrücken.

 

Das Ende

Kommentar

Neu

Neu! Offizielle Tutorials