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.