Kacheln und Animationen mit Dateiobjekten

4.831

けも

けも

CLIP-Animationsdateien (.clip) können so wie sie sind als Dateiobjekte gelesen werden

Dateiobjekte können gekachelt werden

Indem Sie dies kombinieren, können Sie eine Kachel erstellen, die animiert

 

Die CLIP-Datei, die das Dateiobjekt gelesen hat

Und lesen Sie es als Dateiobjekt

Erstellen Sie komplexere Animationskacheln

 

Wenn Sie es kompliziert machen, bleibt keine Zeit zum Rendern

Da wird die Erklärung hier auch schwierig

Einfach machen

 

Unterwegs gibt es auch "Bug 👻" und seine "Vermeidung" (Version 1.9.7)

Kirschblüten drehen

Erstellen Sie eine "neue Illustration"

Dateiname "sakura400" Einheit "px" Breite "400" Höhe "400" Auflösung "1200" Grundausdruck Farbe "Farbe"

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

Wählen Sie "Grid Ruler Settings" aus dem Menü "View"

Setzen Sie "Grid Ruler Origin" auf "Center"

Mit dem Ellipsen-Unterwerkzeug des Formwerkzeugs

Rasten Sie am Raster ein und zeichnen Sie einen (200 x 200 Pixel) "Kreis" in die Mitte der Leinwand

Zeichnen Sie Kirschblüten, um nicht aus diesem Kreis herauszutreten

Da das Zeichnen mühsam ist, verwende ich das Tonnetz

(1200 dpi)

 

Wählen Sie "Ton" aus "Neue Ebene" im Ebenenmenü

Stellen Sie die Tonzahl auf "5", Dichte "34", Typ "Sakura (mittel)", Winkel "0" (dies ist das Ergebnis des Versuchs)

Stellen Sie das Unterwerkzeug auf "Ebenen verschieben".

Stellen Sie das Bewegungsziel in der Werkzeugeigenschaftspalette auf "Ton"

Ziehen Sie den Sakura-Ton in die Mitte des Kreises auf der Leinwand

Bevor Sie es vergessen, verschieben Sie das Ziel von "Ebene verschieben" zurück zu "Ebene".

Wählen Sie "Rasterize" aus dem Ebenenmenü

Die Tonebene wurde in eine Rasterebene konvertiert

 

Ich brauche keine Ebenenmaske, also werde ich sie wegwerfen

Erstellt eine Auswahl und löscht alle außer der zentralen "Kirschblüte"

Verstecke auch den "Kreis"

 

"Kirschblüten" sehen außermittig aus,

Sie können bestätigen, dass es sich um das Zentrum handelt, indem Sie "Kreis" anzeigen.

Wenn Sie bestätigen, können Sie den "Kreis" verwerfen.

Machen Sie "Bildmaterialebene", um "Kirschblüte" in der Mitte zu drehen

Wählen Sie "Alle auswählen" aus dem Auswahlmenü

 

Wählen Sie "Ebene konvertieren" aus dem Menü "Ebene"

Nennen Sie es "Sakura" und geben Sie "Bildmaterialebene" ein und klicken Sie auf "OK".

 

"Auswahl aufheben" im Auswahlmenü

Wählen Sie "Timeline" aus dem Fenstermenü

Klicken Sie auf das Symbol "Neue Zeitleiste" in der Zeitleiste

 

Stellen Sie die Bildrate auf "24" und die Wiedergabezeit auf "12 + 0" (Sekunde + Bild).

Machen Sie das Unterwerkzeug zu einem "Objektwerkzeug"

Keyframe-Operationen verwenden viele Objektwerkzeuge

 

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

Drücken Sie auf das Symbol "Keyframe-Interpolation" auf der Timeline und wählen Sie "Zu erstellender Keyframe: Konstante Geschwindigkeit".

Stellen Sie sicher, dass der erste Frame ausgewählt ist, und klicken Sie auf das Symbol "Keyframe hinzufügen"

Dem ersten Frame der Timeline wird ein Keyframe hinzugefügt

Klicken Sie auf das Symbol "Letzte" neben den beiden Wiedergabetasten auf der Timeline

Das letzte Bild der Timeline wird ausgewählt

Stellen Sie "Drehwinkel" in der Werkzeugeigenschaftspalette auf "720".

(Dies ist die "Kirschblüte", die innerhalb von 12 Sekunden zweimal nach rechts abbiegt.)

 

Wählen Sie den letzten Keyframe auf der Timeline aus

Verschieben Sie einen Keyframe einen Frame nach rechts außerhalb der Timeline-Anzeige

(Dieser Vorgang kann nur rückgängig gemacht werden.)

Speichern Sie "sakura400"

"Sakura blossom" dreht sich beim Abspielen der Animation langsam

Es ist nicht wirklich interessant, weil es nicht handgeschrieben ist

Kirschblüten bewegen

Erstellen Sie eine neue "Neue Illustration"

