So erstellen Sie einen animierten Radarbildschirm mit Figurenwerkzeugen

9.492

viciaia

viciaia

Die Figurenwerkzeuge von Clipstudio sind sehr nützlich zum Zeichnen von Formen und Schnittstellen!

In diesem Tutorial zeige ich Ihnen, wie Sie mit Abbildungswerkzeugen Überwachungsschnittstellen zeichnen, wie z.

  • Radar

  • GEOGRAPHISCHES POSITIONIERUNGS SYSTEM

  • Schallwelle

  • Sinus

 

Dann animiere es für dieses coole Ergebnis!!

Lasst uns beginnen!

Videoanleitung

Gestaltung der Displayoberfläche

Um das Interface-Display zu entwerfen, können Sie die Referenz im Internet finden oder Ihr eigenes Design basierend auf dem realen Instrument entwerfen, wenn Sie wissen, wie es funktioniert.

 

Der Hauptzweck der Schnittstellenanzeige besteht darin, die von den Instrumenten überwachten Informationen anzuzeigen. Sie müssen also auf die angezeigten Informationen achten.

 

 

Radar ist ein Instrument, das die Signalwelle sendet und sie auffängt, wenn sie von einem Objekt reflektiert wird, um die Position und die Entfernung (vom Radar) zu erkennen.

 

GPS ist das, woran wir uns in unseren Telefonen gewöhnen, es zeigt einfach die Position auf der Karte aus der Draufsicht an. Möglicherweise müssen Sie nicht wissen, wie es funktioniert, da Sie bereits wissen, wie es Ihre Informationen anzeigt

Hier gebe ich das schnelle Design basierend auf den realen Instrumenten.

Das Design liefert Daten wie das echte Instrument.

Radar: Winkelposition (Grad), Objektmarkierung und Entfernung vom Zentrum

GPS: Hindernisse auf der Karte und Entfernung vom Referenzpunkt

 

 

 

 

Zeichnen der Schnittstelle mit Abbildungswerkzeugen: Radar

Wenn das schnelle Design fertig ist, zeichnen wir es mit Figurenwerkzeugen!

 

Aktivieren Sie das Raster, gehen Sie zu [Ansicht> Raster]

 

Wenn das Standardraster für Sie unklar aussieht, gehen Sie zu [Datei > Einstellungen], um seine Farbe zu ändern

Auf der Registerkarte [Lineal/Einheit] können Sie die [Farbe der Gitterlinie] und [Farbe der Gittertrennlinie] ändern.

Sie können in diesem Menü auch die Deckkraft des Rasters anpassen

 

Jetzt sieht das Raster klarer aus.

 

 

Passen Sie die Rasterskalierung über das Menü [Ansicht > Raster-/Linealleisteneinstellungen] an.

 

Setzen Sie den Startpunkt auf [Center], damit der Linealanfang in der Mitte der Leinwand auf 0 ausgerichtet wird

 

Passen Sie den Abstand des Rasters an, wenn die Standardeinstellung für Sie zu klein oder zu groß ist. Wenn das Raster zu klein ist, ist es zu schwer, die Position zu erkennen, um mit dem Zeichnen der Figur zu beginnen

(Hier habe ich 200 für eine Leinwandgröße von 2000 * 2000 px eingestellt.)

Beginnen wir mit der Entfernungsskala

Erstellen Sie eine neue Vektorebene

Wählen Sie im Unterwerkzeug [Abbildung] die Ellipse aus und deaktivieren Sie das Anti-Aliasing

Aktivieren Sie [Am Raster ausrichten]

Zeichnen Sie den Kreis, indem Sie an einem Rasterpunkt an der Kante beginnen, der Kreis wird am Raster einrasten

Mit einem Raster können Sie leicht die Größe des Kreises sehen und ob er am Mittelpunkt der Leinwand ausgerichtet ist oder nicht.

(Sie können beim Ziehen die [Umschalttaste] gedrückt halten, um den Kreis mit dem symmetrischen Verhältnis zu erstellen)

 

