--- title: "Kreatives Webdesign mit Photoshop-Pinseln: Inspiration und Beispiele" author: "Ellen Bauer" date: 2010-08-17 lang: de source: https://elmastudio.de/kreatives-webdesign-photoshop-pinseln-inspiration-beispiele/ --- # Kreatives Webdesign mit Photoshop-Pinseln: Inspiration und Beispiele Photoshop-Pinsel sind praktische kleine Helfer, die Webdesigner bei der kreativen Arbeit unterstützen können. Mit Brushes lassen sich wunderschöne Hintergründe und Effekte z.B. für Header-Grafiken erzeugen, die einem Design-Entwurf das gewisse Etwas verleihen. Außerdem macht es natürlich jede Menge Spaß, seiner künstlerischen Ader einmal ganz freien Lauf zu lassen :-) Ich habe 10 hilfreiche Pinsel-Sets für Webdesigns zusammengestellt und zeige dir jeweils ein Vorschaubild. Damit du auch eine ungefähre Vorstellung bekommst wie du die Pinsel verwenden kannst, stelle ich außerdem Beispiele von Webdesigns mit ähnlichen Effekten und Stilen vor. ## 1. [Kreative Ozean-Kreaturen](https://www.brusheezy.com/brushes/1497-sea-creatures-vol-1) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-01.jpg) ### Webseiten-Inspiration mit klassisch gezeichneten Tieren ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-01a.jpg) ## 2. [Kreative Kritzeleien](https://www.brushking.eu/123/creative-doodles-photoshop-brushes.html) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-02.jpg) ### Webseiten-Inspiration mit Kritzeleien ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-02a.jpg) ## 3. [Klassisch gezeichnete Hände](https://www.brusheezy.com/brushes/1302-vintage-hands) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-03.jpg) ### Webseiten-Inspiration mit klassischen Hand-Zeichnungen ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-03a.jpg) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-03b.jpg) *[Bean Exchange](https://beanexchange.com/)* ## 4. [Wasserfarben-Effekte](https://www.brushking.eu/376/watercolor-brushes-vol-1.html) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-04.jpg) ### Webseiten-Inspiration mit Wasserfarben ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-04a.jpg) *[CIRCA](https://circa.com.au/)* ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-04b.jpg) ## 5. [Subtile Texturen](https://www.brushking.eu/398/42-more-subtle-grunge-textured-photoshop-brushes.html) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-05.jpg) ### Webseiten-Inspiration mit leichter Hintergrund-Textur ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-05a.jpg) *[Elliot Jay Stocks](https://elliotjaystocks.com/)* ## 6. [Holz-Texturen](https://www.bittbox.com/cgi-sys/suspendedpage.cgi) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-06.jpg) ### Webseiten-Inspiration mit Holz-Texturen ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-06a.jpg) *[Bert Timmermans • Design Lead](https://www.berttimmermans.com/)* ## 7. [Grunge-Texturen](https://www.brushking.eu/305/grunge-brushes-2.html) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-07.jpg) ### Webseiten-Inspiration im Grunge-Stil ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-07a.jpg) ## 8. [Echter Rauch](https://www.brushking.eu/337/real-smoke-photoshop-brushes.html) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-08.jpg) ### Webseiten-Inspiration mit Rauch-Effekt im Header ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-08a.jpg) ## 9. [Baum-Silhouetten](https://www.brushking.eu/255/photoshop-brushes-trees.html) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-09.jpg) ### Webseiten-Inspiration mit Baum-Silhouette ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-09a.jpg) *[Ecoki](https://ecoki.com/)* ## 10. [Licht-Effekte](https://www.brushking.eu/403/vatio-brushes.html) ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-10.jpg) ### Webseiten-Inspiration mit Licht-Effekten ![Photoshop Pinsel fuer Webdesigns](https://elmastudio.de/wp-content/uploads/2010/08/photoshop-pinsel-inspiration-10a.jpg) *[Thechemicalbrothers.com](https://www.thechemicalbrothers.com/)* ## Jede Menge Photoshop Pinsel-Resourcen Bist du inzwischen so richtig zum Photoshop-Pinsel Fan geworden, findest du in unserem [»Artikel Fundegrube: Jede Menge kostenlose Photoshop-Brushes«](https://elmastudio.de/fundgrube-jede-menge-kostenlose-photoshop-brushes/) eine Überischt verschiedenster Brush-Sammlungen. Findest du in den Sammlungen nicht das Richtige, kannst du dir auch eine eigenen Photoshop-Pinsel erstellen. [Hier](https://elmastudio.de/photoshop-pinsel-set-erstellen/) erfährst du, wie's funktioniert! ## So kannst du Photoshop-Pinsel installieren 1. Lade Pinsel in von der jeweiligen Webseite herunter und speichere die ABR-Datei in den Ordner »Brushes« unter Programme / Adobe / Adobe Photoshop+Version / Presets / Brushes. 2. Jetzt öffnest du dein Photoshop-Programm mit einem neuen Dokument und öffnest das Pinsel-Fenster (F5). 3. Klickst du den kleinen Pfeil rechts oben im Pinsel-Fenster, öffnet sich ein Dropdown-Menü mit den Optionen. Klicke bei Pinsel laden und suche deine Pinsel ABR-Datei in dem Ordner »Brushes« aus. 4. Jetzt werden dein neues Pinsel-Set in das Pinsel-Fenster geladen und kannst mit der Mal-Arbeit beginnen. Wie gefallen dir die Photoshop-Pinsel? Arbeitest du gerne mit Pinseln und kennst du weitere tolle Sets, die du besonders gut für Webdesign-Layouts eignen? Über dein Feedback und deine Tipps freue ich mich sehr!