kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Subtle Patterns Photoshop-Plugin

Die Website Subtle Patterns bietet zahlreiche Endlosmuster für die Gestaltung von Website-Hintergründen zum Download an. Die Seite ist den meisten Webdesignern wohl bereits bekannt. Das Entwickler-Team von CSS Hat und Enigma64 hat nun zusammen mit Atlo Mo, dem Gründer von Subtle Patterns, ein weiteres Photoshop-Plugin erstellt. Das Subtle Patterns Photoshop Plugin integriert die Bibliothek der Subtle Pattern-Website als Bedienfeld in Photoshop. Ich hatte die Möglichkeit mir das Plugin bereits vor der Veröffentlichung einmal anzuschauen und freue mich euch sogar zwei Lizenzen zur Verfügung stellen zu können.

Workshops und Seminare von kulturbanause

Unsere Seminar-Termine für 2018 sind online!

Jetzt Tickets sichern!

So funktioniert das Subtle Pattern Photoshop Plugin

Die Installation des Plugins ist unkompliziert. Nach dem Setup findet ihr innerhalb von Photoshop unter „Fenster → Erweiterungen → Subtle Patterns“ den Verweis zum neu hinzugefügten Bedienfeld von Subtle Patterns. Da die mir vorliegende Vorab-Version des Plugins noch nicht kompatibel mit Photoshop CC ist, habe ich das Plugin mit Photoshop CS5 getestet. Die finale Version läuft selbstverständlich auch mit Photoshop CC.

Menüeintrag des Subtle Patterns Plugins innerhalb von Photoshop
Menüeintrag des Subtle Patterns Plugins innerhalb von Photoshop

Sobald das Bedienfeld das erste Mal aufgerufen wird, lädt es die online zur Verfügung stehenden Muster von der Website. Anschließend aktualisiert sich die Datenbank automatisch. Über eine Thumbnail-Vorschau können die Muster ausgewählt werden, über die Suchfunktion kann die Liste nach relevanten Patterns gefiltert werden.

Subtle Patterns Bedienfeld mit Thumbnail-Ansicht und Suche
Subtle Patterns Bedienfeld mit Thumbnail-Ansicht und Suche

Wenn ihr eine Vorschau-Grafik in der Liste anklickt, wird das Muster auf die aktuell ausgewählte Ebene angewandt. Das Muster wird dabei non-destruktiv über den Ebenenstil „Musterüberlagerung“ hinzugefügt. Über den unteren Schieberegler kann das Muster skaliert werden, der obere Schieberegler steuert die Deckkraft der Musterüberlagerung. Alle Einstellungen können nachträglich sowohl über das Subtle Pattern Bedienfeld, als auch innerhalb der Ebenenstile korrigiert werden.

Wenn die Einstellung „Link with Layer“ aktiviert ist, wird die Musterüberlagerung mit der Ebene verknüpft. In der deutschen Version von Photoshop nennt sich diese Funktion „Mit Ebene verbinden“. Bei aktivierter Funktion verschiebt sich das Muster mit, wenn die Ebene auf der Arbeitsfläche verschoben wird. Auch diese Einstellung ist aus den Ebenenstilen bereits bekannt und kann dort angepasst werden.

Muster können mit der Ebene verknüpft, skaliert und in der Deckkraft beeinflusst werden. Hier seht ihr die Einstellungen innerhalb der Ebenenstile
Muster können mit der Ebene verknüpft, skaliert und in der Deckkraft beeinflusst werden. Hier seht ihr die Einstellungen innerhalb der Ebenenstile

Fazit

Auch wenn der Hype rund um Flat Design und Co. das Interesse für Hintergrundmuster etwas geschmälter hat, gehören solche Strukturen nach wie vor in das Standard-Repertoire eines Webdesigners. Die Website von Subtle Patterns war schon sehr gut – nur das Testen verschiedener Muster direkt im Layout war immer etwas lästig. Mit dem Plugin kann hier viel Zeit eingespart werden.
Der Preis von 11.99$ ist meiner Meinung nach in Ordnung. Ich persönlich verbuche den Kauf des Plugins gedanklich als Spende für die ansonsten nach wie vor kostenlose Subtle Patterns Website.

Gewinnspiel (beendet)

