Aufgabenstellung:

Ich möchte einen Button mit Schrift erstellen, welcher jederzeit geändert werden kann


Voraussetzung:
Das Gimp Toolkit (GTK+) und Gimp (download: http://www.gimp.org/downloads/) ist am PC installiert.



Und los geht’s:
Auf der Arbeitsfläche sollte sich das Gimp Hauptfenster und das Ebenenfenster befinden:



falls das Ebenenfenster fehlt wird es einfach aktiviert:



Die Grösse des zu erstellenden Buttons richtet sich natürlich nach der Länge der Beschriftung. Also messen wir sie einmal ab

Dazu erstellen wir eine neue Datei (Grösse ist egal)




wählen das Text-Symbol, die Schriftart und die Schriftgrösse


und klichen auf das Dateifenster



es öffnet sich das Textfenster



nach der Texteingabe erscheint der Text im Dateifenster. Im Gimp-Hauptfenster wird das Werkzeug „Zirkel“ geählt



mit der Maus auf den Anfang klicken und bei gedrückter STR-(gerade Linie) und Maustaste bis zum Ende des Textes die Linie ziehen


unten im Fenster steht die Grösse (149 Pixel)
Wir erstellen ein neues Bild (sollte etwas grösser sein als die Schrift)



Füllung: Transparent ist wichtig, da die „runden Ecken“ nicht transparent wären, sondern in der Füllfarbe erscheinen würden.

Gimp öffnet jetzt folgendes Bild (der transparente Hintergrund wird durch die Rasterung angezeigt)



einen halbrunden Button erreichen wir mit



jetzt noch den Radius festlegen (in diesem Fall 100%) und nicht konkav (Rundung grösser als die Geraden)



im Bild erscheint der Umriss der neuen Grafik

die eingekreisten Ecken erscheinen in der Hintergrundfarbe



Jetzt kommt die Füllung:

Im Gimp-Hauptfenster wird das Werkzeug „Farbverlauf“ gewählt



ein Doppelklick auf die Vordergrundfarbe



öffnet den Farbänderungsdialog



das gleiche machen wir mit der Hintergrundfarbe




jetzt können noch div. Einstellungen getroffen werden („herumspielen“ empfiehlt sich wirklich, alle Änderungen können im Dateifenster unter <Bearbeiten – Rückgängig> zurückgenommen werden)



auf den Rand des Bildes klicken und bei gedrückter Maustaste den Mauszeiger in das Bild ziehen



schaut dann so aus



für die Beschriftung wird das Textwerkzeug gewählt



die Farbe gewählt und in das Bild geklickt und es öffnet sich wieder der Textdialog



und im Ebenenfenster erscheint eine zusätzliche Ebene (Textebene)









der Text muss noch in die richtige Position gebracht werden

dazu klicken wir auf das Werkzeug „Verschieben“ im Gimp Hauptfenster



und können mit der Maus bzw. den Pfeiltasten den Text verschieben







nachdem der Text geändert werden soll, darf das Bild nicht als Gif gespeichert werden.(Vereinigung der sichtbaren Ebenen – Änderungen nicht mehr möglich)


daher wird das Bild als bzip-Archiv gespeichert (für Änderungen)



und als gif



nachdem es keine Animation ist, sollen die sichtbaren Ebenen zusammengefügt werden



und das war's.