SCROLL LEFT
Schritt 1
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....
Schritt 2
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...
Schritt 3
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...
Schritt 4
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...
Schritt 5
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...

Übersicht - Web 2.0 Button mit Inkscape erstellen

Nachdem wir in Inkscape mit 2D-Elementen wie Kreisen und Rechtecken arbeiten, müssen wir für einen schönen 3D-Effekt ein bisschen tricksen, um an unser Ziel zu kommen. Um einem Objekt Dreidimensionalität einzuhauchen, brauchen wir aus diesem Grund vor allem Licht- und Schattenffekte. Damit zerfällt unsere Aufgabe in drei Teile bzw. Ebenen. Eine Ebene für die farbige Grundform, eine weitere für den Innenschatten der Grundform und dann natürlich der Licktkegel bzw. die Reflexion der Lichtquelle auf der Oberfläche. Wenn wir diese drei Teile dann wie Folien übereinanderlegen, erhalten wir unseren Glasbutton. Später benötigen wir natürlich noch eine vierte Ebene, um unseren Button auch etwas anzeigen zu lassen. Dazu aber erst später.

weiter mit: Kreis zeichnen  ⇒
100% Zoom
Schwierigkeit:
leicht
Zeitbedarf:
10 Minuten
Bewertung:
3.00
Aufrufe:
6627
bewerten:
Stern Stern Stern Stern Stern
Empfehlen:
Link zur Anleitung:
Anzeige
auch interessant
Bild zur Anleitung: Realbilder zu Modellbaubildern verändern - Tilt Shift-Effekt 1* selber machen2* selber machen3* selber machen4* selber machen1/2* selber machen

Realbilder zu Modellbaubildern verändern Tilt Shift Effekt

Ich zeig' euch mal, wie man Fotos von der Modelleisenbahn macht, ohne eine Modelleisenbahn zu fotografieren! : ) Man kann nämlich Fotos von echten Landschaften und (...)
Bild zur Anleitung: Photoshop: Augen retuschieren 1* selber machen2* selber machen3* selber machen4* selber machen0* selber machen

Photoshop: Augen retuschieren

Auch wenn auf den kleinen Kamera Displays alles in Ordnung scheint, manchmal sehen Porträtfotos am PC dann doch nicht so aus, wie die Aufnahmen in Hochglanzmagazinen (...)
Bild zur Anleitung: Dragan-Effekt mit Photoshop kreieren 1* selber machen2* selber machen3* selber machen4* selber machen0* selber machen

Dragan Effekt mit Photoshop kreieren

Ein normales Portraitfoto kann mit Photoshop so nachbearbeitet werden, dass es auch einem Hochglanzmagazin entstammen könnte. So kann jeder den Kontrast, die (...)

Einkaufsliste

Werkzeug:
  • Inkscape
Material:
keins

Kommentare

An dieser Diskussion teilnehmen.
Bitte anmelden oder registrieren um an dieser Diskussion teilnehmen zu können.