Für den kleineren Kreis können Sie den Startpunkt zum nächsten Gitterschnittpunkt verschieben, die obere und linke Seite des Kreises werden an der Gitterlinie ausgerichtet. Dies macht es so einfach, den Kreis anzupassen.

Dies ist ein Hinweis auf den Startpunkt für alle Kreise für mein Design.

 

Ich teile den inneren Kreis mit einer weniger kleinen Lücke, also verwende ich den Punkt zwischen zwei Gitterschnittpunkten (auf den Gittertrennlinien)

 

Um die Linienstärke des Kreises zu ändern, verwenden Sie das Objektwerkzeug und wählen Sie den Kreis aus.

Und im Werkzeugeigenschaftenbereich können Sie die Linienstärke über die Option [Pinselgröße] anpassen.

 

 

Um die Messskala auf den Kreis zu legen, trennen Sie die Skala von Abschnitten mit größerem Grad und trimmen Sie sie dann auf kleinere. (hier verwende ich 10-Grad-Lücken)

 

Erstellen Sie eine neue Ebene, um den Wert zu notieren, um die Arbeit zu erleichtern

Ich beachte auch die Entfernungsskalen.

Zeichnen Sie die separate Linie für die Skala,

Erstellen Sie eine neue Vektorebene und zeichnen Sie einen Kreis, der alle Designs abdeckt.

Dieser Kreis hilft uns, um den Mittelpunkt der Zeichnung zu rotieren.

Verwenden Sie den [Mili-Stift] oder [Füll-Mono-Stift] im Unterwerkzeug [Marke], um die Trennlinie zu zeichnen.

Stellen Sie das Anti-Aliasing auf [Keine] ein

 

Zeichnen Sie die Trennlinie für 90 und 180 Grad

Duplizieren Sie die Ebene, indem Sie sie auf das neue Ebenensymbol ziehen.

Wählen Sie die Ebene aus und erstellen Sie eine freie Transformation (drücken Sie [Strg+T] oder gehen Sie zu [Bearbeiten>Transformieren>Freie Transformation])

 

Ändern Sie dann im Werkzeugeigenschaftenbereich den Drehwinkel auf 30 Grad

 

Bestätigen Sie die Transformation, indem Sie [Enter] drücken.

 

Wiederholen Sie den Schritt, kopieren Sie die Ebene erneut und drehen Sie sie um weitere 30 Grad

 

Wir erhalten 30-Grad-Schritt-Linien

 

Halten Sie die [Umschalttaste] gedrückt und wählen Sie alle Ebenen aus, klicken Sie mit der rechten Maustaste und führen Sie sie zusammen

Bei Schritten von 10 Grad dupliziere ich die Ebene erneut und wiederhole die Schritte, aber statt 30 Grad nur um 10 Grad drehen.

Optional: Verwenden Sie das [Objekt]-Tool und legen Sie die Linienstärke und -farbe im Tool-Eigenschaftenfenster fest

Wenn Sie fertig sind, fügen Sie die Schicht der 10-Grad-Linien zusammen

 

Verwenden Sie den harten Radierer, aktiviert den Vektor-Radierer mit dem Modus [bis zum Schnittpunkt löschen]

 

Löschen Sie auch den äußeren Kreis, Sie erhalten den Linienabstand für die Skala.

Wiederholen Sie den Schritt auch mit 30-Grad-Linientrennung und ändern Sie dann die Farbe mit [Objektwerkzeug]

Für die alternative Verwendung zum Erstellen eines Kreises über der Zeichnung können Sie auch das Auswahlwerkzeug verwenden, es wird auch am Raster einrasten

 

Kopieren Sie die Ebene mit einer 10-Grad-Skala und zeichnen Sie [Ellipse] über die Zeichnung

 

Transformation erstellen und um 5 Grad drehen

Wiederholen Sie es noch einmal und die Waage ist fertig!

