Tutorials Upload

> Runde Navigationsleiste

Autor: newwarrior
Übersetzung des Tutorials von http://gimp-tutorials.net/

Schritt 1 - Neues Dokument

Erstelle ein neues Dokument mit der Größe 648 x 115 px
Schritt 2 - Neue Ebene

Neue Ebene erstellen.

Klicke auf Ebene => Neue Ebene => Ok
Schritt 3 - Auswahl

Bild zu Schritt 3  -

Nehmen sie nun das Auswahleck (R) und erstellen Sie ein Rechteck wie dieses.
Schritt 4 - Rundes Rechteck

Bild zu Schritt 4  -

Klicken sie auf:

Auswahl => Abgerundetes Rechteck => Radius 30 % => Ok
Schritt 5 - Ausfüllen

Fülle Sie das Rechteck mit dem Fülltool (Shift + B) mti der Farbe Weiß.
Schritt 6 - Ebene

Erstellen Sie wieder eine neue Ebene
Schritt 7 - Verkleinern

Klicken Sie auf:

Auswahl => Verkleinern => 3px
Schritt 8 - Farben

Bild zu Schritt 8  -

Ändern Sie die Farben:

Vordergrund: #F0B259
Hintergrund: #F87811
Schritt 9 - Verlauf

Bild zu Schritt 9  -

Erstellen Sie einen Verlauf (L). Von unten nach oben ziehen.
Dann klicken Sie auf Auswahl => Keine Auswahl.
Schritt 10 - Schatten

Klicken Sie auf die erste Folie.
Dann:

Filter => Licht und Schatten => Schlagschatten

Die Einstellungen wie im Bild
Schritt 11 - Ergebnis

Hier so soll es aussehen:


Schritt 12 - Text

Bild zu Schritt 12  -

Erstellen Sie einen Text (T).

Text: Home
Schritt 13 - Einstellungen Text

Bild zu Schritt 13  -

Text Einstellungen wie im Bild
Schritt 14 - Ergebnis

Bild zu Schritt 14  -

Sollte so aussehen:


Schritt 15 - letzter Schritt

Bild zu Schritt 15  -

So, jetzt erstellen Sie eine neue Ebene.
Dann erstellen eine 2 Pixel Line wie im Bild.

Das füllen Sie mir der Farbe weiß.
Die Füllkraft stellen sie auf 17.

Und fertig!
Ihre eigne Navigationsleiste.
Schritt 16 - Ende

Dieses Tutorial ist eine Übersetzung ins Deutsche.
Das Orginal finden Sie hier:

http://gimp-tutorials.net/node/110

Keine Bewertung.

Dieses Tutorial wurde geschrieben von newwarrior - Homepage
Tags: navigation gimp abgerundet

Kommentare

Kommentare schreiben
Um einen Kommentar zu schreiben musst du eingeloggt sein.

Noch nicht registriert?

Kommentare

Kommentare zu dieser Tutorial
Das ist alles eine Sache von CSS, das hat mit dem grafischen, also dem
Tutorial hier, überhaupt nichts zu tun. ;)
27.11.2009 16:12 Stone

genau sowas habe ich gesucht. Dabei würde ich gerne wissen, ob es das auch
als dynamische Navi-Leiste gibt, die sich also vom content her anpasst.
27.11.2009 00:31 Chaos234