Dateiname "sakura1600" Einheit "px" Breite "400" Höhe "400" Auflösung "72" Grundausdruck Farbe "Farbe"

 

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

Wählen Sie "Grid Ruler Settings" aus dem Menü "View"

Setzen Sie "Grid Ruler Origin" auf "Center"

Wählen Sie im Dateimenü unter "Importieren" die Option "Dateiobjekt erstellen".

Laden Sie den zuvor gespeicherten (sakura400.clip)

 

Wählen Sie "Objektwerkzeug" des Unterwerkzeugs

Überprüfen Sie die Werkzeugeigenschaftspalette

Deaktivieren Sie "Papier zeichnen" in "Rendereinstellungen".

Aktivieren Sie "Kacheln".

Timeline anzeigen

Klicken Sie in der Zeitleiste auf "Neue Zeitleiste"

"OK" mit der zuvor eingestellten Bildrate "24" und der Wiedergabezeit "12 + 0" (Sekunde + Bild)

 

Kopieren Sie "sakura400" in die Ebenenpalette

Nennen Sie jede Schicht "sakura400A" "sakura400B"

Bewegen Sie "sakura400A" nach links oben. Bewegen Sie "sakura400B" nach rechts unten

Verstecke "sakura400B" in der Ebenenpalette

Sie können es angezeigt lassen, aber es kann stören

Wählen Sie "sakura400A"

 

Klicken Sie in der Timeline auf "Keyframes für Layer aktivieren"

Wählen Sie "Keyframe zum Erstellen: Glätten" für "Keyframe-Interpolation" auf der Timeline.

Stellen Sie sicher, dass der erste Frame ausgewählt ist, und klicken Sie auf "Keyframe hinzufügen".

Wählen Sie den Frame eine Sekunde später aus (25. Frame) und klicken Sie auf "Keyframe hinzufügen".

Zu jedem Frame der Timeline werden Keyframes hinzugefügt

Wählen Sie (13 Bilder pro Sekunde) in der Timeline

Bewegen Sie die Ebene "sakura400A" nach unten (300px).

 

(2 Sekunden 13 Frames) und wählen Sie "Keyframe hinzufügen"

 

(3 Sekunden 01 Frames)

Bewegen Sie die Ebene "sakura400A" nach unten (300px).

(4 Sekunden 01 Frames) und wählen Sie "Keyframe hinzufügen"

 

(4 Sekunden, 13 Bilder)

Bewegen Sie die Ebene "sakura400A" nach rechts (300px).

 

(5 Sekunden 13 Frames) und wählen Sie "Keyframe hinzufügen"

 

(6 Sekunden 01 Frames)

Bewegen Sie die Ebene "sakura400A" nach rechts (300px).

 

Es gibt keine Illustration

(7 Sekunden 01 Frames) und "Keyframe hinzufügen"

Wählen Sie (7 Sekunden, 13 Bilder) und verschieben Sie die Ebene nach unten (300 Pixel).

(8 Sekunden 13 Frames) und wählen Sie "Keyframe hinzufügen"

Wählen Sie (9 Sekunden 01 Frame) und verschieben Sie die Ebene nach unten (300px).

(10 Sekunden 01 Frames) und "Keyframe hinzufügen"

(10 Sekunden, 13 Bilder) und verschieben Sie die Ebene nach rechts (300px)

(11 Sekunden 13 Frames) und wählen Sie "Keyframe hinzufügen"

 

Schließlich

(11 Sekunden, 24 Bilder) und verschieben Sie die Ebene nach rechts → (300px)

Wählen Sie den Keyframe (11 Sekunden, 24 Frames) und verschieben Sie ihn nach rechts außerhalb des Displays

Zeigen Sie "sakura400B" an, während Sie "sakura400A" anzeigen, und wählen Sie

Wählen Sie das erste Bild aus

Aktivieren Sie Layer-Keyframes

 

"Fügen Sie einen Schlüsselrahmen hinzu" bei (0 Sekunden 01 Rahmen) und (1 Sekunde 01 Rahmen)

 

Es gibt keine Illustration

(13 Bilder pro Sekunde) und verschieben Sie die Ebene nach oben (300px)

(2 Sekunden 13 Frames) und wählen Sie "Keyframe hinzufügen"

Wählen Sie (3 Sekunden 01 Frame) und verschieben Sie die Ebene nach oben (300px).

(4 Sekunden 01 Frames) und wählen Sie "Keyframe hinzufügen"

Wählen Sie (4 Sekunden 13 Frames) und verschieben Sie die Ebene ← nach links (300px)

(5 Sekunden 13 Frames) und wählen Sie "Keyframe hinzufügen"

Wählen Sie (6 Sekunden 01 Frame) und verschieben Sie die Ebene ← nach links (300px)

(7 Sekunden 01 Frames) und "Keyframe hinzufügen"

Wählen Sie (7 Sekunden, 13 Bilder) und verschieben Sie die Ebene nach oben (300 Pixel).