Hinweis: Nachteil für die Auswahl als der Proxy-Kreis ist, dass Sie die Auswahl möglicherweise immer wieder neu zeichnen müssen, aber Sie können alles verwenden, was Ihnen leichter fällt :)

 

Ich erstelle längere Linien auf einer 30-Grad-Skala, indem ich die Ebene kopiere, eine freie Transformation erstelle und ihre Größe ein wenig anpasse

 

(Stellen Sie sicher, dass [Vektorbreite ändern] deaktiviert ist.)

 

Geben Sie die Skalennummer mit dem Textwerkzeug ein

Erstellen Sie dann eine neue Ebene und zeichnen Sie den Kreis, der die Zahl und die gesamte Zeichnung bedeckt

Kopieren Sie nur den Text und wählen Sie sowohl die Text- als auch die Kreisebene aus

Erstellen Sie eine kostenlose Transformation und drehen Sie sie um 90 Grad. Bearbeiten Sie dann die Zahl

Kopieren Sie dann beide Ebenen und wiederholen Sie die Schritte mit einer 90-Grad-Drehung

Wiederholen Sie die Schritte erneut mit einer Drehung um 30 Grad, jetzt können Sie die Nummer für alle 30-Grad-Schritte haben

Legen Sie alle Zahlen in einen Ordner und kopieren Sie ihn für einen kleineren Maßstab erneut

Passen Sie die Schriftgröße etwas nach unten

Erstellen Sie eine freie Transformation für den Ordner und passen Sie sie an die Zeichnung an. Stellen Sie sicher, dass sich der Mittelpunkt der Transformation in der Mitte der Zeichnung befindet.

Drehen Sie es in die Skalenposition

Ordner kopieren und erneut drehen

Bearbeiten Sie dann die Zahl auf den Grad der Schritte

Sie können die Nummer gruppieren, indem Sie sie auswählen und [Rechtsklick > Ausgewählte Ebenen zusammenführen]

Sie können die Nummer innerhalb der Gruppe weiterhin mit den Werkzeugen [Objekt] und [Text] bearbeiten

Optional: Passen Sie die Deckkraft des kleinen Maßstabs etwas nach unten, damit der große Maßstab mehr hervorsticht

Fügen Sie auch die Nummer für die Distanzlinie hinzu

Die Waage ist fertig

 

Im nächsten Schritt erstellen wir das Scannen zum Radar

Erstellen Sie eine neue Ebene und zeichnen Sie einen weißen Kreis, der den Bereich darin abdeckt

 

WICHTIG!: Deaktivieren Sie das Anti-Aliasing

 

Wandeln Sie die Ebene in ein Dateiobjekt um. Klicken Sie mit der rechten Maustaste auf die Ebene [Dateiobjekt>Ebene in Dateiobjekt konvertieren]

Der Bereich muss auf [Zeichenbereich] eingestellt sein

Öffnen Sie das Dateiobjekt.

Aktivieren und stellen Sie das Raster so ein, dass es von der Mitte aus mit einem etwas großen Abstand beginnt, damit Sie die Mitte des Kreises leicht sehen können

 

Verwenden Sie das Werkzeug [Gerade Linie], um den Bereich für den Farbverlauf zu erstellen.

WICHTIG!: Schalten Sie hier auch das Anti-Aliasing aus

 

 

Sperren Sie die Ebene transparent

 

Wählen Sie das Grau -95% auf der Farbpalette aus und ziehen Sie eine Linie, indem Sie vom Mittelpunkt zum Rand ziehen

Wählen Sie das Grau -50% aus und ziehen Sie eine weitere Linie, beginnen Sie ebenfalls von der Mitte und machen Sie einen Winkelabstand zwischen der ersten Linie

Zeichnen Sie eine weitere Linie, indem Sie die hellere graue Farbe auswählen und vom Mittelpunkt aus beginnen

(Hier gibt es 4 Zeilen, aber die neueste ist möglicherweise schwer zu erkennen, da ich Grau -5% verwende)

 

Wählen Sie auf der Registerkarte „Verlauf“ den Freiformverlauf, das Werkzeug [Normales Malen]

 

