So erstellen Sie animierte lettische Muster in Adobe Illustrator und After Effects

Was Sie erstellen werden

In diesem Lernprogramm erfahren Sie, wie Sie lettische Zeichen in Adobe Illustrator erstellen und in Adobe After Effects animieren. Um es noch mehr Spaß zu machen, werde ich Ihnen die Grundlagen zeigen, wie Sie eine kleine Bewegung für Ihre Formen und Linien erstellen. Ich werde Ihnen nicht den ganzen Prozess zeigen, gerade genug, um Sie anzufangen. Ich hoffe du wirst Spaß haben und etwas Neues lernen. So lass uns anfangen!

1. Erstellen Sie die Zeichen in Adobe Illustrator

Schritt 1

Beginnen wir mit dem Erstellen eines 1920 x 1080 px dokumentieren. Gehe zu Ansicht> Raster anzeigen. Auch auswählen Am Raster ausrichten und An Punkt ausrichten.


Gehe zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und stellen Sie sicher, dass Sie die gleichen Einstellungen haben.

Schritt 2

Mit dem Stiftwerkzeug (P) ausgewählt, zeichnen Sie eine Linie wie in der Abbildung unten gezeigt. Verwenden Sie die Strichfarbe # 71718E (2 pt). Drücken Sie bei einer ausgewählten Zeile R auf der Tastatur bei gedrückter Taste Alt Taste (Sie sehen drei Punkte) und klicken Sie in die Mitte der Linie. Dies wird die Drehen Fenster. einstellen Winkel zu 45 und klicken Sie auf Kopieren.

Nun, wenn Sie schlagen Steuerung-D, Die Linie wird sich drehen 45 Grad. Fahren Sie fort, bis Sie einen vollständigen Kreis haben. Gruppieren Sie alles (Kontrolle-G) und sperren Sie die Ebene. Erstellen Sie eine neue Ebene und erstellen Sie dann eine Form, wie in der Abbildung unten gezeigt Stiftwerkzeug (P). Sie werden feststellen, wie einfach es ist, diese Formen zu zeichnen, wenn Am Raster ausrichten und An Punkt ausrichten ausgewählt sind.

Wenn diese Form ausgewählt ist, klicken Sie mit der linken Maustaste auf und Transformieren> Nachdenken.

Wählen Vertikale und Kopieren. Halten Sie die Verschiebung drücken Sie die Taste Rechter Pfeil auf der Tastatur, um die Form zu verschieben. Gruppieren Sie beide Formen und drehen Sie sie genauso wie die Linien. Sperren Sie die Ebene und erstellen Sie eine neue. 

Schritt 3

Ein ... kreieren 2 x 2 quadratische Rautenform. Verbinden Sie die Raute mit der vorherigen Form mit einer separaten Linie. Es ist sehr wichtig, dass jede Linie / Form getrennt ist! Verbinden Sie die Linien nicht zu einer Form! Deshalb sperren wir die Ebenen, um dies zu verhindern.

Gruppieren Sie die Raute mit der Linie und drehen Sie sie wie zuvor. Fülle mit Farbe # F9A0AE. Erstellen Sie in der Mitte des Zeichens eine Raute gleicher Größe. Fülle es mit Farbe # 96ECE1.

Verwendung der Stiftwerkzeug (P), Erstellen Sie eine Form wie folgt:

Reflektiere es vertikal und bewege es auf die andere Seite.

Gruppieren Sie beide Formen und drehen Sie sie, diesmal jedoch 90 °. Das erste Zeichen ist fertig!

Schritt 4

Das zweite Zeichen ist im Wesentlichen der mittlere Abschnitt unseres ersten Zeichens. Wählen Sie sie aus, einschließlich der mittleren Raute, und duplizieren Sie die Form, indem Sie die Taste gedrückt halten Alt Taste und ziehen Sie es mit der Maus. Platzieren Sie es auf der Zeichenfläche.

Schritt 5

Erstellen Sie zwei kleine Kreise (1 x 1 quadratisches Gitter) mit Strichfarben # FFD17E und # F9A0AE. Erstellen Sie auch eine Raute mit derselben Farbe und Kontur wie zuvor.


