Karl-Tux-Stadt

Shiny oder glossy Button, jeder scheint sie zu mögen und jeder will sie haben. Und so schwer sind die gar nicht zu machen, das dauert keine fünf Minuten. Das Werkzeug meiner Wahl, dieses Mal Inkscape. Mit Gimp lassen die Button sich allerdings genauso einfach herstellen.

1. Ein Rechteck in der Farbe Deiner Wahl zeichnen.
2. Mit dem Knotenberabeitungswerkzeug (F2) runden wir die Ecken des Rechteckes ein wenig ab.
3. Das Rechteck duplizieren (Strg+D oder rechter Mausklick im Kontextmenü “Duplizeren” wählen)
4. Dem Duplikat eine schwarze Füllung geben, einfach in der Farbleiste unten auf Schwarz klicken.
5. Das Tool Farbverläufe erstellen und Bearbeiten wählen (Werkzeugleiste zweite von unten, das Tastaturkürzel ist nicht wirklich auf einem Linuxsystem brauchbar ) und einen Farbverlauf von schwarz nach transparent erstellen. Das Rechteck muss dafür selektiert sein, etwas unterhalb des Rechteck beginnen und ein wenig hin das selbige hinein. Ergebnis siehe Abbildung.
6. Wieder ein Duplikat mit den gleichen Arbeitsschritten, wie in Schritt 3 erstellen und diesem eine graue Farbe geben
7. Mit dem Werkzeug Kreise, Ellipsen und Bögen erstellen (F5) eine Ellipse zeichnen und diese über das Rechteck legen.
8. Jetzt zusätzlich das Reckeck selektieren dazu die Shifttaste gedrückt halten und über Pfad > Intersektion beide Formen zu einer vereinigen. Ergebnis siehe Abbildung.
9. Jetzt dem “Glanz” eine weisse Füllung geben und mit dem Farbverlaufswerkzeug wie unter Schritt 5 ebenfalls einen Farbverlauf erzeugen. Dieses Mal nur von oben nach unten.
10. Ein weiteres Duplikat des Rechteck erzeugen und diesem über die Objekteinstellungen die Füllungsfarbe nehmen und einen kleinen Rand geben, mit einer etwas dunkleren Farbe als das Rechteck selbst.

In zehn wirklich einfachen Schritten sind wir nun zu unserem Button gekommen, dass läßt sich ganz genauso auf andere Formen anwenden und ruckzuck enstehen so die beliebten Dinger. War doch easy oder?

Bookmark bei