Setzen Sie die [Toleranz] auf 0

 

(wenn die Toleranz nicht auf 0 gesetzt ist, wird der Farbverlauf auslaufen, wenn der Farbwert zu hell ist, zum Beispiel: bei Grau-5%)

 

Klicken Sie, um den Bereich zu füllen. Der Farbverlauf wird um den Wert von 2 Linien erstellt

 

Füllen Sie alle anderen Bereiche aus

Es gibt auch eine Option für den Gradientenbetrag zwischen 2 Linien zu wählen.

 

Zum Beispiel [Der hellste Schatten] ergibt bei helleren Linien ein größeres Verhältnis als bei dunkleren Linien

 

Sie können den Wertbetrag auch anpassen, indem Sie die Grafik anpassen

Füllen Sie den gesamten Bereich aus, das Ergebnis sieht so aus

Sie sehen möglicherweise, dass die meisten Teile grau sind, mit Ausnahme einiger Bereiche mit -5% grauer Farbe.

Passen Sie die Helligkeit an, um es weiß zu machen, gehen Sie zu [Bearbeiten > Tonwertkorrektur > Helligkeit/Kontrast]

Der hellgraue Bereich wird weiß

Löschen Sie unerwünschten Bereich, wählen Sie [Polylinie] im Unterwerkzeug [Auswahlbereich]

 

Erstellen Sie eine Auswahl, die den dunkelsten Bereich und den weißen Bereich durchschneidet

 

Und löschen Sie es ([Strg+D], um die Auswahl aufzuheben)

Machen Sie es zu einem transparenten Teil, gehen Sie zu [Bearbeiten> Helligkeit in Deckkraft ändern]

Speichern Sie die Datei und kehren Sie zur Hauptzeichnung zurück. Es wird automatisch angezeigt

(Wenn es nicht angezeigt wird, klicken Sie mit der rechten Maustaste auf die Ebene [Dateiobjekt> Dateiobjekt aktualisieren])

Ändern Sie die Ebenenfarbe, indem Sie auf dieses Symbol im Ebenenbedienfeld klicken (oder aktivieren Sie es im Ebeneneigenschaftenbedienfeld).

Stellen Sie die Farbe auf Grün und der Radar-Sweeper ist fertig!

 

Durch die Konvertierung in eine Objektdatei erhält sie die Ebenengrenze des Objektbereichs.

Sie können es einfach in die Mitte des Radars drehen

 

Objekte auf dem Radarbildschirm hinzufügen

 

Erstellen Sie eine neue Vektorebene und zeichnen Sie das Symbol für Objekte auf dem Radar mit der [Geraden Linie] oder [Polylinie] im Abbildungsunterwerkzeug

 

Verwenden Sie das Werkzeug [Objekt], um die Größe zu ändern und an die gewünschte Position zu verschieben

Sie können das ausgewählte Objekt mit [Strg+C] und [Strg+V] kopieren und einfügen.

Das kopierte Objekt wird über dem Originalobjekt platziert, an eine andere Position verschoben.

 

Ändern Sie die Farbe der Linie mit dem [Objekt]-Tool und fertig!

Zeichnen der Schnittstelle mit Abbildungswerkzeugen: GPS

Schnellskizze zu der Karte, die wir zeichnen werden.

Der hervorgehobene Bereich stellt die höhere Ebene auf der Karte dar.

 

Ich empfehle, die Ecke der Skizze an der Rasterlinie auszurichten. Im nächsten Schritt ist es einfach, das Kartenraster zu zeichnen

Zeichnen Sie die Umrandung mit dem [Rechteck]-Werkzeug

Erstellen Sie eine neue Vektorebene und zeichnen Sie das Gitter

Es gibt mehrere Möglichkeiten, das Raster zu zeichnen, das verwende ich gerne

 

1. Zeichnen Sie es mit dem Werkzeug [Rechteck], machen Sie es größer als den Rahmenrand

