typische Web2.0 Navigationsleiste mit Photoshop
In folgendem Tutorial zeige ich, wie man mit Photoshop eine derzeit typische und gleichzeitig stylische Navigationsleiste zeichnet.
1. Erstellen wir mit dem Rechteckwerkzeug ein Rechteck mit abgerundeten Ecken. Als Radius wählen wir 2px und als Farbe z.B. #838383.
2. Danach folgen einige Anpassungen in den Ebenenstilen. Ein Schein nach innen, Farbe #ffffff.
3. Verlaufsüberlagerung, Farben: # b2b2b2,# 656565, #d0cece. Um den Verlaufseffekt besser zu gestalten, müsst Ihr an den kleinen Farbmittelpunkten zwischen den jeweiligen Farbwerten solange schieben, bis die gewünschte Farbform erreicht ist.
4. Einen 1px starke Kontur, zur Berahmung der Leiste. Farbwert in meinem Beispiel: #000000.
5. Derzeit könnten wir unsere geliebte Navigationsleiste getrost als einen Button bezeichnen. Um nun die gewünschte Länge zu erlangen, Rastern wir die Ebene mit dem Button durch Klicken auf Ebene -> Rastern -> Füllfläche. Nehmen das Auswahlwerkzeug zur Hand und markieren die Rechte Seite der Form.
6. Mit Strg+Alt+ Rechtspfeil können wir nun den Button auf die gewünschte Länge kopieren.
Fertig ist die Navigationsleiste. Viel Spaß beim Nachbauen.
