Brushes

Vorwort
Wer jetzt denkt, das es sich hierbei um ein bebildertes Tutorial zum Thema Brushes handelt, der irrt sich gewaltig. Als bebilderte Tutorials bringe ich nur ganze Werke wie Signaturen, Wallpapers, Layouts usw. raus. Aber eine "Kurzreferenz" oder eine "Erweiterte Referenz" ist zum lernen da. Außerdem wird es unter den ganzen Links, die ich hier posten werde genug anreitz und Inspiration geben, selber eigene Brushes zu erstellen. Außerdem werde ich auch im Bereich "Brushes erstellen" einige Tipps dazu geben, die euch ein wenig helfen sollen. Aber vorkauen kann ich euch dabei nichts. Denn schließlich sollen sie ja nichts kopieren, sondern selber erschaffen.
Tutorials sind oftmals auch sehr hilfreich, gewisse Dinge zu erlernen. Dafür muss man zwischen den Zeilen lesen und auch herumprobieren. Daher ich hier aber keine Muster vorgebe, können sie sich entscheiden, welche Art Brush sie erstellen möchten und welches Muster sie malen wollen.


Inhalt
1. Was ist ein Brush?
2. Was gibt es für Brusharten (Beispiele, weil auch ich nicht alle kennen kann ^^)
3. Brushes installieren und anwenden
4. Anwendungsbereiche für Brushes
5. Woraus besteht eigentlich ein Brush
6. So erstellt man einen Brush (Tipps sind hier enthalten)
7. Brushes als Hilfe für das Layouten
8. Das eigene Logo als Brush


1. Was ist ein Brush?
Wenn man das Wort Brush 1 zu 1 ins Deutsche überstetz, heißt es Bürste. Aber warum nennt man es bitte Bürste? Und diese Erklärung ist relativ einfach. Von vielen Designern werden die Pinselspitzen alle als Brushes bezeichnet. Dabei gibt es allerdings einen unterschied zwischen einem Brush und einer Pinselspitze. Eine normale Pinselspitze zeichnet im 0-Abstand (der Zeichenabstand bei gedrückter Maustaste) vollgefüllte Flächen. Ein Brush hingegen zeichnet in höheren Abständen ganze Muster oder sogar Bilder. Der Begriff Brush (Bürste) ist entstanden, weil die Bilder und Muster bei gedrückter Maustaste gezeichnet aussehen, als hätte man es mit einer "Bürste" verschmiert. Seit dem her ist dank der Möglichkeiten von The GIMP oder auch PhotoShop der Brush eines der wichtigsten Designelemente unserer Zeit und sie fanden in 1000den Weblayouts Platz.


2. Was gibt es für Brusharten (Beispiele, weil auch ich nicht alle kennen kann ^^)

1. Der Abstrakt-Brush: Als Abstrakt Brush werden Brushes bezeichnet, die ein willkürliches Muster mit speziellen Designeffekten enthalten. Daraus denke ich mal sollte klar sein, das es zu dem Thema noch Unterbereiche gibt ^^:

1.1 Der Abstrakt-Brush Iced: Diese Art von Brushes sind flächen, die so gezeichnet sind, das sie wirken wie Eisblöcke oder Eiszapfen.

1.2 Der Abstrakt-Brush Cloud: Diese Brushes sehen wie am Namen schon erkennbar aus wie Wolken.

1.3 Der Abstrakt-Brush Fractal: Das sind welche, die den Fraktalen ähneln oder aus Fraktalen erstellt wurden/werden.

1.4 Der Abstrakt-Brush Grunge: Über diese Art lässt sich streiten. Aber ich würde sie als Flecken-Brushes definieren.

1.5 Der Abstrakt-Brush Light: Dies ist eine Art, die bei richtiger Farbgebung geniale Licht-Muster erzeugt wie z.B. Blitze.

2. Der Vektor-Brushe: Es handelt sich hierbei nicht um Pfadberechnung, wie das bei Vektoren der Fall ist. Es handelt sich eher um Statische Flächenmuster, die alle auch in gewisser Weise als Logo verwendet werden könnten oder sonst als kleine Gimmicks in einen Header eingebaut werden können.

