Photoshop Tutorial sich wiederholende Muster
Geschrieben von Steve Patterson.
In diesem Tutorial werden wir die Grundlagen der Herstellung und Verwendung von einfachen Wiederholungsmustern in Photoshop lernen. Wir werden hier nur die wesentlichen Schritte zur Deckung der Dinge zu erhalten begonnen, aber wenn Sie verstehen, wie sich wiederholende Muster funktionieren und wie leicht sie erstellen sind, werden Sie schnell auf eigene Faust entdecken, dass es praktisch keine Begrenzung für ihr kreatives Potenzial in Ihre Entwürfe, ob Sie einen einfachen Hintergrund für ein Album oder Web-Seite oder ihre Verwendung als Teil eines komplexeren Effekt Gebäude sind.
Dieses Tutorial wird die drei Hauptteile auf die Arbeit mit wiederholenden Mustern decken. Zunächst werden wir eine einzelne Kachel-Design, die schließlich unser wiederholendes Muster werden wird. Als nächstes werden wir lernen, wie man die Kachel als ein tatsächliches Muster in Photoshop zu speichern. Schließlich mit unserem neuen Muster erstellt, werden wir erfahren, wie das Muster auszuwählen und über eine gesamte Schicht wiederholen zu machen! In der nächsten Reihe von Tutorials, nehmen wir Muster weiter, indem Farben und Verläufe, mit Mischmodi zu mehreren Muster verschmelzen, wodurch Muster von kundenspezifischen Formen wiederholen, und vieles mehr!
Ich werde hier mit Photoshop CS5, aber die Schritte gelten für jede neue Version von Photoshop.
Schritt 1: Erstellen Sie ein neues Dokument
Lassen Sie uns beginnen, indem Sie eine einzelne Kachel für das Muster zu schaffen. Dafür benötigen wir ein neues leeres Dokument, so zum Menü Datei auf dem oberen Rand des Bildschirms in der Menüleiste und wählen Sie Neu.
Gehen Sie zu Datei> Neu.
Es öffnet sich das Dialogfeld Neues Dokument. Geben Sie 100 Pixel sowohl für die Breite und Höhe. Das Größe des Dokuments wird die Größe der Platte bestimmen, die beeinflussen, wie oft das Muster in dem Dokument wiederholt (da ein kleinerer Ziegel mehr Wiederholungen benötigen, um die gleiche Menge an Speicherplatz als eine größere Kachel würde zu füllen). In diesem Fall werden wir eine 100 px x 100 px Fliese erschaffen. Sie werden mit verschiedenen Größen experimentieren wollen, wenn später Ihre eigenen Muster zu schaffen.
Ich werde meine Auflösung Wert auf 72 Pixel / Zoll verlassen. Stellen Sie den Hintergrundinhalt auf Transparent so unser neues Dokument einen transparenten Hintergrund hat:
Geben Sie die Breite und Höhe des Dokuments und stellen Sie sicher, Hintergrund Inhalt wird auf Transparent gesetzt.
Klicken Sie auf OK, wenn Sie fertig zu schließen aus dem Dialogfeld. Das neue Dokument erscheint auf dem Bildschirm. Das Schachbrettmuster das Dokument Füllen ist Photoshop Weg, uns zu sagen, dass der Hintergrund transparent ist. Da das Dokument nur 100 px x 100 px eher klein ist, werde ich auf sie vergrößert, indem meinen Strg gedrückt (Win) / Befehlstaste (Mac) gedrückt und drücken Sie auf das Pluszeichen (+) ein paar Mal. Dabei wird das Dokument in zu 500% gezoomt:
Das neue, leere Dokument zu 500% vergrößert.
Schritt 2: Hinzufügen führt durch die Mitte des Dokuments
Wir müssen das genau in der Mitte unseres Dokuments kennen, und wir können es mit Führungen Photoshop finden. Gehen Sie auf die Ansicht-Menü am oberen Rand des Bildschirms und Neuer Leitfaden wählen.
Wählen Sie View> New Guide.
Es öffnet sich das Dialogfeld Neuer Guide. Wählen Sie Horizontal für die Ausrichtung. dann geben Sie 50% für die Position. Klicken Sie auf OK im Dialogfeld zu schließen, und Sie werden eine horizontale Führung erscheinen durch die Mitte des Dokuments finden Sie unter:
Wählen Sie Horizontal und 50% für die Position eingeben.
Zurück nach oben Menü Ansicht und erneut Neuer Leitfaden wählen. Dieses Mal im neuen Leitfaden Dialogfeld wählen Sie Vertikale für die Ausrichtung und geben Sie wieder 50% für die Position.
Wählen Sie Vertikale und 50% für die Position eingeben.
Eine vertikale und horizontale Führung verläuft durch die Mitte des Dokuments.
Ändern Die Führung Farbe (optional)
Wenn Sie Probleme haben, die Führer wegen ihrer hellen Farbe zu sehen, können Sie ihre Farbe in den Einstellungen Photoshop ändern. Auf einem PC finden Sie auf das Edit-Menü auf und wählen Sie Einstellungen. Guides, Gitter dann wählen - Scheiben. Auf einem Mac auf das Photoshop-Menü nach oben, wählen Sie Einstellungen. Guides, Gitter dann wählen - Scheiben.
Wählen Sie die Hilfslinien, Raster und Slices Einstellungen.
Dies öffnet Dialogfeld Voreinstellungen gesetzt Photoshop zu den Führungen, Grid - Slices Optionen. Die erste Option an der Spitze der Liste ist Führung Farbe. Wie ich bereits erwähnt, ist es standardmäßig auf Cyan gesetzt. Klicken Sie auf das Wort Cyan und wählen Sie aus der Liste eine andere Farbe. Hier finden Sie eine Vorschau auf die Farbe im Dokumentfenster sehen. Ich werde meine zu Light Red ändern.
Auswählen Light Red als die neue Farbe für die Führungen.
Klicken Sie auf OK, wenn Sie fertig zu schließen aus dem Dialogfeld. Die Führungen im Dokumentfenster erscheinen nun in der neuen Farbe (beachten Sie, dass Photoshop Führungen wird auch weiterhin in dieser neuen Farbe angezeigt werden, bis Sie die Farbe auf die Einstellungen und ändern zurück zu Cyan zurück oder eine andere Farbe wählen):
Die Führungen werden nun in der neuen Farbe, so dass sie leichter zu sehen, zu machen.
Schritt 3: Zeichnen Sie eine Form in der Mitte des Dokuments
Halten Sie Umschalt + Alt (Win) / Shift + Wahltaste (Mac) gedrückt und ziehen eine kreisförmige Auswahl Umriss von der Mitte nach außen.
Schritt 4: Füllen Sie die Auswahl mit Schwarz
Gehen Sie auf die Bearbeiten-Menü am oberen Rand des Bildschirms und wählen Sie füllen.
Gehen Sie auf Bearbeiten> Füllen.
Es öffnet sich das Dialogfeld Füllung, wo wir eine Farbe wählen, die mit der Auswahl zu füllen. Stellen Sie die Verwendung Option oben im Dialogfeld auf Schwarz.
Stellen Sie die Verwendung Option auf Schwarz.
Klicken Sie auf OK, um zu schließen aus dem Dialogfeld. Photoshop füllt die Kreisauswahl mit Schwarz. Drücken Sie Strg + D (Win) / Befehl + D (Mac), um schnell zu entfernen, den Umriss der Auswahl aus der ganzen Form (auch am oberen Rand des Bildschirms auf das Select-Menü gehen könnte und wählen aufheben. Aber die Tastenkombination ist schneller ). Beachten Sie, dass mein Dokument noch in zu 500% gezoomt wird, weshalb die Ränder des Kreises erscheinen blocky:
Die Auswahl wurde schwarz gefüllt.
Schritt 5: Duplizieren Sie die Ebene
Mit nur diesen einen Kreis in der Mitte der Platte hinzugefügt, konnten wir die Fliesen als Muster speichern, aber wir es ein wenig interessanter aussehen lassen, bevor wir das tun. Zuerst wird eine Kopie der Ebene, indem sie am oberen Rand des Bildschirms auf das Layer-Menü steigen, wählen Sie Neu. dann die Wahl Ebene durch Kopie. Oder, wenn Sie bevorzugen Tastenkombinationen, drücken Sie Strg + J (Win) / Befehlstaste + J (Mac):
Zum Ebene> Neu> Ebene durch Kopie.
Nichts wird passieren noch im Dokumentfenster, sondern eine Kopie der Ebene, die Photoshop Namen „Layer 1 Kopie“, über den ursprünglichen im Ebenenbedienfeld angezeigt:
Die Ebenenbedienfeld eine Kopie der Schicht 1 über dem Original zeigt.
Schritt 6: Tragen Sie die Offset-Filter
Bei den Fliesen Gestaltung verwenden Muster zu wiederholen, es ist ein Filter, der Du fast jedes Mal verwenden werden, und das Offset wird. denen Sie zu erhalten, indem am oberen Rand des Bildschirms, um das Menü Filter steigen, die Auswahl Andere. dann Offset wählen.
Zum Filtern> Andere> Offset.
Dadurch wird das Offset-Filter-Dialogfeld. Die Offset-Filter bewegen oder Versätze, die Inhalte einer Schicht, die durch eine bestimmte Anzahl von Pixeln entweder horizontal, vertikal oder beides. Wenn einfache sich wiederholende Muster wie das schaffen wir hier sind entwerfen, sollten Sie die Hälfte der Breite des Dokuments in den Horizontal-Eingabefeld und die halbe Höhe des Dokuments in die Vertikale Eingabefeld eingeben. In unserem Fall arbeiten wir mit einem 100 Pixel x 100 Pixel Dokument, so stellen Sie die horizontale Option auf 50 Pixel und die vertikale Option auch auf 50 Pixel. Am unteren Rand des Dialogfelds, in dem Abschnitt Undefinierte Bereiche, stellen Sie sicher, Wrap Around ausgewählt ist:
Stellen Sie die horizontalen und vertikalen Optionen auf die Hälfte der Größe des Dokuments und stellen Sie sicher, Wrap Around geprüft.
Klicken Sie auf OK, um zu schließen aus dem Dialogfeld. Im Dokumentfenster sehen wir, dass die Offset-Filter, um die Kopie des Kreises genommen hat, die wir im vorherigen Schritt gemacht und spaltete es in vier gleiche Teile, so dass sie in den Ecken des Dokuments platzieren. Der Kreis in der Mitte verbleibende ist der ursprüngliche Kreis wir auf Ebene zogen 1:
Das Bild nach dem Offset-Filter läuft.
Schritt 7: Definieren Sie die Kachel als Muster
Mit der Fliese entworfen, machen sie es als ein tatsächliches Muster speichern, einen Prozess Photoshop als „definiert, ein Muster“ bezeichnet. Gehen Sie auf die Bearbeiten-Menü am oberen Rand des Bildschirms und wählen Sie Muster definieren.
Gehen Sie auf Bearbeiten> Muster festlegen.
Photoshop wird Ihnen öffnet sich ein Dialogfeld öffnen, fragt das neue Muster zu nennen. Es ist eine gute Idee, um die Abmessungen der Fliese im Namen des Musters im Fall enthält mehr ähnlichen Fliese in verschiedenen Größen entwerfen. In diesem Fall benennen Sie die Kachel „Kreise 100x100“. Klicken Sie auf OK, wenn Sie fertig zu schließen aus dem Dialogfeld. Die Fliese wird jetzt als Muster gespeichert!
Nennen Sie das Muster „Kreise 100x100“.
Schritt 8: Erstellen Sie ein neues Dokument
Wir haben unsere Fliese entwickelt und definiert es als ein Muster, das bedeutet, dass wir nun eine ganze Schicht füllen können! Lassen Sie sich ein neues Dokument erstellen zu arbeiten. So wie wir in Schritt 1 auf das Menü Datei nach oben taten mich zurück und wählen Sie Neu. Wenn das Dialogfeld Neues Dokument angezeigt wird, geben Sie 1000 Pixel sowohl für die Breite und Höhe. Lassen Sie die Lösung auf 72 Pixel / inch. und dieses Mal, stellen Sie den Hintergrundinhalt auf Weiß so dass der Hintergrund des neuen Dokuments mit festen weißen gefüllt ist. Klicken Sie auf OK, wenn Sie fertig zu schließen aus dem Dialogfeld. Das neue Dokument wird auf dem Bildschirm angezeigt:
Erstellen Sie ein neues 1000 px x 1000 px Dokument mit einem weißen Hintergrund.
Schritt 9: Fügen Sie eine neue Ebene
Wir konnten einfach das Hintergrundebene mit unserem Muster des Dokuments füllen, aber das würde ernsthaft begrenzen, was wir damit tun können. Wie wir im nächsten Tutorial sehen werden, wenn wir das sich wiederholende Muster auf einer eigenen Ebene zu buchen, Farben und Verläufe zu Mustern, ein viel besserer Weg zur Arbeit ist das Hinzufügen zu platzieren. Klicken Sie auf das Symbol Neue Ebene am unteren Rand der Ebenen-Palette:
Klicken Sie auf das Symbol Neue Ebene.
Eine neue, leere Ebene mit dem Namen „Layer 1“ erscheint über der Hintergrundebene:
Die neue Ebene erscheint.
Schritt 10: Füllen Sie die neue Ebene mit dem Muster
Mit unserer neuen Schicht hinzugefügt, machen sie es mit unserem Muster füllen! Gehen Sie auf die Edit-Menü auf und wählen Sie füllen.
Gehen Sie auf Bearbeiten> Füllen.
Normalerweise wird Photoshop Fill-Befehl verwendet, um eine Ebene oder eine Auswahl mit einer Farbe zu füllen, so wie wir in Schritt 4 taten zurück, wenn wir es verwenden, um die kreisförmige Auswahl mit Schwarz zu füllen. Aber wir können auch den Fill-Befehl verwenden, um etwas mit einem Muster zu füllen, und wir tun das, indem zuerst am oberen Rand des Dialogfeld Pattern die Use-Option einstellen.
Ändern Sie die Verwendung Option Muster.
Mit Muster ausgewählt, eine zweite Option, benutzerdefinierte Muster. darunter erscheint direkt, das ist, wo wir das Muster, das wir verwenden möchten wählen. Klicken Sie auf das Muster Miniaturvorschau.
Klicken Sie direkt auf das benutzerdefinierte Muster Miniaturansicht.
Es öffnet sich das Muster Picker. das zeigt kleine Vorschaubilder von allen Mustern müssen wir zur Zeit Auswahl. Der Kreis Muster, das wir erstellt wird nur die letzte Miniaturansicht in der Liste sein. Wenn Sie Tooltipps in Photoshop Voreinstellungen aktiviert haben (sie standardmäßig aktiviert sind), wird der Name des Musters angezeigt werden, wenn Ihr schweben Sie den Mauszeiger über das verkleinerte Bild. Doppelklicken Sie darauf, um es und Ausfahrt aus dem Muster Picker auszuwählen:
Wählen Sie den "Circles 100x100" Pattern im Pattern-Picker.
Sobald Sie das Muster ausgewählt haben, alles, was übrig OK zu tun ist, klicken Sie auf der Fill-Dialogfeld zu schließen. Photoshop füllt die leere Ebene in dem Dokument mit dem Kreismuster, die Ziegel so oft wie nötig zu wiederholen:
Layer 1 wird nun mit den ihnen wiederholenden Kreismustern gefüllt.
Wohin weiter gehen.
Und das ist wirklich alles, was es ist! Offensichtlich unsere schwarzen und weißen Kreis Muster wird uns nicht viele Preise gewinnen, aber die wichtigen Dinge zu nehmen von diesem ersten Tutorial sind die Schritte, die wir es schaffen verwendet werden, um eine einzelne Kachel entwerfen, definieren die Fliese als Muster, dann mit Photoshop füllen Befehl eine ganze Schicht mit dem Muster zu füllen. Bis nächstes werden wir die Dinge weiter Einnahme durch das Lernen beginnen, wie Farben und Verläufe zu unserem Muster hinzuzufügen. Oder besuchen Sie unsere Sektion Photoshop Basics mehr über die Grundlagen von Photoshop zu lernen!
Abonniere unseren Newsletter
Sei der Erste, der weiß, wann wir neue Tutorials hinzuzufügen!