Wiederholende Muster in Photoshop – Die Grundlagen

Schritt 1: Ein neues Dokument erstellen

Beginnen wir damit, eine einzelne Kachel für das Muster zu erstellen. Dazu benötigen wir ein neues, leeres Dokument, also gehen Sie auf das Menü Datei in der Menüleiste am oberen Bildschirmrand und wählen Sie Neu:

Damit öffnet sich das Dialogfeld Neues Dokument. Geben Sie für die Breite und Höhe jeweils 100 Pixel ein. Die Größe des Dokuments bestimmt die Größe der Kachel, was sich darauf auswirkt, wie oft das Muster im Dokument wiederholt wird (da eine kleinere Kachel mehr Wiederholungen benötigt, um die gleiche Fläche zu füllen, als eine größere Kachel). In diesem Fall werden wir eine Kachel mit den Maßen 100 x 100 Pixel erstellen. Sie werden später bei der Erstellung Ihrer eigenen Muster mit verschiedenen Größen experimentieren wollen.

Ich lasse den Wert für die Auflösung auf 72 Pixel/Zoll stehen. Setzen Sie den Hintergrundinhalt auf Transparent, damit unser neues Dokument einen transparenten Hintergrund hat:

Klicken Sie anschließend auf OK, um das Dialogfeld zu schließen. Das neue Dokument wird auf Ihrem Bildschirm angezeigt. Das Schachbrettmuster, das das Dokument füllt, ist Photoshops Art, uns zu sagen, dass der Hintergrund transparent ist. Da das Dokument mit nur 100 px x 100 px recht klein ist, zoome ich es heran, indem ich die Strg-Taste (Win) / Befehlstaste (Mac) gedrückt halte und das Pluszeichen ( + ) ein paar Mal drücke. Hier ist das Dokument auf 500 % vergrößert:

Schritt 2: Hilfslinien durch die Mitte des Dokuments hinzufügen

Wir müssen die genaue Mitte unseres Dokuments kennen, und wir können sie mithilfe der Hilfslinien von Photoshop finden. Gehen Sie dazu in das Menü Ansicht am oberen Bildschirmrand und wählen Sie Neue Hilfslinie:

Damit öffnet sich das Dialogfeld Neue Hilfslinie. Wählen Sie für die Ausrichtung Horizontal und geben Sie für die Position 50% ein. Klicken Sie auf OK, um das Dialogfeld zu schließen, und Sie sehen, dass eine horizontale Hilfslinie in der Mitte des Dokuments erscheint:

Gehen Sie zurück zum Menü Ansicht und wählen Sie erneut Neue Hilfslinie. Diesmal wählen Sie im Dialogfeld „Neue Hilfslinie“ für die Ausrichtung „Vertikal“ und geben für die Position wieder 50% ein:

Klicken Sie auf OK, um das Dialogfeld zu schließen, und Sie sollten nun eine vertikale und horizontale Hilfslinie haben, die durch die Mitte des Dokuments verläuft. Der Punkt, an dem sie sich treffen, ist die exakte Mitte. Die Standardfarbe der Hilfslinien ist Cyan, daher sind sie auf dem Screenshot vielleicht etwas schwer zu erkennen:

Farbe der Hilfslinien ändern (optional)

Wenn Sie Probleme haben, die Hilfslinien aufgrund ihrer hellen Farbe zu sehen, können Sie ihre Farbe in den Photoshop-Voreinstellungen ändern. Auf einem PC gehen Sie in das Menü „Bearbeiten“, wählen „Voreinstellungen“ und dann „Hilfslinien“, „Raster“& „Slices“. Auf einem Mac gehen Sie in das Menü Photoshop, wählen Sie Voreinstellungen und dann Hilfslinien, Raster & Slices:

Damit öffnen Sie das Dialogfeld „Voreinstellungen“ von Photoshop mit den Optionen für Hilfslinien, Raster & Slices. Die allererste Option am Anfang der Liste ist Hilfslinienfarbe. Wie bereits erwähnt, ist sie standardmäßig auf Cyan eingestellt. Klicken Sie auf das Wort Cyan und wählen Sie eine andere Farbe aus der Liste. Sie sehen dann eine Vorschau der Farbe im Dokumentfenster. Ich ändere meine auf Hellrot:

Klicken Sie anschließend auf OK, um das Dialogfeld „Voreinstellungen“ zu schließen. Die Hilfslinien im Dokumentfenster erscheinen nun in der neuen Farbe (beachten Sie, dass Photoshop die Hilfslinien so lange in dieser neuen Farbe anzeigt, bis Sie wieder in die Voreinstellungen gehen und die Farbe wieder auf Cyan ändern oder eine andere Farbe wählen):

Schritt 3: Zeichnen Sie eine Form in der Mitte des Dokuments