2.1 Der Vektor-Brush Sample: Dies ist ein Brush, der direkte Flächenmuster beinhaltet. Es sind aber eher noch willkürliche Muster.

2.2 Der Vektor-Brush Logo: Die sehen den Sample-Vektor-Brushes sehr ähnlich. Allerdings sind diese Dinge eher als Logo zu verwenden, wobei es bei Samplen eher nur zu einer Verzierung.

2.3 Der Vektor-Brush Commerce: So etwas ist auch aus dem Fontbereich bekannt. Die bestehen meist aus bekannten Firmen-Logos und Schriftzügen.

2.4 Der Vektor-Brush Form: Wie der Name schon sagt, sind diese Standardformen oder Modifizierte Formen (Quadrate, Sterne, Kronen, perspektivisch veränderte Kreise usw.)

2.5 Der Vektor-Brush Pallet: Pallets sind Brushes, die eigentlich aus einer Sammlung mehreren Brushes erst zu dieser Gattung gehören. Es ist im Grunde das Leiterplatten-Prinzip. In diesen Satz befinden sich Grafiken, mit denen man ein größeres Gebilde zusammensetzen kann. Zum Beispiel Leiterbahnen und andere elektronische Bauteile, mit denen man zum Beispiel eine komplette Leiterplatte gestalten kann.

2.6 Der Vektor-Brush Industrial: Das sind meist Formen aus der Industrie. Es können bekannte Sachen von Baustellen, aus dem Straßenverkehr, aus Fabriken usw. sein.

3. Der Natural-Brush: Das ist einfach erklärt. Dies sind meist farbige Brushes, die Objekte aus der Natur erzeugen sollen wie z.B. Gras, Bäume, Berge usw.

4. Der Picture-Brush: Die Brushes wurden aus Fotos erstellt und dienen meist als Hintergründe oder als Atmosphärische Akzente.


3. Brushes installieren und anwenden
The Gimp hat 3 Dateiformate für Brushes

1. GBR: Das steht für GIMP BRUSH und wird für gewöhnlich für Graustufen und Farbbrushes verwendet.

2. GIH: Das steht für GIMP IMAGE HOSE und es ist für Animierte Brushes gedacht. Daher ich aber keinen Sinn darin sehe, werde ich darauf nicht näher eingehen. Außerdem sind solche spitzen für uns eher uninteressant.

3. VBR: Diese Pinsel sind parametrische Pinsel, die mit dem bei Gimp integrierten Pinseleditor erstellt wurden. Diese Pinsel sind für Werkzeuge wie dem Abwedler oder dem Tintenstift gedacht. Dieser sollte z.B. für Flächenpinsel verwendet werden, damit man große Flächen auf einmal Abwedeln oder Nachbelichten kann.

Um diese zu installieren, gehen sie wie folgt vor.

1. GBR/GIH: Kopieren sie die Dateien mit dieser Endung in den Order "THE GIMP Ordner auf der Festplatte\share\gimp\versionsnummer\brushes". Starten sie danach The Gimp neu und die Pinsel werden automatisch geladen. Diese Pinsel können sie für das "Pinselwerkzeug" und dem "Zeichenstift-Werkzeug" verwenden. Im Werkzeugfenster taucht beim aktivieren des "Pinselwerkzeug" oder dem "Zeichenstift-Werkzeug" unten die Optionen auf. Dort können sie die Pinsel dann anwählen und im Bild anwenden.

2. VBR: Diese Dateien sollten in den Persönlichen Ordner rein kopiert werden. Dieser wurde bei der Installation von The Gimp von ihnen gewählt. Standardmäßig befindet sich der unter "C:\Dokumente und Einstellungen\Benutzername". Dort müsste sich dann der Ordner "Gimp-Versionsnummer" befinden und in ihm der Ordner Brushes. Dort können sie die VBR-Dateien rein kopieren. Beim nächsten Neustart von The Gimp werden die Pinsel wieder gleich mit geladen. Es kann sein, das diese Pinsel auch bei den anderen Werkzeugen auftauchen. Aber verwenden sollte man sie nur für die Abwedler/Nachbelichter"

