
> Runde Navigationsleiste
Autor: newwarrior
Übersetzung des Tutorials von http://gimp-tutorials.net/
Erstelle ein neues Dokument mit der Größe 648 x 115 px
Neue Ebene erstellen.
Klicke auf Ebene => Neue Ebene => Ok

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

Klicken sie auf:
Auswahl => Abgerundetes Rechteck => Radius 30 % => Ok
Fülle Sie das Rechteck mit dem Fülltool (Shift + B) mti der Farbe Weiß.
Erstellen Sie wieder eine neue Ebene
Klicken Sie auf:
Auswahl => Verkleinern => 3px

Ändern Sie die Farben:
Vordergrund: #F0B259
Hintergrund: #F87811

Erstellen Sie einen Verlauf (L). Von unten nach oben ziehen.
Dann klicken Sie auf Auswahl => Keine Auswahl.
Klicken Sie auf die erste Folie.
Dann:
Filter => Licht und Schatten => Schlagschatten
Die Einstellungen wie im Bild
Hier so soll es aussehen:

Erstellen Sie einen Text (T).
Text: Home

Text Einstellungen wie im Bild

Sollte so aussehen:

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.
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
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
Nehmen sie nun das Auswahleck (R) und erstellen Sie ein Rechteck wie dieses.
Schritt 4 - Rundes Rechteck
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
Ändern Sie die Farben:
Vordergrund: #F0B259
Hintergrund: #F87811
Schritt 9 - Verlauf
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
Erstellen Sie einen Text (T).
Text: Home
Schritt 13 - Einstellungen Text
Text Einstellungen wie im Bild
Schritt 14 - Ergebnis
Sollte so aussehen:
Schritt 15 - letzter Schritt
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
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
Tutorial hier, überhaupt nichts zu tun.

27.11.2009 16:12 Stone

als dynamische Navi-Leiste gibt, die sich also vom content her anpasst.
27.11.2009 00:31 Chaos234