2. Zeichnen Sie es mit dem Unterwerkzeug [Polylinie], zeichnen Sie es kontinuierlich über die Rahmengrenze

Wenn Sie fertig sind, erstellen Sie eine Auswahl, die etwas größer als der Rahmenrand ist.

Klicken Sie auf das Umkehrsymbol (oder [Strg+Umschalt+i]), um die Auswahl umzukehren und den unerwünschten Bereich der Rasterzeichnung zu löschen.

 

Verwenden Sie das Werkzeug [Objekt], um die Größe der Linie anzupassen

 

Sie können die Linien auswählen, mit [Strg+X] ausschneiden und in eine andere Vektorebene einfügen, um sie zu trennen und die Deckkraft separat anzupassen

 

Das ist das Ergebnis

Fügen Sie auch die Zahl hinzu, damit es realistischer aussieht

Erstellen Sie eine neue Rasterebene und zeichnen Sie die Karte mit dem Werkzeug [Lasso füllen], indem Sie sie am Raster ausrichten, um einen coolen Pixel-Look zu erzeugen!

 

Zeichnen Sie zuerst den markierten Bereich

 

Zeichnen Sie dann einen weiteren Bereich auf einer neuen Ebene, passen Sie die Ebene [Deckkraft] nach unten an, um den Unterschied zwischen den 2 Ebenen zu sehen

Optional: Ich füge den Referenzpunkt in der Mitte des Bildes hinzu und fertig!

Zeichnen der Benutzeroberfläche mit Figurenwerkzeugen: Wellen

Für die Schallwelle werde ich den Pinsel [Texturierter Stift] ändern, um die Schallwelle zu erstellen

 

Klicken Sie auf das Detailsymbol des Unterwerkzeugs, um den Pinsel zu bearbeiten

 

Hier sind die Einstellungsschritte

 

1. Deaktivieren Sie das Anti-Aliasing

 

2. Schalten Sie die Lücke in den Modus [Fixed] um und fügen Sie mehr Lückenraum hinzu

3. Ändern Sie in der Pinselspitzenoption die Pinselstärke mit Richtung [Horizontal] auf 1000.

4. Setzen Sie die Dickendynamik auf [Random] mit minimalem Wert 0 (klicken Sie auf das kleine Symbol hinter der Einstellungsleiste)

5. Deaktivieren Sie die Winkeldynamik und ändern Sie den Winkel auf 90

Der Pinsel ist gebrauchsfertig

Registrieren Sie den Pinsel in der Voreinstellung im Unterwerkzeug-Detailbedienfeld, Registerkarte [Pinselform]

Erstellen Sie eine neue Vektorebene und zeichnen Sie mit dem Unterwerkzeug [Polylinie] eine gerade Linie

Klicken Sie auf , um mehrere Kontrollpunkte im Raster zu erstellen.

Doppelklicken Sie, um das Zeichnen zu beenden

 

Wählen Sie die Linie mit dem [Objekt]-Werkzeug aus und wählen Sie im Unterwerkzeug-Detailbereich auf der Registerkarte [Pinselform] den von uns erstellten Wellenpinsel aus

Jetzt bekommst du eine ganz einfache Schallwelle

Verwenden Sie im Unterwerkzeug [Linie korrigieren] das Werkzeug [Linienbreite anpassen] mit der Option [Breite vergrößern].

Klicken Sie auf die Linie, um der Welle eine andere Amplitude zu verleihen

 

Für die Sinuswelle zeichne ich sie mit dem Bezierkurvenwerkzeug

Erstellen Sie eine neue Rasterebene und wählen Sie [Bazier-Kurve] im Unterwerkzeug [Abbildung]

 

Klicken und ziehen, um einen Arm für den ersten Kontrollpunkt zu erstellen

Klicken Sie dann auf den Mittelpunkt der Welle, es wird eine Kurve erstellt

(der Abstand im vertikalen Bereich beträgt 6 Blöcke)

 