Zur Anwendung gibt es noch folgendes zu sagen. Man kann im Werkzeugfenster bei angewähltem Pinselwerkzeug diverse Optionen einstellen. Unter Modus kann man einen Voreffekt auswählen. Die Deckkraft ist eigentlich selbsterklärend. Es geht dabei um die Transparenz. Unter verblassen kann man das ganze etwas aufhellen. Die Option "Steigernd" sorgt dafür, das sie beim ziehen des Pinsels die Dichte bei einer Übermalung steigert. Aber am wichtigsten ist noch die Option "Farbe aus Farbverlauf" !! Aktiviert kann man die Farbe selber bestimmen. Deaktiviert bedeutet es, das die brushfarbe verwendet wird.


4. Anwendungsbereiche für Brushes
Brushes werden meist dort angewendet, wo man bestimmte Bereiche, Objekte oder ähnliches verziehrt. Man kann damit schöne Header für Layouts erstellen. Man kann damit eigene Logos erstellen. Man kann sie aber auch als Hilfe verwenden. Aber wo wendet man am besten welche Brushes an?

1. Abstrakt-Brushes Iced, Cloud und Grunge: Diese Brushes werden meist für Hintergründe bei Wallpapers, Header, Signaturen oder ähnliches verwendet. Sie eignen sich dafür hervorragend.

2. Abstrackt-Brushes Fractal und Lights: Damit werden meist Athmosphärische aktzente In Bildern und Grafiken gesetzt. Man kann auf Fotos Gewitter erzeugen oder mit Willkürlichen Fraktalen interessante Effekte erzielen.

3. Vektor-Brushes: Das sind meist Brushes, aus denen Logos erstellt werden, Komplette Bilder gepuzzelt werden oder auch, um interessante Hintergründe zu verziehren. In meinem ClanSphere-Design "Blue Power" habe ich zum Beispiel den Hintergrund des Headers aus Abstrackt-Brushes gemacht und dann mir 2 Vektorbrushes verziert.

4. Natural-Brushes: Mit diesen kann mehr gemalt als Designed werden. Ist ein nettes Kinderspielzeug. Aber weniger für uns gedacht. Oder? Natürlich kann man mit vielen Brushes aus dem Bereich arbeiten. Unter anderem, wenn man eine Website für einen Kindergarten macht. Bunte Schmetterlinge würden sich gut dort machen.

5. Picture-Brushes: Damit kann man zum Beispiel Bilder oder Objekte in z.B. einen Header einbauen.


5. Woraus besteht eigentlich ein Brush
Anders als bei anderen Grafikprogrammen kann man bei The Gimp sagen, das Brushes aus allem bestehen. Man kann sie als Animation machen. Man kann sie in Farbe machen. Man kann alle Effekte darauf anwenden. Aber wir beziehen das jetzt mal auf die Muster-Brushes Abstrackt und Vektor. Die beiden arten brauchen auf jeden Fall 2 Sachen.
Einen Transparenten Hintergrund und am besten nur Graustufen. Somit sind diese vielseitig einsetzbar.


6. So erstellt man einen Brush (Tipps sind hier enthalten)
Brushes erstellen ist bei The Gimp einfacher, als in HTML eine Tabelle zu erzeugen. Sie malen etwas und speichern es als Brush ab. Erstellen sie dafür ein Dokument mit der gewünschten Größe. Wählen sie dafür unter den Erweiterten Optionen im Fenster für das neue Dokument einen Transparenten Hintergrund aus. Zeichen sie dann im neuen Dokument die gewünschte Form. Aus der Form und den Effekten bestimmt man die Art des Brushes. Wenn man damit Fertig ist, geht man oben in der Menüleiste auf "Auswahl" und wählt alles aus. Man sollte vorher auch alle Sichtbaren Ebenen reduziert haben. Dazu gehen sie im Ebenenfenster mit rechter Maustaste auf eine Ebene und wählen dann "Sichtbare Ebenen vereinen..." und bestätigen das kommende Fenster einfach auf OK. Wenn sie dann die Auswahl gemacht haben, klicken sie inder Menüleiste auf "Script-fu" und gehen unter "Auswahl" auf "Zu Pinsel ...". Jetzt sollte sich ein Dialog öffnen, unter dem sie den Dateinamen, den Pinselnamen und den Abstand für die Zeichen wählen können. Machen sie die gewünschten Einstellungen und bestätigen sie mit OK. Schon ist der Pinsel gespeichert.

