gratis Counter by GOWEB

Buttons easy mit Inkscape

Am Mittwoch, Oktober 7, 2009 in Killer Application, ubuntuusers    

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?

ähnliche Artikel:
Screencast-Tutorial “Spaciges mit Gimp” | Screencast-Tutorial Gimp “Matrix-Wallpaper” | Screencast-Tutorial Inkscape “fetter tuxiger Pinguin” | Screencast-Tutorial Inkscape “Fedora Logo” | Screencast-Tutorial Inkscape “Ubuntu - Circle of Friends” | Screencast-Tutorial Inkscape “KDE-Logo” Teil 2 | Screencast-Tutorial Inkscape "KDE-Logo" Teil 1 | Screencast: Inkscape-Tutorial "Bombige Sache" | Linuxwochen Vienna | Inkscape-Tutorial: KDE Logo |

Kommentare

9 Kommentare zu “Buttons easy mit Inkscape”

  1. Niklas am 07.10.2009 um 18:14 Uhr 

    sehr schöne und brauchbare Anleitung. Ein Screencast sagt allerdings mehr als tausend Worte und hundert Bilder ;-)

  2. buergermeister am 07.10.2009 um 18:25 Uhr 

    mag sein, Du kannst mir gerne eine entsprechende Hardwarespende machen, damit ich genügend Leistung für Videobearbeitung habe

  3. Patrick am 08.10.2009 um 07:12 Uhr 

    Für mich, der das erste mal Inkscape benutzt hat, ist diese Anleitung nicht nachvollziehbar. Ein Video wäre da sicher verständlicher.

  4. buergermeister am 08.10.2009 um 09:31 Uhr 

    ich sagte bereits Hardwarespenden werden gerne entgegengenommsen

  5. produnis am 08.10.2009 um 11:07 Uhr 

    Besten Dank für die interessante Anleitung,
    auch ich musste ein wenig (eigentlich ein wenig mehr) “herumfrickeln”, bis ich nachvollziehen konnte, was du da beschreibst…
    …das fiel mir bei deinen anderen Inkscape-Tutos wesentlich leichter, da du dort die Schritte etwas ausführlicher bzw “verständlicher” beschreibst.

  6. buergermeister am 08.10.2009 um 11:16 Uhr 

    ja der Plan war eigentlich auch möglichst wenig dieses Mal zu schreiben um es so einfach wie es ist auch textlich aussehen zu lassen. Scheinbar nicht gelungen

  7. OnJen am 08.10.2009 um 13:41 Uhr 

    Also nach soviel kritik muss ich mich an dieser Stelle bedanken ;)
    Ich kenn mich auch fast gar nicht mit inkscape aus, aber mit ein bisschen überlegen reicht diese Anleitung vollkommen aus.
    Danke

  8. bed am 08.10.2009 um 14:04 Uhr 

    …und vor allem kann sich das Ergebnis mehr als sehen lassen. Sieht wirklich sehr plastisch aus!

  9. Destillat KW41-2009 | duetsch.info - GNU/Linux, Open Source, Softwareentwicklung, Selbstmanagement, Vim ... am 09.10.2009 um 10:53 Uhr 

    [...] Buttons easy mit Inkscape [...]

Einen Kommentar hinterlassen!







a slightly less paranoid debian developer | a slightly paranoid debian developer | ayo73 | Bölzebub | Big Blue´s | Blog - Radio Tux | CCC Eventblog | CCC Radio Xpress | deiflisch | Ende der Vernunft | geekosphere | Gnu/Linux Blog - Radio Tux | grUNIX | home/miwi | home/zero | Ian Murdock´s | Linuxpodcast | Luckylemon | perlplexity | ROBLOG | roothausen | RTFM | Suzans Linuxlust | Technikwuerze | ubuntublog.ch |