(8 Sekunden 13 Frames) und wählen Sie "Keyframe hinzufügen"

Wählen Sie (9 Sekunden 01 Frame) und verschieben Sie die Ebene nach oben (300px).

(10 Sekunden 01 Frames) und "Keyframe hinzufügen"

Wählen Sie (10 Sekunden, 13 Bilder) und verschieben Sie die Ebene nach links (300 Pixel).

(11 Sekunden 13 Frames) und wählen Sie "Keyframe hinzufügen"

 

Schließlich

(11 Sekunden, 24 Bilder) und verschieben Sie die Ebene ← nach links (300px)

Wählen Sie den Keyframe (11 Sekunden, 24 Frames) und verschieben Sie ihn nach rechts außerhalb des Displays

Damit ist die Arbeit am Keyframing abgeschlossen

Ändern Sie als Nächstes die Leinwandgröße in (1600 x 1600px).

Es liegt ein "Defekt" vor

 

Versuchen Sie zuerst den Fehler

 

Wählen Sie "Canvas Size ändern" aus dem Menü "Bearbeiten"

"OK" der Referenzpunkt in "Mitte (■)" Breite "1600" Höhe "1600"

 

Es ist kein Problem, wenn Sie 400px behalten

Der Grund, warum wir es auf 1600px erhöht haben

Dies liegt daran, dass es einfacher zu handhaben ist, wenn Sie es als Fliese laden, verformen und verteilen

Schreiben Sie dies als Animation (einschließlich Fehler)

Einige Animationen werden nicht korrekt exportiert

 

korrigieren

"Abbrechen (Strg + Z) (Befehl + Z)" des Bearbeitungsmenüs kehrt vor dem Ändern zur Leinwandgröße zurück

 

Wählen Sie erneut "Leinwandgröße ändern" aus dem Menü "Bearbeiten"

Ändern Sie den Referenzpunkt auf "oben links (■)".

OK mit Breite "1600" und Höhe "1600"

Speichern Sie "sakura1600"

Animation exportieren

Das Animationskachelmaterial ist fertig

 

Wenn Sie "sakura400" löschen

Achten Sie darauf, "sakura1600" nicht zu löschen, da es nicht abgespielt wird

Als Fliesenmaterial verwenden

Ich werde wieder eine neue Illustration erstellen

Dateiname "sakura" Einheit "px" Breite "1600" Höhe "900" Auflösung "72" Grundausdruck Farbe "Farbe"

Stellen Sie beim Erstellen von Animationen die "Auflösung" so weit wie möglich auf (72) ein

Wählen Sie im Dateimenü unter "Importieren" die Option "Dateiobjekt erstellen"

Laden Sie den gespeicherten (sakura1600.clip)

 

Überprüfen Sie die Werkzeugeigenschaftspalette

Klicken Sie auf "Rendereinstellungen" und deaktivieren Sie "Papier zeichnen".

Setzen Sie "Transformationsmethode" auf "Freie Transformation" (andere sind ebenfalls akzeptabel)

Aktivieren Sie "Kacheln".

Ziehen Sie die Kontrollpunkte an den vier Ecken des geladenen "sakura1600" und transformieren Sie sie frei

Unendliche Kacheln sind abgeschlossen

(Es gibt kein Problem, auch wenn Sie andere Verformungsmethoden verwenden!)

 

Da es sich um eine kostbare Kirsche handelt, habe ich den kirschfarbenen Clip "Solid Paint Layer" hergestellt

Timeline anzeigen

Erstellen Sie eine "neue Zeitleiste"

"OK" mit der Bildrate "24" und der Wiedergabezeit "12 + 0"

 

Animieren Sie mit "Spielen" wie es ist

"Kirschblütenmarsch"

Das Animationsmuster ist fertig

 

Sie können spielen, indem Sie den Charakter platzieren und die Farbe der Blume ändern

Da die Kapazität von animierten GIFs enorm wäre, könnte daraus kein kompliziertes Bild gemacht werden

Die Renderzeit ist einfach zu beängstigend

Die "Interpolationsmethode" der Dateiobjektverformung wurde auf "hohe Genauigkeit (Farbmittelwert)" eingestellt.

Und zurück zu "weichen Konturen (bilineare Methode)"

Es war auch überraschend, dass das Schreiben aufhörte

Exportgröße reduzieren, Bildrate verringern,

Ich habe viele Male in Tests geschrieben

Das Anpassen des Renderings war möglicherweise schwieriger als erwartet

 

Zuerst habe ich die Kirschblüten abgestuft und 3D unter die Kirschblüten gelegt.

Alle aufgrund übermäßiger GIF-Kapazität abgelehnt

abschließend

Manchmal komplexe Dinge mit Objektdateien tun

Die Wiedergabe ist möglicherweise fehlerhaft oder der Export funktioniert möglicherweise nicht

Ich wollte etwas professionellere Software

Ich liebe CLIP!

Kommentar

Neu

Neu! Offizielle Tutorials