| Tutorial: Einfacher Button |
|
|
| Geschrieben von: Uwe Schoeler | |
| Mittwoch, den 01. Februar 2012 um 12:55 Uhr | |
Tutorial: Einfacher Button mit InkscapeHeute zeige ich, wie man mit ganz wenigen Schritten einen Button herstellt. (Schwierigkeit: Leicht) Sie brauchen einen Stern, etwas Text und Farbe sowie ein wenig Schatten und schon entsteht in zwei Minuten ein Button.
1. Schrit: Erstellen Sie einen Stern mit ca. 30 Ecken und geben ihm eine Farbe Ihrer Wahl.
2. Schritt: Erstellen Sie einen Text, den Sie auf den Button bringen wollen.
Damit der Button besser wirkt, gebe ich ihm eine hellere Farbe und ändere die Schriftfarbe auf Gelb. Damit der Text zusätzlich ein wenig abgehoben wirkt, dupliziere ich den Text mit "STRG+D", verschiebe ihn mit "BILD runter" unter das Original und färbe ihn schwarz. Zusätzlich stelle ich die Unschärfe auf 4, damit der so erzeugte Schatten nicht so hart wirkt.
3. Schritt: Als nächstes wiederholen wir die Schritte mit dem Stern. Duplizieren Sie ihn und stellen Sie ihn mit "Ende" nach ganz hinten und verschieben Sie ihn etwas nach unten und rechts. Geben Sie ebenfalls etwas Unschärfe dazu. Somit hebt sich der Button etwas vom Untergrund ab. Zum Schluss fügen wir dem Button noch ein Punktlicht hinzu. 4. Schritt: Erstellen Sie entweder einen Pfad oder nehmen Sie eine Ellipse, die Sie über den Stern zeichnen. Geben Sie dem Objekt einen radialen Farbverlauf vom Weiß nach Weiß-Transparent und nehmen Sie die Kontur weg. Wenn Sie einen Pfad anstelle einer Ellipse zeichnen wirkt es nicht so genau. Als letztes geben Sie dem Objekt noch etwss Unschärfe und nehmen Sie die Deckkraft zurück. Im Beispiel ist der Wert für die Unschärfe 10 und für die Deckkraft 50%. Damit ist der button auch schon fertig.
|






