Profil ansehen
Nachricht schreiben
Als FreundIn hinzufügen

Web 2.0 Button mit Inkscape erstellen

Kreis zeichnen
Starte Inkscape oder öffne mittels Ctrl+N eine neue leere Vorlage. Zum besseren Arbeiten kannst du durch Drücken der Taste 1 oder über Ansicht > Zoomfaktor > Zoomfaktor 1:1 die Ansicht vergrössern....

Formgröße ändern
Jetzt passen wir die Grösse des Dokuments und des Kreises an, zum Beispiel 300 Pixel. Um den XML-Editor kennenzulernen, machen wir es gleich damit – es ist gar nicht schwierig. Du bekommst ihn über...

Farbverlauf zeichnen
Jetzt rufen wir bei immer noch aktiviertem Kreis das Farbverlaufswerkzeug links auf und ziehen einen Farbverlauf von der oberen linken Ecke in die untere rechte des Dokuments. Dupliziere anschließe...

Schatten zeichnen
Jetzt erstellen wir über das Menü Ebene > Ebene hinzufügen ... über der aktuellen Ebene eine neue Ebene und geben ihr den Namen «Schatten». Du wirst bemerken, dass das Dropdown-Feld in der Fusszeil...

Glanz auflegen
Dupliziere den Schatten mit Ctrl+D, schneide ihn mit Ctrl+X aus. Jetzt brauchen wir eine neue Ebene. Diesmal geben wir ihr den Namen «Glanz». Also wieder Ebene > Ebene hinzufügen .... Füge den Krei...

⇐

⇒

Schritt 5 / 7 - Glanz auflegen

Dupliziere den Schatten mit Ctrl+D, schneide ihn mit Ctrl+X aus. Jetzt brauchen wir eine neue Ebene. Diesmal geben wir ihr den Namen «Glanz». Also wieder Ebene > Ebene hinzufügen .... Füge den Kreis in der Glanzebene über Einfügen > An Originalposition einfügen wieder ein. Eine Alternative, um einen neuen Verlauf zu erstellen, ist, im Dialog «Füllung und Kontur» unter «Füllung» zuerst auf das Kreuz (keine) zu klicken und dann auf den linearen Farbverlauf. Wähle das Farbverlaufswerkzeug links oder mit Ctrl+F1 und ändere die Laufrichtung mit der Maus von oben nach unten, während du die Umschalt und die Ctrl Taste gedrückt Wähle nun mit F1 das Auswahlwerkzeug aus. Jetzt hat unser Farbverlauf auf der Ebene «Glanz» acht Anfasspunkte, welche sich mit der Maus verschieben lassen. Schieb nun den rechten unteren Anfasspunkt bei gedrückter Ctrl + Umschalt Taste ein wenig nach links oben (diagonal sozusagen), um den Kreis um ein paar Pixel zu verkleinern. Drei, vier Pixel sollten ausreichen. Alternativ kannst du auch im xml-Editor den Radius um die gewünschte Grösse verkleinern. Das Ergebnis sollte dann ungefähr folgendermassen aussehen.

weiter mit: Glanz-Ebene skalieren ⇒