Sie können in Photoshop sehr komplexe Muster erstellen, oder sie können so einfach sein wie, sagen wir, ein sich wiederholender Punkt oder Kreis. Lassen Sie uns einen Kreis in die Mitte des Dokuments zeichnen. Wählen Sie zunächst das Ellipsenwerkzeug aus dem Werkzeugbedienfeld. Standardmäßig versteckt es sich hinter dem Rechteckigen Auswahlrechteck-Werkzeug. Klicken Sie also auf das Rechteckige Auswahlrechteck-Werkzeug und halten Sie die Maustaste ein oder zwei Sekunden lang gedrückt, bis ein Aufklappmenü erscheint, und wählen Sie dann das Elliptische Auswahlrechteck-Werkzeug aus der Liste:

Mit dem ausgewählten elliptischen Marquee-Werkzeug bewegen Sie das Fadenkreuz direkt über den Schnittpunkt der Hilfslinien in der Mitte des Dokuments. Halten Sie Umschalt+Alt (Win) / Umschalt+Option (Mac) gedrückt, klicken Sie in die Mitte des Dokuments und ziehen Sie dann mit gedrückter Maustaste eine kreisförmige Auswahl auf. Wenn Sie beim Ziehen die Umschalttaste gedrückt halten, wird die Auswahl zu einem perfekten Kreis geformt, während Photoshop bei gedrückter Alt-Taste (Win) / Wahltaste (Mac) den Umriss der Auswahl von der Mitte aus zeichnet. Wenn Sie fertig sind, sollte der Umriss Ihrer Auswahl ungefähr so aussehen (machen Sie sich keine Gedanken über die exakte Größe, solange sie in der Nähe ist):

Schritt 4: Füllen Sie die Auswahl mit Schwarz

Gehen Sie zum Menü Bearbeiten am oberen Bildschirmrand und wählen Sie den Befehl Füllen:

Das öffnet das Dialogfeld Füllen, in dem wir eine Farbe auswählen können, mit der wir die Auswahl füllen. Stellen Sie die Option Verwenden oben im Dialogfeld auf Schwarz ein:

Klicken Sie auf OK, um das Dialogfeld zu schließen. Photoshop füllt die kreisförmige Auswahl mit Schwarz. Drücken Sie Strg+D (Win) / Befehl+D (Mac), um die Auswahlkontur um die Form herum schnell zu entfernen (Sie könnten auch das Menü „Auswählen“ am oberen Bildschirmrand aufrufen und „Auswahl aufheben“ wählen, aber die Tastenkombination ist schneller). Beachten Sie, dass mein Dokument noch auf 500% vergrößert ist, weshalb die Ränder des Kreises blockig erscheinen:

Shortcodes, Aktionen und Filter Plugin: Fehler im Shortcode

Schritt 5: Duplizieren Sie die Ebene

Mit nur diesem einen Kreis, der in der Mitte der Kachel hinzugefügt wurde, könnten wir die Kachel als Muster speichern, aber bevor wir das tun, wollen wir sie etwas interessanter aussehen lassen. Legen Sie zunächst eine Kopie der Ebene an, indem Sie das Menü „Ebene“ am oberen Rand des Bildschirms aufrufen, „Neu“ wählen und dann „Ebene“ über „Kopieren“ auswählen. Oder, wenn Sie Tastaturkürzel bevorzugen, drücken Sie Strg+J (Win) / Befehl+J (Mac):

Im Dokumentfenster passiert noch nichts, aber im Ebenenbedienfeld erscheint über dem Original eine Kopie der Ebene, die Photoshop „Ebene 1 Kopie“ nennt:

Schritt 6: Anwenden des Offset-Filters

Beim Entwerfen von Kacheln, die als sich wiederholende Muster verwendet werden sollen, gibt es einen Filter, den Sie fast immer verwenden werden, und das ist der Offset-Filter, den Sie erreichen, indem Sie das Filter-Menü am oberen Rand des Bildschirms aufrufen, „Andere“ und dann „Offset“ wählen:

Damit öffnet sich das Dialogfeld des Filters Offset. Der Offset-Filter verschiebt den Inhalt einer Ebene um eine bestimmte Anzahl von Pixeln, entweder horizontal, vertikal oder beides. Wenn Sie einfache sich wiederholende Muster erstellen, wie das, das wir hier entwerfen, sollten Sie die Hälfte der Breite Ihres Dokuments in das Eingabefeld Horizontal und die Hälfte der Höhe Ihres Dokuments in das Eingabefeld Vertikal eingeben. In unserem Fall arbeiten wir mit einem 100 px x 100 px großen Dokument, also setzen Sie die Option Horizontal auf 50 Pixel und die Option Vertikal ebenfalls auf 50 Pixel. Vergewissern Sie sich unten im Dialogfeld im Abschnitt Undefinierte Bereiche, dass die Option Umbrechen aktiviert ist:

Klicken Sie auf „OK“, um das Dialogfeld zu schließen. Im Dokumentfenster sehen wir, dass der Offset-Filter die Kopie des Kreises, die wir im vorherigen Schritt erstellt haben, in vier gleiche Teile aufgeteilt und in den Ecken des Dokuments platziert hat. Der in der Mitte verbleibende Kreis ist der ursprüngliche Kreis, den wir auf Ebene 1 gezeichnet haben:

Schritt 7: Die Kachel als Muster definieren

