Mustermagie in Adobe Photoshop: Grundlagen des Musterdesigns lernen

1. Kurseinführung: Hi, ich bin Brian Read Lin. Ich bin Künstler und Designer von Oberflächenmustern. Und heute werde ich Ihnen zeigen , wie Sie es einfach machen können. Wiederholen Sie das Muster in Adobe Photoshop. Adobe Photoshop muss nicht schwer sein, aber es hat viel Schnickschnack Es kann also zunächst überwältigend wirken. Aber ich bin hier, um den Prozess zu entmystifizieren und Sie durch all die kleinen Tipps und Tricks zu führen, die ich dabei gelernt habe Wenn Sie mit diesem Kurs fertig sind, haben Sie eine druckfertige Datei , mit der Sie Stoffe, Tapeten, Geschenkverpackungen oder alles andere erstellen können , auf das Sie ein Muster drucken möchten. In diesem Kurs werde ich Ihnen zeigen, wie Sie, um Ihre Leinwand einzurichten, ein einfaches Wiederholungsmuster erstellen. Überprüfe dein Muster, ändere deine Farben und exportiere es, damit es druckbereit ist. Stellen Sie Ihnen auch eine Schnellstartanleitung zur Verfügung, damit Sie jederzeit zurückkehren und auf diese Anleitung zurückgreifen können. Alles, was Sie für diesen Kurs benötigen, ist Adobe Photoshop und ein Motiv , das Sie in ein Muster umwandeln möchten. Falls Sie noch kein eigenes Motiv haben , können Sie eines meiner Mustermotive herunterladen , damit Sie sofort loslegen können. Also lass uns anfangen. 2. Eine Wiederholungskachel erstellen: Fangen wir an, indem wir unsere Leinwand einrichten. In Photoshop. Sie sollten auf Datei und Neu klicken. Dann richte ich das gerne mit Zoll ein. Lassen Sie uns also eine sechs mal sechs Zoll große Leinwand machen. Es wird viel Platz für jedes Muster geben, das Sie auf Stoff oder Geschenkpapier oder ähnlichem verwenden möchten? Wenn Sie Tapeten machen möchten, würden Sie sich wahrscheinlich entweder für 12 Zoll oder 24 Zoll entscheiden. Stellen Sie dann sicher, dass die Auflösung mindestens 300 DPI beträgt. Alles was darunter liegt, wird die Auflösung einfach richtig pixelig sein, wenn du es ausdruckst 300 DPI sind also ein Minimum. Wenn du weißt, dass du das vielleicht in einer größeren Größe drucken möchtest , kannst du bei DPI nach oben gehen, aber ich fange immer bei 300 DPI an. Und dann entwerfe ich gerne im RGB-Farbmodus. Und dann können wir einfach auf Erstellen klicken. Dies werden unsere Designs sein, bei denen sich unser Wiederholungsquadrat befindet. Das erste , was wir tun werden, ist unser Motiv zu importieren. Also gehe ich zu Datei und Öffnen und finde einfach dieses Motiv und öffne es, öffnet es in einer neuen Datei. Wie Sie sehen können. Ich wähle das aus und kopiere es. Also werde ich Strg C oder Command C drücken , wenn du einen Mac verwendest. Klicken Sie zurück in unsere Wiederholung, schwören Sie und drücken Sie Command oder Control V, um einzufügen. Und dann haben wir unser erstes Motiv hier drin. Ich mag dieses schwarz-weiße Logo nicht wirklich. Also werde ich das zuerst neu einfärben. Ich werde die Hintergrundfarbe ändern. Also klicke ich hier auf die Hintergrundebene. Ich werde diesen Hintergrundplayer eigentlich nicht ändern. Was ich wirklich gerne mache, ist hier unten zu klicken und auf Solid Layer zu klicken. Das wird dieses kleine Pop-up öffnen. Und dann kann ich entweder hier die Farbe ändern oder ich gehe zu meinen Swatches Ich habe tatsächlich eine benutzerdefinierte Farbpalette. Ich wähle diese Farbe und drücke auf Okay. Eine Sache, mit der Sie sich immer auseinandersetzen sollten, sich von reinem Weiß oder reinem Schwarz fernzuhalten , weil es sich um sehr, sehr harte Farben handelt Du willst also fast immer etwas haben, das ein bisschen von dieser Farbe abweicht , nur um es weicher zu machen Dann werde ich das Motiv neu einfärben. Klicken Sie also in die Ebene , die dieses Motiv hat. Und was Sie hier tun möchten, ist dass sie sich direkt über dieser Ebene bewegen und diesen Sperrknopf drücken. Es ist dieses kleine Karomuster. Und das wird sicherstellen , dass beim Umfärben nur das Motiv selbst neu eingefärbt wird Also wähle ich eine neue Farbe aus meiner Farbpalette aus. Und dann färben wir neu, indem zum Menüfeld gehen und auf Bearbeiten, Füllen Stellen Sie sicher, dass die Vordergrundfarbe hier ausgewählt ist, da diese Farbe dort angezeigt wird Und schlag. Okay. Wir platzieren das Motiv am Rand der Leinwand, sodass es es abschneidet. Dann duplizieren wir die Ebene. kannst du tun, indem du entweder mit der rechten Maustaste klickst und hier oben Ebene duplizieren auswählst Oder Sie können die Befehlstaste oder die Strg-Taste J drücken und es wird eine weitere Ebene direkt über dieser erstellt . Dann möchten wir unsere doppelte Ebene für die Transformation auswählen. Das machen wir mit Control T oder Command T auf einem Mac. Dieser kleine Befehl, dieses Gesetz, das wir auspacken können , wird auftauchen und die Bar hier oben wird sich ändern Und das ist ein wirklich wichtiger , den wir verwenden werden. Als Erstes möchte ich, dass du diesen kleinen Delta-Veteranen zwischen der X- und der Y-Achse anklickst , der dir sagt, wo genau auf der Leinwand sich das gerade befindet. Also werde ich Delta drücken und es wird auf Null zurückgesetzt. Und jetzt ändere ich das auf Zoll. Und das mache ich einfach, weil wir das auf Null gesetzt haben und wir wissen, dass unsere Leinwand 6 Zoll breit ist. Ich ändere das auf 6 „. Es wird es auf der X-Achse um 6 Zoll verschieben. Gehen Sie also 6 Zoll nach rechts. Jetzt haben wir eine perfekte Wiederholung davon. Jetzt werde ich eine weitere Kopie davon machen, damit ich das nach oben verschieben kann. Also nochmal, Command oder Control J haben eine neue Ebene. Strg oder Befehl T um zu transformieren. Dann werde ich das einfach verschieben und sehen, wo ich das hinstellen möchte. Und ich werde das tatsächlich ein bisschen umdrehen . Wenn nur wenige in der Nähe der Transformationsbox schweben, bekommt er diese kleinen Pfeile Wenn Sie sich in der Nähe einer Ecke befinden, die verbogen und klicken, können Sie diese einfach in jede Richtung drehen. Du kannst deine Motive auch kleiner machen. Indem du so vorgehst. Das Einzige, was Sie jedoch sicherstellen möchten, ist, dass Sie niemals größer steigen, als es ursprünglich war. Sie können das überprüfen , indem Sie hier oben in die Befehlsleiste zurückkehren. Es gibt eine Breiten- und eine Höhenoption, und es zeigt dir, wie du es transformierst, als ob ich 100% überschritten habe und das bedeutet, dass es beim Drucken pixelig werden kann Das wollen wir also nicht. Wir wollen sicherstellen, dass es in der Stadt zu 100% niedriger bleibt. Ich werde es tatsächlich bei der Größe belassen , weil es mir irgendwie gefällt Die andere Sache, die Sie hier tun können ist, es horizontal zu drehen, wenn Sie es möchten. Sie gehen also unter „ Transformieren bearbeiten“ und drehen die Horizontale, um etwas Abwechslung darin zu haben , wie das aussieht. Also werde ich das einfach hierher verschieben. Es überlappt sich mit einem hellen Oberteil hier oben. Ich klicke auf die Ebene, damit es sich einstellt. Und dann werde ich wieder eine Kopie dieser Ebene erstellen . Drücken Sie Befehl T. Wir haben das hier oben auf der X-, Y-Achse bereits ausgeglichen Also jetzt ändere ich das einfach auf Zoll. Und ich tippe 6 "ein und es verschiebt es für mich um 6" nach unten. Wir haben also oben und unten eine perfekte Wiederholung. Jetzt wollen wir das wiederholen und ich stelle wirklich gerne sicher , dass ich die Seiten ausgefüllt habe bevor ich in die Mitte gehe. Nur weil es etwas schwieriger ist, Dinge an den Rändern zu bewegen Dinge an den Also lass uns einfach eine weitere Kopie zur Hand machen. komme, um weiterzumachen, schieb das einfach hierher. Gut. Davon mache ich eine Kopie. Und schieb das einfach nach unten. Hier. Du kannst sehen, dass sich das mit dem anderen Motiv überschneidet , oder? Also wollen wir, das gefällt uns nicht wirklich. Das wird komisch aussehen, wenn wir es im Muster selbst haben. Eigentlich werde ich diese Ebene löschen und sie einfach verschieben, oberste Ebene ein bisschen weiter nach oben. Ich denke, das funktioniert tatsächlich besser. Und Sie können erkennen , dass es sich hier mit dem Rand überlappt , weil dieses kleine Quadrat über der Oberseite der Leinwand befindet Das ist also dein Zeichen. Wenn das passiert, dass Sie verschieben müssen, müssen Sie eine Kopie erstellen und diese Kopie nach unten verschieben, um sicherzustellen, dass Sie sie erhalten. Perfekt. Wiederhole. Da haben wir's. Und jetzt füge ich einfach ein oder zwei weitere hinzu, um diese Lücken hier zu schließen. Das gefällt mir. Okay. Ich mache noch einen. Die andere Sache, bei der Sie sehr vorsichtig sein sollten, ist, dass Sie, wenn Sie sich hier an einer Ecke überschneiden, sicherstellen müssen, dass Sie eine Kopie nach rechts verschieben, aber Sie müssen auch sicherstellen, dass Sie eine Kopie nach oben verschieben , da sie sich sowohl horizontal als auch vertikal überlappt sowohl Okay, das ist eine grundlegende Wiederholung , die wir jetzt eingerichtet haben. Lassen Sie uns unsere Wiederholung überprüfen und dann können wir alle Anpassungen vornehmen 3. Das Mustervorschau-Tool: In Ordnung, schauen wir uns unser Muster an. Während ich das Muster erstelle, gehe ich am liebsten unter Ansicht und wähle Mustervorschau aus. Dies ist eine wirklich coole Funktion in Adobe Photoshop, die die Vorschau für Sie generiert. Und dann können Sie die Ansicht verkleinern und sehen, wie dieses Muster aussieht. Ich kann hier sehen, dass es ein paar Dinge gibt , die ich beheben möchte. Es gibt also genau hier eine große Lücke. Und das kommt dem Komfort dieses anderen Motivs etwas zu nahe. Dadurch sieht es hier ein bisschen eng aus. Also ich denke, wir werden das ein bisschen nach oben verschieben wollen . Entweder drehe das. Wir werden ein bisschen herumschneien. Und das können wir entweder tun, indem wir die Mustervorschau ausschalten und Dinge verschieben oder es tun, während wir uns in der Mustervorschau befinden. Also werde ich das tatsächlich nur für eine Sekunde ausschalten. Und lassen Sie uns die Grundlagen dazu durchgehen. Lassen Sie uns also zuerst dieses Blatt bewegen und ich glaube, ich möchte es drehen. Die Sache, die Sie hier wissen sollten, ist, dass Sie das nicht können wenn Sie diesen oberen Mietvertrag rotieren, der untere Mietvertrag automatisch mit Ihnen rotiert. Also werde ich tatsächlich diese unterste Ebene löschen und hier weitermachen. Führen Sie erneut den Befehl T aus und drehen Sie ihn ein wenig. Beweg es nach oben. So wie das. Das werden wir einfach testen. Erstellen Sie eine Kopie, Strg T oder Befehl T und bewegen Sie sie 6 Zoll nach unten. Dann denke ich, dass das ein wenig verschoben werden muss. Schieb das nach oben. Ich denke, ich könnte versuchen, es tatsächlich umzudrehen. Ich glaube, das gefällt mir ein bisschen besser. Arrangiere das. Versuchen Sie sicherzustellen, dass die Leerzeichen relativ gleichmäßig verteilt sind Leerzeichen relativ gleichmäßig verteilt Vielleicht vermute ich, dass es hier unten jetzt zu viel Leerraum geben wird, dann werde ich diesen hineinschieben, weil das einer ist Sie können hier sehen, dass dies in der Nähe der Kante e liegt, und dieser Stiel befindet sich auch in der Nähe des Randes. waren die also etwas zu nah, um es bequem zu haben. Also werde ich das einfach ein bisschen neu anordnen, um zu sehen, ob wir einen etwas besseren Abstand schaffen können Dies ist wiederum ein sehr unregelmäßiger Abstand. Ich denke, ich werde das ein bisschen drehen und dann kann ich einfach nicht vergessen, das Äquivalent zu ändern und dann das Spiegelbild auf der anderen Seite zu ändern. Also werde ich das löschen. Und das werden wir einfach wiederholen. Verschiebe es über 6 Zoll und wir sehen, dass wir uns wieder überschneiden. Das wird also etwas knifflig , zwischendurch hast du keine Mustervorschau Also werde ich tatsächlich wieder zur Mustervorschau zurückkehren, weil das Dinge wirklich so viel einfacher macht. Und was ich tun möchte, ist beide oben auszuwählen und dann die Umschalttaste gedrückt zu halten. Und wählen Sie auch diese unterste Ebene aus und kontrollieren Sie T. Jetzt haben wir beide gleichzeitig ausgewählt und können sie ziemlich frei bewegen. Wir können sehen, ob wir eine bessere Lösung finden. Nochmals, es ist nicht so, es ist einfach nicht ganz passend, oder? Also werde ich das rückgängig machen. Ich werde das unterste löschen. Wählen Sie das aus und ich kann es drehen. Ja, ich denke, das wird viel besser aussehen. Jetzt zeigt es mir tatsächlich, wie das hier unten aussehen würde. Ich verschiebe das nur. Das sieht gut aus. Das hat mir sehr gut gefallen. Und dann sehe ich hier, dass das wieder ziemlich nahe kommt. Ich wähle das aus. Dreh es einfach an und zoome raus. Und ich finde das sieht eigentlich ziemlich süß aus. Hier gibt es eine nette Bewegung mit den Stielen. Ich gehe in diese Richtung, also werde ich das beibehalten, ich bin mit diesem Muster nicht zufrieden. Auf diese Weise können Sie Ihr Muster in Echtzeit anordnen und sehen, was damit passiert. Also schalte ich die Mustervorschau aus. Und ich werde Ihnen einen anderen Weg zeigen , wie wir dieses Muster beweisen können 4. Finale Musterprüfung: Ich verwende immer gerne eine zweite Methode, um das Muster zu weil die Mustervorschau zwar sehr hilfreich ist wenn Sie das Muster einrichten, aber ein bisschen pixelig wird Und ich mag es, das Muster ohne das zu sehen, diesen Begrenzungsrahmen, diesen blauen Rahmen, den es umgibt, ich möchte es als reines Muster sehen Sie möchten also zum Fenstermuster wechseln. Und es wird diese kleine Kiste hier drüben auftauchen. Und du kannst diese kleine Pluszeile hinzufügen. Und es wird eine Vorschau Ihres Wiederholungsmusters angezeigt und Sie klicken einfach auf Okay. Und es fügt es deinen Mustern hinzu. Alle Muster, die in diesem Musterfeld hier existieren. Und dann öffne ich gerne ein neues Dokument, das größer ist als das Original. Also werde ich das bei ja, machen wir 12 mal 12 „ aufmachen . Klicken Sie auf Plus für eine neue Ebene Ich klicke einfach auf unser Muster , das sich in einem Musterfeld befindet. Es wird also tatsächlich dieses Muster für uns generieren. Und dann können wir es auf verschiedene Größen ändern. Wir gehen zur Option Ebene, Ebeneninhalt. Es wird dieses kleine Muster-Füllfeld hier auftauchen. Sie können es sehr oft manipulieren, sodass Sie den Winkel ändern können Ich mag es sogar, es bei Null zu halten. Sie können die Skala aber auch hier ändern. Also lasst uns das um 50% reduzieren. Und dann können wir einfach hineinzoomen und einfach sicherstellen, dass nichts irgendwo abgeschnitten ist. Es gibt keine streunenden Pixel. Das sieht wirklich nett und glatt aus. Jetzt können Sie damit auch ein Muster auf buchstäblich alles anwenden , was Sie in Photoshop haben. Wenn ich also diese Ebene einfach lösche, können Sie z. B. das rechteckige Marquee-Tool verwenden Sie können jede Art von Rechteck erstellen und es dann einfach mit einem Muster füllen , um in eine neue Ebene zu gelangen Klicken Sie auf das Muster. Nochmals. Sie können die Größe in den Optionen Ebene, Ebeneninhalt beliebig auf 25% Wenn Sie also z. B. ein Portfolioblatt einrichten möchten, ist dies eine einfache Möglichkeit, es einzurichten. Sie können all diese Rechtecke einrichten und dann Ihre Muster nach Belieben einfügen 5. Mit Farbe spielen: Jetzt, wo wir unser Muster oder Setup haben, lassen Sie uns ein wenig über das Färben sprechen. Sie können natürlich Schicht für Schicht vorgehen. Nochmals. Sie möchten die Ebene jedes Mal sperren, wenn Sie die Farbe ändern. Sie können alle Ebenen auswählen und die Sperrtaste drücken, was den Vorgang ein wenig beschleunigt. Aber was ich eigentlich gerne mache, wenn ich ein einfaches Muster wie dieses habe , das sich nicht überlappt, ist, alle Ebenen zusammenzuführen Aber nur für den Fall, dass du jemals zurückgehen und die Dinge ein bisschen verschieben willst. Vielleicht stellst du irgendwann später fest, dass die Komposition einfach nicht ganz stimmt und du etwas bewegen möchtest Deshalb teile ich all diese Ebenen gerne in Gruppen ein. Wählen Sie also alle Ebenen aus und drücken Sie Control oder Command Z. Und dann ordnen wir sie in eine Gruppe ein. Und dann dupliziere ich diese Gruppe mit Command oder Control J. Wählen Sie die unterste Gruppe ab Für diese Gruppe werde ich nun alle Ebenen zusammenführen. Sie können das tun, indem Sie entweder hier auf Gruppe zusammenführen oder auf Command oder Control E klicken. Und ich sperre diese Ebene und jetzt kann ich die gesamte Ebene auf einmal neu einfärben Also werde ich einfach mit uns spielen. Ich werde die Hintergrundfarbe ändern. Ich mache daraus ein blaues. Und dann müssen sie diese Farbe wirklich ändern. Also werde ich mich für ein helleres Blau entscheiden und das subtile Muster machen. Klicke auf Bearbeiten und fülle die Vordergrundfarbe aus. Ein bisschen zu subtil. Also werde ich mich für eine hellere Farbe entscheiden und das einfach noch einmal machen. Okay, schauen wir uns das und die Mustervorschau an. Das sieht ziemlich gut aus, aber ich werde es versuchen. Noch eine Farbe. Entscheiden Sie sich für dieses tiefe, dunkle, saubere, hellere Grün für die Blätter. Schule. Das liebe ich wirklich. Ich glaube, ich bleibe bei dieser Farbe. Okay, das war's mit dem Umfärben, das ist ziemlich einfach, wenn du einfache Ebenen wie diese hast Lass uns weitermachen. 6. Die Musterkachel exportieren: Okay, wir haben ein Muster erstellt, wir haben unser Muster neu gefärbt Wir sind bereit zu gehen. Jetzt müssen wir es nur noch exportieren. Gehen wir also zu Datei, Kopie speichern. Und dann exportiere ich das gerne als hochauflösendes JPEG. Also wähle ich hier JPEG aus. Klicken Sie auf Speichern. Dann stelle ich gerne sicher , dass die Qualität 12 ist und Sie möchten, dass der Basisstandard ausgewählt wird Also im Grunde genommen haben ein optimiertes und progressives Gerät tatsächlich eine kleinere Auflösung, es komprimiert die Datei Die Idee für diese ist, dass Websites dadurch schneller geladen werden können. Die Qualität ist also etwas beeinträchtigt. Wenn Sie jedoch möchten, dass dies gedruckt wird, sollten Sie Baseline Standard verwenden Und wir klicken einfach auf Okay. Und da haben wir es. Ich habe dieses wunderschöne JPEG-Muster. Alles fertig und startklar und bereit zum Hochladen oder du sowieso bald. Eine Sache kannst du auch tun, hier ist nur ein weiterer Check. Öffnen Sie diese JPEG-Datei erneut in Photoshop und führen Sie eine Mustervorschau darauf durch. Hin und wieder. Wenn ich ein komplexes Muster habe, mache ich das gerne und nur um sicherzugehen , dass Sie alle startklar sind, haben Sie eine druckfertige Datei. Sind bereit, Ihr Muster anzuwenden 7. Schlussgedanken: Ich hoffe, Ihnen hat dieser Kurs gefallen und Sie fühlen sich inspiriert, Photoshop für Ihr Musterdesign auszuprobieren. Wenn dir dieser Kurs gefallen hat, folge mir auf jeden Fall, damit du den nächsten Teil der Reihe nicht verpasst Ich werde behandeln, wie man komplexere Muster erstellt. Der beste Weg, um ein Aquarellmotiv zu digitalisieren. Viele weitere Tipps und Tricks zur effizienten Nutzung von Photoshop , um Zeit zu sparen und schnell schöne Designs zu erstellen. Ich würde absolut gerne die Muster sehen , die Sie erstellt haben. Also teile sie bitte. Sie können sie im Projektbereich unten hochladen. Wenn du das Design, das du heute gemacht hast, auf Instagram teilst , markiere mich, damit ich deine Arbeit bewundern und teilen kann. Wenn Sie Fragen zum Prozess haben, können Sie sich gerne an mich wenden. Sie können mich oder über Skillshare oder über meine Website kontaktieren Skillshare oder über meine Website Vielen Dank fürs Zuschauen und wir sehen uns bald wieder.