So erstellen Sie ein geometrisches Muster der 90er Jahre mit einfachen Formen in Adobe Photoshop

Was Sie erstellen werden

Neunziger Jahre Muster sind durch die Verwendung von leuchtenden Farben und einfachen geometrischen Formen erkennbar. In diesem Tutorial zeige ich Ihnen, wie Sie ein geometrisches 90er-Muster mit der Vektorfunktion von Photoshop erstellen.

Als Inspiration für Muster der 90er Jahre empfehle ich Ihnen, sich die Designelemente der 90er Jahre auf GraphicRiver anzusehen.

1. So bereiten Sie eine Leinwand für ein Muster vor

Schritt 1

Beginnen Sie mit dem Erstellen einer neuen Datei mit Größe 600 Pixel × 450 Pixel. Drücke den OK Taste.

Schritt 2

Fügen Sie für den Hintergrund eine neue Volltonebene hinzu, indem Sie auf klicken Einstellungsebene hinzufügen Symbol am unteren Rand des Schichten Panel und Auswahl Einfarbig. Wählen Sie im nächsten Dialogfeld eine leuchtende blaue Farbe. Klicken OK Sobald Sie mit dem Ergebnis zufrieden sind.

Schritt 3

Stellen Sie sicher, dass das Lineal sichtbar ist. Wenn nicht, klicken Sie auf Ansicht> Lineal. Klicken Sie auf das Lineal und ziehen Sie es, um eine Hilfslinie in alle vier Richtungen zu erstellen: oben, unten, links und rechts. Der Bereich innerhalb der Hilfslinie wird als Musterbereich verwendet.

2. So zeichnen Sie geometrische Formen mit dem Vektor-Werkzeug von Photoshop

Schritt 1

Dieses 90er-Muster ist mit geometrischen Formen gefüllt. Hier werden wir sie einzeln abdecken. Aktivieren Sie das Ellipse-Werkzeug. Stelle sicher Gestalten Modus ist im ausgewählt Optionsleiste

Denken Sie daran, dass wir diesen Modus benötigen, wenn Sie jede Form in diesem Muster zeichnen. Stellen Sie also sicher, dass dieser Modus immer ausgewählt ist. 

Halt Verschiebung und dann klicken und ziehen, um eine Kreisform zu zeichnen. Sie können dann die Farbe von ändern Optionsleiste. Machen Sie zwei Kreisformen, eine große und eine kleine.

Schritt 2

Zeichnen Sie jetzt eine dünne Rechteckform mit der Ellipse-Werkzeug.

Schritt 3

Dupliziere die Form durch Schlagen Steuerung-C und dann Steuerung-V. Drehen Sie die neue Form um 90 °. Wählen Formen kombinieren in dem Optionsleiste beide Formen zu einem Pluszeichen kombinieren. Zeichnen Sie ein weiteres Pluszeichen, dieses Mal jedoch dicker und mit einer anderen Farbe.

Schritt 4

Fahren Sie mit einer Ringform fort. Zeichne eine andere Kreisform. Aber dieses Mal setzen Sie seine Füllen zu niemandem und erhöhen es Schlaganfall Größe. Machen Sie eine andere Ringform.

Schritt 5

Zeichnen wir eine Halbkreisform. Es besteht aus einem Kreis, der dann durch ein Rechteck in zwei Hälften geschnitten wird. Der Rechteckmodus sollte sein Vordere Form abziehen. Um aus beiden Formen einen einzigen Pfad zu machen, wählen Sie beide Formen aus und wählen Sie aus Formkomponenten zusammenführen. Verwenden Sie eine lebendige Farbe für seine Füllen und Keiner für seine Schlaganfall.

Schritt 6

Stapeln Sie zwei Rechtecke so, dass wir eine L-Form haben. Duplizieren Sie diese Formen, bis wir diese Zickzackform haben. Verwenden Sie für die Farbe Gelb. Machen Sie eine andere Form, diesmal dicker.

Schritt 7

Verwenden Sie die Polygon-Werkzeug ein Sechseck machen Es hat sechs Seiten. Stellen Sie sicher, dass es eingestellt ist Seiten Einstellung auf 6 bevor Sie klicken und die Maus ziehen. Fügen Sie einige Rechtecke über dem Sechseck hinzu und setzen Sie den Modus auf Vordere Form abziehen.

Schritt 8

Doppelklick den Ebenenstil und aktivieren Schlagschatten.

Schritt 9

Fügen Sie ein weiteres Sechseck hinzu, diesmal mit einer anderen Farbe und Größe.

3. So ordnen Sie Objekte in einem Muster an

Schritt 1

Wie bereits erwähnt, befindet sich der Musterbereich innerhalb der Führungen. Zunächst müssen wir die genauen Abmessungen kennen. Wählen Sie den Bereich mit Auswahlwerkzeug.

Schritt 2

Öffne die Info Panel durch Klicken auf Fenster> Info. In der Anzeige können Sie die Informationen zu den Abmessungen der Mustergröße sehen. In diesem Fall ist es so 491 Pixel × 359 Pixel. Denken Sie daran und schreiben Sie es auf, wenn Sie müssen. Denken Sie daran, dass die Bemaßung in Pixeln sein soll, nicht in Zentimetern, Zoll oder anderen Einheiten. Wenn dein Info Panel zeigt andere Einheiten an, ändern Sie es in Pixel Rechtsklick das Lineal und die Auswahl Pixel.