Das Subtle Pattern Plugin wird zu einem Preis von 11.99$ erscheinen. Ich freue mich daher sehr, euch zwei Lizenzen in Form eines Gewinnspiels zur Verfügung stellen zu können.

Das Gewinnspiel ist beendet. Die Gewinner werden in Kürze per E-Mail informiert. Vielen Dank für Eure Teilnahme.

Die Teilnahme ist wie immer äußerst unkompliziert. Verfasst einfach einen Kommentar zu diesem Artikel und schreibt mir wie ihr Muster und Strukturen in aktuellen Projekten einsetzt, und wie ihr in diesem Zusammenhang zum Webdesign-Trend „Flat Design“ steht.
Unter allen (sinnvollen) Kommentaren ermittle ich per Los zwei Gewinner. Bitte gebt eine gültige E-Mail-Adresse an, damit ich euch im Falle eines Gewinns kontaktieren kann. Das Gewinnspiel endet am 20.08.2013 um 12:00 Uhr.
Mit dem Verfassen eines Kommentars akzeptiert ihr die Gewinnspiel-Bedingungen.

Ich wünsche euch viel Glück!

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!

Das könnte dich auch interessieren

22 Kommentare

  1. Nick

    Verfasst am 6. August 2013 um 9:46 Uhr.

    Hi Jonas,

    Subtle Patters ist für mich immer die erste Anlaufstelle, wenn ich auf der Suche nach passenden Mustern bin. Ein Plugin für PS ist eine super Idee und würde meinen Workflow optimieren.
    Ich finde Flatdesign sehr spannend aber finde, dass es nicht überall eingesetzt werden muss.

    Greetinx Nick

  2. Torben kania

    Verfasst am 6. August 2013 um 9:47 Uhr.

    Flat Design ist bei vielen Leuten noch nicht wirklich angekommen.
    Meine Kunden zb. wollen weiterhin verspielte Webseiten haben und dafür wäre
    das Photoshop Plugin wirklich ein großartige Hilfe weil man dann zb zusammen mit dem Kunden das Hintergrundmuster via. Skype abstimmen kann und es ganz einfach in Photoshop einsetzen kann …

    Würde mich freuen eine Lizenz zu gewinnen …

  3. chaoskoeppsche

    Verfasst am 6. August 2013 um 10:08 Uhr.

    Huch, da war ich wohl fix – bin ich glatt die Erste! :-)

    Ich setze Pattern für Seitenhintergründe lieber ein als riesige Hintergrundgrafiken. Ladezeit und auch wegen der mitunter besseren Darstellung auf versch. Devices. Einen Foto-BG kann man entweder auszugsweise oder geschrumpft darstellen – beides kann je nach Bild aber an Wirkung verlieren auf kleineren Devices.

    Wobei manche Kunden ja leider auf vollflächige Fotos bestehen, dann aber eher optisch minderwertiges Material zuliefern, das es aber uuuunbedingt sein muss. Als Sanehäubchen sitzen sie im Kuhkaff mit lahmer Leitung und beschweren sich trotz Herunterrechnen in PS und / oder mit Tools wie z.B. jpegmini über Ladezeiten. ;-)

    Daraus sind bei uns schon Hintergrundbilder resultiert, die einem dann vom Pixelmatsch her in der Seele wehtaten – aber der Kunde war zufrieden. ;-)

    Achtung, Booogen zurück: Zumal ich mit Pattern, so ordentlich geschnitten und kein schlechter Ausschnitt, schöne Effekte zaubern und diese dann auch in dezent innerhalb der Seite aufgreifen kann – ob nun direkt oder lediglich durch das Anlehnen des Stils, daran.

    Flat Design – kann schön anzusehen sein, wenn einer dran war, der es beherrscht und en detail umsetzt. Ob man es nun über- oder untertreibt damit – wenns einem nicht liegt oder man inkonsequent arbeitet, ists nachher nicht stimmig im Gesamtbild.

    Zum anderen kommt Flat Design für die „Isch kann Hoooompätsches“-Leute, die ihren Ramsch dennoch an den Mann bekommen, wie gerufen: halbherzig dahinklatschen und dann dem Kunden als „Flat Design, is grad modern“ verkaufen.

    • chaoskoeppsche

      Verfasst am 6. August 2013 um 10:09 Uhr.

      Haha, vlt die Erste, die angefangen hat, zu kommentieren … aber a. Kaffee geholt und b. Roman getippert. ;-)

  4. Ninni

    Verfasst am 6. August 2013 um 10:30 Uhr.

    Bei Subtle Patters suche ich als erstes, wenn ich Muster für einen Neuentwurf brauche. Ein Plugin für Photoshop ist eine klasse Idee und würde alles optimieren.
    Flatdesign finde ich sehr schön, aber bei meinen Kunden kommt es nicht besonders gut an, bis jetzt. :)

  5. André R. Kohl

    Verfasst am 6. August 2013 um 10:44 Uhr.

    Ich denke, dass dieses Plugin sehr schnell unverzichtbar sein wird, zumindest erleichtert es den Workflow in Photoshop insbesondere in Sachen Webdesign ungemein. Und was nun den Hype um Flat Design angeht: Trends kommen und gehen. Ich persönlich habe nichts gegen dezent(!) eingesetzte Schatten und verläufe ;-)

  6. Manuel Haigermoser

    Verfasst am 6. August 2013 um 10:55 Uhr.

    Die Subtle Patters sind auf jeden Fall ein spannendes Werkzeug Nach rund 10 Jahren stark skeuomorphen Designs ist der Trend zum Flat Design eine willkommene Abwechslung. Wer hätte gedacht dass Microsoft hier einen Trend setzt, dem nun sogar Apple mit seinem neuen iOS7 folgt? Damit haben die Redmonder wahrscheinlich selbst nicht gerechnet ;)

    Doch Flat Design ist meiner Meinung nach mit Vorsicht zu genießen: Reduziertes Design sowie der Verzicht auf Muster, Verläufe und Schatten haben zur zwangsläufig zur Folge dass sich viele Entwürfe stark ähneln. Da muss sich auch Flat-Design in den nächsten Jahren weiterentwickeln, vielleicht entsteht sogar eine ganz neue Stilrichtung / Mischung – es bleibt spannend :)

  7. Nils

    Verfasst am 6. August 2013 um 12:16 Uhr.

    Da ich oft Single´Page gestalte wäre das Plugin sehr hilfreich.

  8. Vanessa

    Verfasst am 6. August 2013 um 14:10 Uhr.

    Ich benutze liebend gerne Muster, ob auf Buttons oder im Hintergrund. Je nach Kunde passen diese einfach sehr gut und gerade die Patterns von Subtle Patterns sind sehr schön – hier bin ich immer fündig geworden.
    Wie bereits Torben sagte, wollen viele Kunden kein Flat Design oder kennen es nicht mal. Selbst hier bei uns auf der Arbeit haben wir Flat Design auch erst einmal stringent umgesetzt, aber es kam dafür auch sehr gut an.
    Persönlich mag ich Flat Design sehr gerne und sitze zurzeit selbst an einem Design, mir fehlt hier nur oft die Verspielheit, die vor nicht all zu langer Zeit noch gewollt war. Daher eigentlich ein Pluspunkt, das manche Kunden dem Flat Design widersprechen – so kann man sich immer auf unterschiedliche Art und Weise austoben;)

    Übrigens danke für den Hinweis mit dem Plugin. Super Idee. Werde ich mir direkt kaufen, sobald klar ist, dass ich hier leer ausgehe. Denn solch nützliche Tools unterstütze ich gerne mit ein paar Euro =)

  9. Tim

    Verfasst am 6. August 2013 um 16:05 Uhr.

    Hi,
    Ich benutze Subtle Patterns gerade für ein WebAPP Projekt um einen schönen Hintergund zu haben. Ich finde Flat Design sehr gut, ich glaube aber auch, dass Flat Design bei den Leuten nocht nicht ganz so angekommen ist.
    Würde mich freuen, wenn ich eine Lizenz gewinne.

  10. Tim

    Verfasst am 7. August 2013 um 22:42 Uhr.

    Moin,

    bin schon seit Längerem auf Subtle Patterns unterwegs und muss ganz ehrlich sagen, dass ich noch nie in die Situation kam, nichts Passendes zu finden! Wirklich immer gut, immer klasse. Strukturen vs. Flat Design… Ich bin mir noch nicht so wirklich sicher was ich davon halten soll. Klar, wenn es gut gemacht ist, sieht so was absolut geil aus (vor allem in Kombination mit gelungene CI Farben), aber so ganz los komme ich von Textures nicht und im Moment verwende ich sie auch noch immer gerne um grade in Webprojekten die Seite auf eine dezente Weise interessant zu gestalten.
    Prinzipielle Abneigung gegen Flat Designs habe ich nicht, aber das ich mich eh nur hobbymäßig damit beschäftige muss für mich die Zukunft zeigen, was so alles Tolle möglich ist.

    Beste Grüße,
    Tim

  11. Da Stefan

    Verfasst am 13. August 2013 um 7:50 Uhr.

    Habe SubtlePatterns auch schon des Öfteren verwendet. Sehr feine Sache. Und würde natürlich gerne am Gewinnspiel teilnehmen! :)

    Flat Design ist so eine Sache… Es ist ein Trend – wie so viele Trends davor. Und es ist das Zeichen einer Konsolidierung im (Web)Design. Allerdings sehe ich das Ganze eher pragmatisch und weniger revolutionär als manch andere.

    Flaches Design kann sehr geil aussehen – wenn es gut gemacht ist. Allerdings habe ich auch gleichzeitig die Befürchtung, dass sich die kommenden Designs alle sehr ähneln – wodurch die Unterscheidungskriterien immer kleiner werden. Sprich: die Designs weniger prägnant werden.

    Ich kann mich aber auch täuschen – und bin gespannt, wie es in den kommenden Monaten weitergeht. Eines weiß ich jedoch auch: Flat Design „auf Teufel komm raus“ hilft keinem weiter. Es muss passen: zum Kunden, zum Projekt – und vor allem zur Zielgruppe!

  12. Moev

    Verfasst am 14. August 2013 um 10:53 Uhr.

    Hi,
    Danke für das tolle Gewinnspiel.
    SubtlePatterns ist eine Super Seite, die ich auch schon sehr lange kenne und nutze, deswegen würde ich mich freuen eine Lizenz zu gewinnen, damit ich diese Hilfreiche Seite in Photoshop einbinden kann :)

  13. René

    Verfasst am 20. August 2013 um 9:43 Uhr.

    Ich mag Flat-Designs, doch es ist nicht immer und überall sinnvoll. Es hängt dementsprechend immer davon ab für was man etwas macht und so kommt es auch vor das es eben nicht falt sein muss bzw. soll.
    Es ist auch mal schön Muster zu nutzen und da ist, wie soll man es sagen die Anlaufstelle. Da etwas nicht zu finden ist schon schwer und wenn das, wie es momentan der Fall ist, auch noch in einem Plugin liegt braucht man PS gar nicht mehr zu verlassen (was will man mehr ^^). Aus diesem Grund würde ich mich freuen wenn ich eine Lizenz gewinnen würde :)

  14. Pseudoheld

    Verfasst am 20. August 2013 um 9:44 Uhr.

    SubtlePatterns ist echt der Hammer, benutze ich schon ziemlich lange für Webseiten. Es gibt sogar ein Bookmark zum testen der Patterns -> http://bradjasper.com/subtle-patterns-bookmarklet/#.UhMdQpIvk08
    Hab bei SubtlePatterns auch schon selbst Pattern erstellt, und wurden angenommen, also macht das ding richtig voll :)

    Eine Lizenz wäre schon echt was feines, hab bereits CSS Hat gekauft. Danach fehlt dann nur noch Enigma und ich hab das leckere bundle :)

  15. Andrés Freese

    Verfasst am 20. August 2013 um 10:02 Uhr.

    Flat Design ist meines Erachtens lediglich wieder ein Trend. Bei Design geht es darum, Lösungen für konkrete Probleme zu finden.
    Ob man Flat Design Elemente nutzt, Skeumorphism Elemente oder was auch immer, im Vordergrund soll die konkrete Lösung von Problemen für Nutzer stehen.

    Ich persönlich nutze SubtlePatterns seit langer Zeit. Die Seite ist erste Anlaufstelle wenn ich Patterns für meine täglich Arbeit brauche.
    Ich würde mich freuen eine Lizenz zu gewinnen! Es würde durchaus eine Arbeitserleichterung für mich darstellen. Cheers! and keep up the good work!

  16. Torsten Wagner

    Verfasst am 20. August 2013 um 10:04 Uhr.

    Subtle Patterns ist im Grunde IMMER eine Anlaufstelle, wenn die Seite schlicht und modern wirken soll und keine ausladenden Fotohintergründe gewünscht sind. Als direkts PS-Plugin sicher eine gute Zeitersparnis.

    Flat Design wechselt im Grunde ja zyklisch mit dem 3D/Schatten-Design. Sicher erfährt es gerade durch das Responsive Design und der Smartphone Darstellung noch einmal enormen Aufwind, da hier die Schlichtheit und Übersichtlichkeit vorrang hat. … aber spätestens in 2 Jahren sprechen wir wieder über den Gegentrend. ;)

  17. Lennart Blom

    Verfasst am 20. August 2013 um 10:09 Uhr.

    Meiner Meinung nach ist das i-Pünktchen eine gelungene Website meistens ein gelungenes Hintergrundmuster.

    Gerade die schönen Details sind für mich persönlich das A und O einer perfekten Optik. subtlepatterns.com ist mir schon seit langem sehr positiv aufgefallen durch den klaren Aufbau und die Begrenzung auf die wichtigsten Informationen, nämlich auf die Patterns.

    Ein Photoshop-Plugin würde unheimlich bei zukünftigen Arbeiten helfen.

    Flat Design ist für mich eine sehr interessante Thema, das ich gerne ausprobieren möchte in zukünftigen Projekten. Doch oftmals muss man gerade das komplette Konzept auf diesen Zweig der Design-Richtung übertragen, weil es sonst schnell nicht ins Grundkonzept reinpasst. Somit nicht abgeneigt, aber eher vorsichtig beim Gebrauch.

    Auf eine positive Rückmeldung bezüglich des Gewinnspiels würde ich mich sehr freuen!

    Herzliche Grüße,
    Lennart Blom

  18. Phillip Roth

    Verfasst am 20. August 2013 um 10:25 Uhr.

    Ich möchte gewinnen :-)

  19. mjshoo

    Verfasst am 20. August 2013 um 10:43 Uhr.

    Flat Design ist ein aktueller Trend, forciert durch Google & Windows 8 und kommt wohl nicht ganz zufällig der ganzen Responsive-Technik entgegen. Die Zukunft wird wohl irgendwo zwischen Skeuomorphismus und Flat Design liegen. Jedenfalls wenn es nach Jakob Nielsen gehen soll.;-)

    In meinem Portfolio findet ihr die eine oder andere Subtle Pattern: mjshoo.me

  20. Daniel Swiatek

    Verfasst am 20. August 2013 um 11:59 Uhr.

    Ich nutze Muster zum weiteren 3D Rendering in anderen Programmen. Leider kann ich nicht mehr schreiben, da es gleich 12:00 Uhr ist

  21. Adrian

    Verfasst am 20. August 2013 um 12:00 Uhr.

    Hi,

    ich hoffe ich schreibe meine Kommentar noch schnell genug das er bis 12 Uhr fertig ist. :-)

    Also ich arbeite im Mobile-Adcertisement-Bereich als Webdesigner in Hamburg.

    Und da geht das Thema Flat-Design/Metro-Design/Bauhaus natürlich nicht an einem vorbei.

    Meiner Meinung nach sieht das ios7 Flat-Design aber nicht sehr gelungen aus.

    Ich habe auch mit den Programmierern unserer Firma darüber gesprochen und wir waren uns einig die Unsetzung von Apple sieht eher aus wie eine programmierte Oberfläche (ein Rohmedel) die noch von keinem Designer bearbeitet wurde.

    In der Architektur sagt man ja Form Follows Function und ähnlich ist das beim Flat Design meiner Meinuung nach.
    Denn dort wo reine Informationen weitergeleitet werden sollen – da reicht ein cleanes Design! Jedoch ist das ja auch nicht überall gewünscht.

    So 12:00 Uhr ich muss den Kommentar beenden.

    Gruß sight011

Kommentar verfassen

Dieser Blog lebt vom Feedback der Besucher! Also los, mach mit!
Bitte habe Verständnis dafür, dass Kommentare die mit dem Inhalt dieses Beitrags nichts zu tun haben, gelöscht werden.