So erstellen Sie ein nahtloses Hintergrundmuster in Photoshop – blog.icons8.com
Nahtlose Muster können auf jeden erdenklichen Hintergrund angewendet werden, von einer Website oder Anwendung bis zu Ihrem Tinder-Foto.
In diesem Howto werden wir über Rastermuster sprechen, die Sie in Photoshop erstellen können. Wenn Sie Vektoren bevorzugen, schauen Sie sich stattdessen dieses Tutorial an.
Was Sie benötigen, um die Mission auszuführen
1. In: Adobe Photoshop. Wenn Sie auf dieses Tutorial gestoßen sind, stehen die Chancen gut, dass Sie dieses Programm bereits haben. Nur für den Fall, hier ist der Link zum Herunterladen einer kostenlosen Testversion.
2. Icons8 für Desktop. Es ist eine kostenlose App mit vielen Symbolen und funktioniert gut mit Photoshop.
3. Symbole oder andere Bilder, die Sie auf Ihrem Muster möchten. Wir haben unsere Natur Icons für dieses Tutorial. Zu Ihrer Information, sie sind in PNG jeder Größe kostenlos, sodass Sie sie in Ihrem Konto speichern und auch für das Muster verwenden können.
8 Schritte zum Erstellen eines Musters in Photoshop
Erstellen Sie eine Basis für Ihr Muster
Erstellen Sie eine neue Datei beliebiger Größe mit gleicher Breite und Höhe. In unserem Fall ist jede Seite 200px.
Fügen Sie die Symbole hinzu
Ziehen Sie die Symbole per Drag & Drop aus Icons8 für Desktop (oder aus anderen Symbolen) in die Photoshop-Datei. Wir gingen für eine Krabbe, ein Fisch, ein Clownfisch, und ein Seepferdchen.
Wenn Sie monochrome Symbole verwenden, benötigen Sie diese möglicherweise in verschiedenen Farben. Hier erfahren Sie, wie Sie PNG-Symbole in Photoshop neu einfärben.
Platzieren Sie jedes Symbol auf einer separaten Ebene
Drücken Sie die Eingabetaste, um den Symboleinfügevorgang abzuschließen. Sie müssen es so oft wie nötig drücken, bis Sie den schwarzen Rahmen nicht mehr sehen.
Am Ende sollte es so aussehen:
Jetzt befindet sich jedes Symbol auf einer eigenen Ebene in Ihrer Datei.
Richten Sie die erste Ebene ein
Wählen Sie eine Ebene im Ebenenbedienfeld aus und gehen Sie zu Filter > Andere > Versatz:
Stellen Sie die Parameter Horizontal und Vertikal auf die Hälfte der Seitenlänge der Datei ein. Erinnern Sie sich an die Breite und Höhe Ihres Quadrats? Dies sind die beiden Einstellungen, die Sie benötigen.
Die Größe unserer Datei ist 200x200px, also setzen wir 100px für beide Parameter. Stellen Sie sicher, dass Sie die Option Wrap Around im unteren Teil des Popup-Fensters aktivieren. OK. Die erste Ebene ist fertig:
Richten Sie die zweite Ebene ein
Wählen Sie eine andere Ebene im Ebenenbedienfeld aus. Gehen Sie nun erneut zu Filter > Other > Offset .
Dann Horizontal auf 0px einstellen und OK drücken:
Die dritte Ebene einrichten
Wählen Sie eine weitere Ebene aus und gehen Sie zu Filter > Andere > Versatz. Drehen Sie nun die horizontalen und vertikalen Werte um. Für unseren Fall ist Horizontal 100px und vertikal 0px. OK.
Jetzt haben wir die Musterkachel fertig.
Ebenen zusammenführen
Wählen Sie im Ebenenbedienfeld alle Ebenen außer Hintergrund aus und verwenden Sie die Tastenkombination Strg+E. Die ausgewählten Ebenen werden zusammengeführt.
Erstellen Sie Ihr Muster
Verwenden Sie zunächst eine weitere Tastenkombination Strg +A (alle auswählen).
Gehen Sie dann zu Bearbeiten > Muster definieren:
Benennen Sie es und drücken Sie OK. Ta-da! Dein Muster ist fertig!
So wenden Sie das Muster an
Sie haben das Muster, gut. Nun wollen wir sehen, wie man es im Hintergrund benutzt.
Erstellen Sie eine neue Datei
Machen Sie sie größer als Ihre Musterkachel, um das Ergebnis zu sehen. Unsere ist 800x600px.
Wählen Sie die Musterüberlagerung
Doppelklicken Sie auf den Hintergrund im Ebenenbedienfeld. Klicken Sie im Popup-Fenster auf OK.
Gehe zu Ebene > Ebenenstil > Musterüberlagerung:
Wählen Sie Ihr neu erstelltes Muster im Popup-Fenster aus und klicken Sie auf OK.
Genießen Sie Ihr Muster!
Quellen mit Texturen für Photoshop
- Fixthephoto.com
Weiterführende Literatur
- Erstellen eines Weihnachtshintergrundmusters in Adobe Illustrator
- So färben Sie ein PNG-Symbol in Photoshop neu
Probieren Sie die kostenlosen Tools des Icons8-Teams für Ersteller aus
Holen Sie sich auch die Listen der kostenlosen Vektor-Software und der kostenlosen Fotobearbeitungssoftware.