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 1 / 7 - 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. Anschließend über das Menü Ebenen > Ebene umbenennen der aktuellen Ebene den Namen «Button» geben. Nun links das Kreiswerkzeug ( F5 ) auswählen und bei gedrückter Ctrl Taste einen Kreis ziehen. Am besten erreichst du das, indem du die Maus diagonal nach rechts unten ziehst. Die Grösse spielt noch keine Rolle. Noch während der Kreis markiert ist, mit Umschalt+Ctrl+F oder über Objekt > Füllung und Kontur die Füllfarbe wählen. Gib im Feld «RGBA» zum Beispiel die Farbe 22e62fff oder f4dc16ff ein. Sofern der Kreis eine Umrandung besitzt, klicken wir abschließend noch auf den zweiten Reiter «Linienfarbe» und deaktiveren die Außenlinie durch Klicken auf das Kreuz links oben. (erster Knopf von links). Damit sollte Schritt 1 abgeschlossen sein. Das Ergebnis sieht nun etwa so aus (hier mit geöffnetem XML-Editor):

weiter mit: Formgröße ändern ⇒