Nachdem wir die Kachel entworfen haben, speichern wir sie als tatsächliches Muster, ein Prozess, den Photoshop als „Muster definieren“ bezeichnet. Gehen Sie dazu in das Menü „Bearbeiten“ am oberen Bildschirmrand und wählen Sie „Muster definieren“:

Photoshop öffnet ein Dialogfeld, in dem Sie aufgefordert werden, das neue Muster zu benennen. Es ist eine gute Idee, die Abmessungen der Kachel in den Namen des Musters aufzunehmen, falls Sie mehrere ähnliche Kacheln in verschiedenen Größen entwerfen. In diesem Fall nennen Sie die Kachel „Circles 100×100“. Klicken Sie abschließend auf OK, um das Dialogfeld zu schließen. Die Kachel ist nun als Muster gespeichert!

Schritt 8: Erstellen eines neuen Dokuments

Wir haben unsere Kachel entworfen und als Muster definiert, was bedeutet, dass wir sie jetzt zum Füllen einer ganzen Ebene verwenden können! Legen wir ein neues Dokument an, um darin zu arbeiten. Gehen Sie wie in Schritt 1 auf das Menü „Datei“ und wählen Sie „Neu“. Wenn das Dialogfeld „Neues Dokument“ erscheint, geben Sie für die Breite und Höhe jeweils 1000 Pixel ein. Lassen Sie die Auflösung auf 72 Pixel/Zoll eingestellt, und stellen Sie diesmal den Hintergrundinhalt auf Weiß ein, damit der Hintergrund des neuen Dokuments mit einem durchgehenden Weiß gefüllt ist. Klicken Sie abschließend auf OK, um das Dialogfeld zu schließen. Das neue Dokument wird auf Ihrem Bildschirm angezeigt:

Schritt 9: Eine neue Ebene hinzufügen

Wir könnten einfach die Hintergrundebene des Dokuments mit unserem Muster füllen, aber das würde die Möglichkeiten stark einschränken. Wie wir im nächsten Tutorial sehen werden, wenn wir uns mit dem Hinzufügen von Farben und Verläufen zu Mustern beschäftigen, ist es viel besser, das sich wiederholende Muster auf eine eigene Ebene zu legen. Klicken Sie auf das Symbol „Neue Ebene“ am unteren Rand des Ebenenbedienfelds:

Eine neue leere Ebene mit dem Namen „Ebene 1“ erscheint oberhalb der Ebene „Hintergrund“:

Schritt 10: Füllen Sie die neue Ebene mit dem Muster

Nachdem unsere neue Ebene hinzugefügt wurde, wollen wir sie mit unserem Muster füllen. Gehen Sie in das Menü „Bearbeiten“ und wählen Sie „Füllen“

Normalerweise wird der Photoshop-Befehl Füllen verwendet, um eine Ebene oder Auswahl mit einer Volltonfarbe zu füllen, so wie wir es in Schritt 4 getan haben, als wir die kreisförmige Auswahl mit Schwarz füllten. Aber wir können den Befehl „Füllen“ auch verwenden, um etwas mit einem Muster zu füllen, und das tun wir, indem wir zuerst die Option „Verwenden“ oben im Dialogfeld auf „Muster“ setzen:

Wenn „Muster“ ausgewählt ist, erscheint direkt darunter eine zweite Option „Benutzerdefiniertes Muster“, in der wir das gewünschte Muster auswählen. Klicken Sie auf die Miniaturansicht des Musters:

Dadurch wird die Musterauswahl geöffnet, die kleine Miniaturansichten aller Muster anzeigt, aus denen wir derzeit wählen können. Das Kreismuster, das wir gerade erstellt haben, ist die letzte Miniatur in der Liste. Wenn Sie in den Voreinstellungen von Photoshop die Werkzeugspitzen aktiviert haben (sie sind standardmäßig aktiviert), erscheint der Name des Musters, wenn Sie mit dem Mauszeiger über das Miniaturbild fahren. Doppelklicken Sie darauf, um es auszuwählen und den Musterauswähler zu verlassen:

Nachdem Sie das Muster ausgewählt haben, müssen Sie nur noch auf OK klicken, um das Dialogfeld „Füllen“ zu schließen. Photoshop füllt die leere Ebene im Dokument mit dem Kreismuster und wiederholt die Kachel so oft wie nötig:

Wo geht’s weiter…

Und das ist auch schon alles! Natürlich wird unser schwarz-weißes Kreismuster nicht viele Preise gewinnen, aber das Wichtigste, was Sie aus diesem ersten Tutorial mitnehmen können, sind die Schritte, die wir zur Erstellung verwendet haben: das Entwerfen einer einzelnen Kachel, das Definieren der Kachel als Muster und das anschließende Verwenden des Photoshop-Befehls „Füllen“, um eine ganze Ebene mit dem Muster zu füllen. Als Nächstes werden wir die Dinge weiterführen, indem wir lernen, wie wir unseren Mustern Farben und Verläufe hinzufügen können! Oder besuchen Sie unseren Abschnitt Photoshop-Grundlagen, um mehr über die Grundlagen von Photoshop zu erfahren!