Voraussetzungen: GIMP 2.6 (+)

Mit Hilfe von dieser Anleitung lernt Ihr, wie Ihr schnell und einfach plastische Buttons für eure Homepage erstellen könnt.
Die Anleitung selbst wurde mit der GIMP-Version 2.6.4 getestet, sollte aber auch unter den meisten anderen Versionen bearbeitbar sein.

Die Anleitung erfordert keinerlei Vorkenntnisse unter GIMP und ist somit für Anfänger gut geeignet.


Als erstes erstellt über den Menüpunkt: Datei -> Neu ein neues Bild mit der Größe: 350 x 100 Pixel.
Als Hintergrundfarbe wählt am Besten die spätere Hintergrundfarbe der Homepage, auf welcher der Button eventuell eingesetzt werden soll.




Erstellt nun eine rechteckige Auswahl (Tastenkürzel: R) mit der Größe: 300 x 75 Pixel und den Positionen 25 und 12 Pixel

(Wenn ihr Schritt 1 bearbeitet habt, sollte sich die Auswahl ungefähr in der Mitte des Bildes befinden. Über den Menüpunkt Auswahl -> Abgerundetes Rechteck rundet nun die Ecken der Auswahl ab, zu empfehlen ist ein Wert von 60 Prozent.



Als nächstes benutzt den Menüpunkt: Auswahl -> Ausblenden mit einen Wert von 5 bis 10 Pixel, um die Auswahl "weich zu machen".


Über den Menüpunkt Ebene -> Neue Ebene oder aber direkt über das Fenster: Ebenen erstellt eine neue Ebene mit derselben Größe
(350 x 100 Pixel) und der Ebenenfüllart: Transparenz.



Zieht mit dem Farbverlaufs-Werkzeug (Tastenkürzel L) einen Farbverlauf von Weiß(#ffffff) nach Schwarz(#000000),mit der Form: Formangepasst (spährisch) vertikal über die bestehende Auswahl. Der Button selbst, sollte nun schon erste Umrisse annehmen.




Um die Übergänge in dem Button etwas weicher zu gestalten und um den gesamten Button etwas aufzuhellen, benutzt den Filter: Bewegungsunschärfe, zu finden unter Filter -> Weichzeichnen -> Bewegungsunschärfe.
Als Weichzeichnungart wählt Linear aus, als Länge sollte ein Wert zwischen 25 und 30 gewählt werden und als Winkel ist der Wert 90 zu empfehlen.




Wie in Schritt 3 erläutert erstellt eine neue Ebene, mit den selben Eigenschaften, wie sie in Schritt 3 verwendet wurden.

Um die Scanlines in der immer noch bestehenden Auswahl einzufügen, aktiviert das Werkzeug: Füllen (Tastenkürzel Umschalt+B) und wählt die Füllart: Muster.
Als Muster kann das vorinstallierte Muster: Stripes Fine benutzt werden als beeinflussten Bereich wählt die Option: Ganze Auswahl füllen.
Mit einem Mausklick auf die Auswahl werden die Scanlines gezeichnet.



In dem Fenster: Ebenen verringert nun die Deckkraft der gerade neu erstellten Ebene auf 15 bis 30 Prozent.


Wie in Schritt 3 beschrieben, erstellt nun eine vierte Ebene mit selbigen Eigenschaften, welche auch in Schritt 3 und Schritt 5 angewandt wurden, danach wählt das Werkzeug: Text (Tastenkürzel: T) aus und bringt eure Aufschrift für den Button in einer beliebigen Schriftart und Schriftfarbe in der Mitte des Buttons an.
(Ich habe dazu die Schriftart: CourierNew 30px mit der Schriftfarbe: Weiß (#ffffff) verwendet)


In dem Fenster: Ebenen (Aufruf über: Fenster --> Andockbare Dialoge --> Ebenen) zieht nun die Ebene,mit der in Schritt 6 erstellten Aufschrift per Dropdown auf den Button: Ein Duplikat dieser Ebene erstellen und zum Ebenenstapel hinzufügen.



Markiert nun die neu angelegte Ebene und benutzt den Menüpunkt: Ebene -> Transformieren -> Vertikal spiegeln,danach verschiebt die Spiegelung ein paar Pixel unter die eigentliche Aufschrift. Die Deckkraft dieser Ebene verringert nun (über das Fenster: Ebenen) auf ca. 30 Prozent.


Wechselt wieder zurück auf die Ebene: Zwei und wählt den Menüpunkt: Farben -> Einfärben.
Mit Hilfe der Schieberegler wählt eine Farbe nach eurem Gefallen aus und bestätigt mit einen Klick auf OK.

Der Button ist nun fertig gestellt und ihr könnt ihn über: Datei --> Kopie speichern bequem als webtaugliches Bild abspeichern (JPEG, GIF, PNG). Der von euch erstellte Button sollte nun ungefähr wie eines der folgenden Endprodukte aussehen:







Eine einfache Anleitung zum Erstellen von plastischen Buttons mit Hilfe von GIMP Twittern

>> Allgemeine Fragen oder Probleme mit dem Tutorial? Hier gehts zum Forum!