Schritt 3

Platzieren Sie eine der Formen in der Ecke des Musterbereichs. Als Muster wird diese Form abgeschnitten. In den anderen drei Ecken muss es wiederholt auftauchen. In der Mathematik wird das, was wir tun werden, als Translation bezeichnet, bei der ein Objekt in eine bestimmte Richtung bewegt wird.

Schritt 4

Duplizieren Sie die Form mit der Verknüpfung Steuerung-J. Als nächstes drücken Control-T das Objekt positionieren. Wir müssen sehr präzise sein. Deshalb klicken und ziehen wir nicht, sondern beschränken uns nur auf das Eingabefeld. Beachten Sie, dass in diesem Fall unsere Form an Koordinaten platziert wird (59 px, 43 px)..

Schritt 5

Die Breite des Musters beträgt 491 Pixel. Wir müssen die Form horizontal um 359 Pixel nach rechts verschieben, sodass sie in der rechten Ecke angezeigt wird. Setzen Sie die neue x-Position auf 550 px, dh von 59 (die ursprüngliche X-Koordinate) + 491 (die Leinwandbreite)..

Schritt 6

Wir möchten, dass es in der rechten unteren Ecke angezeigt wird. Bewegen Sie die letzte Form nach unten zu den Koordinaten (550 px, 402 px). Die neue y-Koordinate 402 stammt von 43 (der alten y-Koordinate) + 359 (der Leinwandhöhe)..

Schritt 7

Schließlich möchten wir, dass es in der letzten Ecke erscheint. Wir können die erste Form duplizieren und um die Höhe des Musters nach unten verschieben.

Schritt 8

Wenn wir mit dem Ergebnis nicht zufrieden sind, können wir sie verschieben. Denken Sie daran, wir müssen sie alle zusammen bewegen. Ansonsten müssen wir den Übersetzungsvorgang erneut wiederholen, um die Konsistenz der wiederholbaren Muster zu erhalten. Wählen Sie dazu alle zugehörigen Layer aus und verschieben Sie sie mit Werkzeug verschieben.

Schritt 9

Fügen Sie eine weitere Form hinzu, diesmal nicht in der Ecke, sondern an einer der Ränder des Musters. In diesem Fall platzieren wir einen halben Kreis am oberen Rand. Als wiederholbares Muster sollte der andere Teil des Halbkreises an der gegenüberliegenden Kante, der unteren Kante, erscheinen. Wir müssen also eine Kopie der Form kopieren und dort einfügen.

Schritt 10

Duplizieren Sie die Form. Schlagen Control-T und ändern Sie die y-Koordinate in die alte y-Koordinate + die Breite des Musters. In meinem Fall ist es 52 + 359 = 411.

Schritt 11

Hier kommt der leichte Teil. Sie können einfach Objekte innerhalb des Musterbereichs platzieren, ohne mit den Kanten oder Ecken in Berührung zu kommen, ohne dass das wiederholbare Muster beschädigt werden muss. Sie können beliebig viele Objekte hinzufügen, solange sie weder die Kanten noch die Ecken berühren.

Schritt 12

Erinnern Sie sich immer wieder an die Grundregel eines wiederholbaren Musters. Wenn Sie eine Form platzieren, die eine Kante berührt, muss sie an der gegenüberliegenden Kante angezeigt werden. Schauen Sie sich das Pluszeichen am linken Rand an. Es sollte dupliziert und dann an die gegenüberliegende Kante verschoben werden.

4. Speichern und Verwenden eines Musters in Photoshop

Schritt 1

Wählen Sie den Bereich aus, den wir als Muster verwenden möchten. Verwenden Sie die Auswahlwerkzeug um dies zu tun. Klicken Bearbeiten> Muster definieren. Speichern Sie im nächsten Dialogfeld den Namen des Musters. Klicken OK Taste.

Schritt 2

Um das Muster zu verwenden, klicken Sie einfach auf Bearbeiten> Füllen. Wählen Inhalt: Muster und wähle das Muster, das wir gerade gemacht haben. Klicken OK.

Endergebnis

Hier ist das Endergebnis der 90er Jahre. In diesem kurzen Tipp habe ich Ihnen Tipps und Tricks gezeigt, wie Sie mithilfe der Übersetzungsmethode ein konsistentes Wiederholungsmuster erstellen können. 

Ich habe vor Envato Tuts + vor sieben Jahren einen ähnlichen Tipp geschrieben. Das Konzept ist grundsätzlich dasselbe. Wenn Sie mit Photoshops Teamkollegen Illustrator vertraut sind, hat dies eine erstaunliche Wirkung Musteroptionen Panel, das das Erstellen dieser Art von Muster schneller und einfacher macht. Wünschen wir uns alle, Photoshop hätte das auch.

Danke fürs Lesen. Wenn Sie diesem Tutorial folgen, vergessen Sie nicht, uns Ihr Muster im Kommentarbereich unten zu zeigen.