Entsperren Sie die Ebenen und lösen Sie die Formen auf. Platzieren Sie alles auf einer Ebene, aber lassen Sie die Formen und Linien nicht gruppieren. Eine einfache Möglichkeit, dies zu tun, besteht darin, alles auszuwählen und zu treffen Control-X schneiden und Steuerung-B alles wieder in eine Schicht legen. Wählen Sie die Ebene aus und klicken Sie auf Auf Ebenen freigeben.

Jetzt haben Sie alle Formen in separaten Ebenen. Als letztes müssen Sie alle separaten Ebenen mit Ausnahme der ersten auswählen und sie nach oben ziehen. Benennen Sie die Datei Lettische Zeichen und sparen

Öffnen Sie jetzt After Effects.

2. Animation in After Effects

Schritt 1

Um es noch mehr Spaß zu machen, werde ich Ihnen die Grundlagen zeigen, wie Sie eine kleine Bewegung für Ihre Formen und Linien erstellen. Ich werde Ihnen nicht den ganzen Prozess zeigen, gerade genug, um Sie anzufangen. Gehe zu Komposition> Neue Komposition und erstellen Sie ein 1920 x 1080 px Datei.

Verwendung der Rechteckwerkzeug (Q) Zeichne eine Hintergrundform. Klicken Füllen und mit Farbe füllen # F9F9F2.

Gehe zu Datei> Datei importieren und finden Sie die erstellte Illustrator-Datei. Am unteren Bildschirmrand sehen Sie Importieren als. Wählen Zusammensetzung behält Schichtgrößen bei und klicken Sie auf OK.


Ziehen Sie die lettische Zeichenzusammensetzung auf die Hintergrundebene. Doppelklicken Sie auf die Komposition, um sie zu öffnen. Jetzt können Sie alle Ebenen sehen, die wir in Illustrator erstellt haben. 


Um Ihnen den Arbeitsablauf zu erleichtern, würde ich vorschlagen, alle Ebenen umzubenennen (Zeile 1, Rhombus 1 usw.). Klicken Sie dazu mit der rechten Maustaste auf die Ebene und wählen Sie aus Umbenennen. Sie können auch verschiedene Farben für Ebenen erstellen, indem Sie auf das kleine Quadrat neben der Ebene klicken.


Schritt 2

Rutschen Zeitlineal zu 2 Sekunden (oder mehr, wenn Ihre Bewegung länger sein soll), wählen Sie die Form und drücken Sie P zu bringen Position die Einstellungen.

Beweg den Zeitanzeige zu 0 und klicken Sie auf Zeituhr neben der Position.

Beweg den Zeitanzeige zu 1 Sekunde und verschieben Sie die ausgewählte Form nach links / rechts.

Beweg den Zeitanzeige zu 2 Sekunden und Steuerung-C / Steuerung-V das erste Keyframe in Sekunde 2. Wählen Sie alle Keyframes aus und klicken Sie auf F9 einfach zu machen Keyframes. Schlagen 0 auf der Tastatur, um die Bewegung zu sehen. Wiederholen Sie diese Schritte für andere ähnliche Formen. 

Wählen Sie nun alle Ebenen für das größte Zeichen aus, klicken Sie mit der rechten Maustaste und wählen Sie aus Komposition vorbereiten. Jetzt haben Sie eine Gruppe, die Sie kopieren und drehen können.


Um eine Form zu drehen, drücken Sie R, gehe zum zweiten 0, Klicken Sie auf die Zeituhr, gehen Sie zur zweiten 2 oder das Ende deiner Szene und ändere es von 0x zu 1x oder mehr, je nachdem, wie schnell Ihre Komposition gedreht werden soll!

Kopieren Sie die Kompositionen, um einen Mustereffekt zu erzeugen. Erstellen Sie mit dieser Methode eine einfache Animation von Formen, die sich vor und zurück bewegen.

Wir sind fertig!

Ich hoffe, Sie hatten Spaß und haben etwas Neues gelernt - lassen Sie es mich in Kommentaren wissen. Wir sehen uns im nächsten Tutorial!