Klicken und ziehen Sie es, um es mit der ersten Kurve zu spiegeln, und doppelklicken Sie dann, um die Linie zu übernehmen

 

Vergrößern und löschen Sie den Spitzenbereich sowohl am Start- als auch am Endpunkt

Konvertieren Sie die Welle in die Bildmaterialebene, klicken Sie mit der rechten Maustaste auf die Ebene und [Ebene konvertieren]

Setzen Sie es in die Bildmaterialebene

 

 

Hinweis: Sie können es auch in ein Objekt umwandeln, die Tintenbreite lässt sich später leicht anpassen.

 

Wählen Sie die Ebene mit dem [Objekt]-Werkzeug aus und aktivieren Sie die Kacheloption und stellen Sie den Wiederholungsmodus ein

Deaktivieren Sie [Seitenverhältnis beibehalten] und Sie können es dehnen oder komprimieren

Um die Welle im Anzeigebereich zu fixieren, ziehen Sie die Rechteckauswahl auf den gewünschten Bereich,

Klicken Sie dann mit der rechten Maustaste auf die Ebene [Ebenenmaske> Außerhalb der Auswahl maskieren]

Zeichnen Sie einen Rand für die Welle und fertig !!

Um auf das Hauptbild anzuwenden, legen Sie alle Ebenen in einen Ordner

Dann kopiere es und füge es in das Bild ein

 

Wählen Sie den Ebenenordner aus und erstellen Sie eine Transformation. Dann in die gewünschte Position verschieben

Sie können den Modus auf Schräglauf ändern, um ihn am Bildschirmwinkel auszurichten

Wenn eine Linie in ihrer Position zu dünn ist,

Sie können den Rand mit derselben Farbe hinzufügen, um dickere Linien zu erstellen.

 

Animieren der Überwachungsschnittstellen

In diesem Teil werden wir das Panel mit einfachen Animationsschritten verzaubern!

 

Klicken Sie im [Timeline]-Bedienfeld auf das Symbol [Neue Timeline]

(Dieses Panel über das Menü [Fenster > Zeitleiste] anzeigen)

 

Hier ist die Grundeinstellung für Loop-Animation, die mit Clipstudio Pro kompatibel ist

Bildrate: 8 und Wiedergabezeit: 24

Wir werden diese Einstellung für das gesamte Panel verwenden. Beginnen wir mit der Radaranimation

 

Wählen Sie das von uns vorbereitete Radarobjekt aus und aktivieren Sie den Layer-Keyframe

 

Setzen Sie den neuen Keyframe-Modus auf [Lineare Interpolation]

Erstellen Sie dann einen neuen Keyframe auf Frame 0 und 24

Wechseln Sie zum Werkzeug [Objekt] und klicken Sie auf das Objekt

Stellen Sie unter [Rotationswinkel] den Wert auf -360 . ein

 

Ziehen Sie dann den Keyframe etwas zurück, um die Lücke zwischen der Schleife zu entfernen

 

Dadurch bewegt sich das Radar!!

Optional: Um das Aussehen zu verzaubern, können Sie auch den wachsenden Effekt auf dem Radarobjekt hinzufügen, wenn es auch überstrichen wurde.

Um diesen Effekt zu erzielen, erstellen Sie einen Farbverlaufskreis wie beim Radar-Sweep, aber geben Sie den dunklen Bereich größer

Wenden Sie dann den Unschärfeeffekt an

Konvertieren Sie es in die Objektdatei- oder Bildmaterialebene und stellen Sie dann die Ebenenfarbe auf Grün und dunkleres Grün für aktive und inaktive Farbe ein

Auswahl aus dem Symbollayer erstellen, Rechtsklick und [Auswahl aus Layer > Auswahl erstellen]

Dann außerhalb der Auswahl maskieren

Bei Animationsobjekten mit Maske müssen Sie auf die Ebenenminiatur klicken, um sicherzustellen, dass sie mit der Ebene und nicht mit der Maske aktiv ist

Wiederholen Sie dann den Schritt der Animation des Radar-Sweeps (mit dem gleichen Wert), damit er sich zusammen bewegt