VBR: Im Ebenenfenster unten Befindet sich das Pinsel-Modul. Dort unten gibt es ganz links ein kleines Symbol, das für "Pinsel bearbeiten" steht. Damit kann man den ausgewählten Pinsel bearbeiten. Gleich Rechts daneben ist ein Symbol, das für "Neuer Pinsel" steht. Klicken sie darauf, um in das Menü für die Pinselwerte zu gelangen. Stellen sie wie gewünscht ein und Geben sie dem Pinsel noch einen Namen. Mit OK wird der Pinsel gespeichert und auch gleich importiert.

TIPP1: Verwenden sie für Abstrackt-Brushes mal Weichzeichner. Kann nette Effekte vorbringen.
TIPP2: Wenn ihnen nichts einfällt, malen sie einfach ein paar wilde Flächen auf verschiedenen Ebenen in verschiedenen Graustufen und verschmieren sie diese. Ändern sie auch mal die Deckkraft der Ebenen.
TIPP3: Versuchen sie sich auch in den anderen Bereichen. Es kann sein, das ihre Ergebnisse mit der Zeit Öde werden. Da tut frischer Wind ganz gut.


7. Brushes als Hilfe für das Layouten
Wenn man ein neues Layout erstellen möchte, sollte man zuerst das Dokument in verschiedene Bereiche teilen. Das kann irgendwann ziemlich nervig werden. Aber Brushes können dabei helfen, die Arbeit zu erleichtern. Erstellt für die Teilbereiche einfach Brushes. z.B. für den Header ein Brush in 1000x200 Pixel oder für die Bezeichner der Navispallte Brushes in der z.B. der Größe 200x30 Pixel. Das sind natürlich nur Beispiele. Passen sie es ihrem Stil an. Wenn sie nun Diese Pinsel verwenden, nehmen sie dabei immer eine andere Farbe. Schieben sie die Ebene mit der geplanten Aufteilung in den Hintergrund und fangen sie an, ihr Design zu machen. Orientieren sie sich immer an dieser Aufteilung.


8. Das eigene Logo als Brush
Wenn man sich ein Logo erstellt hat, kann es mühselig sein, es immer wieder hervor zu kramen. Wieso nicht einfach ein Brush draus machen. Erstellen sie ihr Logo in der Größe 1000x1000 Pixel. Damit bleibt es bei fast jeder Anwendung sauber und Glatt. Dann erstellen sie 2 neue Dokumente. Einmal 500x500 Pixel und einmal 200x200 Pixel. Kopieren sie das Logo in jedes dieser Dokumente und passen sie die Größe an die Dokumenten-Größe an. Jetzt speichern sie es wie oben beschrieben in alles 3 Dokumenten als GBR ab. Nennen sie diese dann irgendwie Logo_1000, Logo_500 und Logo_200 oder so ähnlich. Es ist egal, ob es in Farbe ist oder nicht. GBR ist auch für Farbige Brushes da. Stellt den Abstand auf Maximalwert. Denken sie aber noch an den Transparenten Hintergrund. Wenn sie das Logo irgendwo Einfügen wollen, erstellen sie im betroffenen Dokument eine neue Ebene und wählen sie ihr Logo aus, nachdem sie das "Pinselwerkzeug" aktiviert haben. Achten sie darauf, das die Option "Farbe aus Farbverlauf" im Werkzeugfenster unten deaktiviert ist. Ansonsten wird der Brush mit der aktuell gewählten Farbe überdeckt. Zeichnen sie das Logo auf die neue Ebene. Dank der neuen Ebene können sie einfach eine Größen-Transformation oder eine Positionsänderung vornehmen.

Nachwort:
Ich hoffe, das ich sie ein wenig in das Thema Brushes mit Gimp eingeführt habe. Ich hoffe sie konnten was lernen. Natürlich habe ich mir damit viel mühe gegeben und hoffe natürlich, das sie mich mit ihrem interesse Motivieren. Dann wird es auch viel mehr von mir geben.