Für die GPS-Karte habe ich die Fokusanimation als Kreis eingefügt, der in die Mitte des Bildes schrumpft

Zeichnen Sie einen Kreis in der Mitte des Bildes, konvertieren Sie ihn in eine Bildmaterialebene und aktivieren Sie dann den Ebenen-Keyframe

Erhöhen Sie die Größe des ersten Keyframes, bis er größer als der Frame ist

Und beim letzten Keyframe die Größe auf den Mittelpunkt verkleinern

Dann mit Ebenenmaske in den Rahmen einpassen

 

Treffen Sie eine Rechteckauswahl für den Kartenbereich

 

Deaktivieren Sie den Ebenen-Keyframe und maskieren Sie dann die äußere Auswahl

Aktivieren Sie den Ebenen-Keyframe erneut und fertig!

Für die Schallwellenanimation verwenden wir die Frame-by-Frame-Methode

Erstellen Sie einen neuen Animationsordner

Legen Sie die von uns erstellte Welle in den Animationsordner

Klicken Sie dann mit der rechten Maustaste auf die Zeitleiste und stellen Sie sie so ein, dass sie im Rahmen angezeigt wird

 

Verwenden Sie das Werkzeug [Linienbreite anpassen] im Unterwerkzeug [Linie korrigieren], um die Linie zurückzusetzen

Verwenden Sie den Modus [Breite fixieren] und [Die gesamte Linie verarbeiten]

 

Benennen Sie die Ebene in „01“ um und kopieren Sie die Ebene, sie wird automatisch „02“ genannt.

 

Stellen Sie es so ein, dass es auf der Timeline angezeigt wird

 

Verwenden Sie den Modus [Breite vergrößern] und deaktivieren Sie die Option [Ganze Linie verarbeiten], um die Linie anzupassen

Wiederholen Sie die Schritte für einen weiteren Keyframe und fertig!

Für die Sinuswelle müssen wir nach dem Muster suchen, bei dem sich die Welle wiederholt

Um es zu animieren, aktivieren Sie einfach den Ebenen-Keyframe, fügen Sie Start- und End-Keyframe hinzu.

Verschieben Sie dann beim letzten Keyframe das Objekt in seine Wiederholungsposition

Hinweis: Halten Sie beim Verschieben die [Umschalt]-Taste gedrückt, um es in horizontaler Ausrichtung von seiner alten Position zu verschieben

Wenden Sie die animierte Benutzeroberfläche in Ihre Kunst an

Bevor Sie alles zusammenstellen, müssen Sie die Leinwand der Schnittstellendatei zuschneiden und die Papierebene entfernen.

 

Um das Bild einfach zuzuschneiden, treffen Sie eine Auswahl mit dem Rechteckwerkzeug, um den gesamten Zeichenbereich abzudecken, und wählen Sie dann [Bearbeiten> Zuschneiden]

 

Löschen Sie die Papierschicht und es ist fertig

Erstellen Sie in der Hauptdatei eine neue Zeitleiste mit derselben Einstellung wie die Anzeigedatei (8 Bilder pro Sekunde/24 Bilder Wiedergabezeit)

 

Importieren Sie dann die Anzeige als Dateiobjekt, gehen Sie zu [Datei>Importieren>Dateiobjekt erstellen]

 

Sie können den Winkel anpassen, indem Sie den Modus im Werkzeug [Objekt] auf [Schrägen] einstellen.

Die Ebene maskieren oder neu anordnen, um das richtige Ergebnis zu erzielen, und fertig!

Den Hologramm-Look des Displays finden Sie in meinem alten Tutorial zum Erstellen des Hologramm-Effekts:

Ich hoffe ihr bekommt ein paar Ideen für eure Kunst!! Figurenwerkzeug macht Spaß! Probiere es aus <3

 

Bleiben Sie bitte gesund und genießen Sie das Zeichnen/Animieren!

Kommentar

Neu

Neu! Offizielle Tutorials