Stilvolle und professionelle Navigation Bar
Zunächst starten Sie ein neues Dokument in Photoshop, indem sie, benutzte ich eine Größe von 760 × 90 Pixel. Lassen Sie die Hintergrundfarbe als weiß (#ffffff.)
Nun machen eine rechteckige Auswahl am unteren Rand des Dokuments Größe 740 × 38 Pixel, können Sie Ihre Auswahl mit einer beliebigen Farbe füllen.
Rechtsklick auf die Ebene geschaffen, um Sie vor und gehen in die FÜLLOPTIONEN. Jetzt gelten die folgenden Ebenenstil-Einstellungen:
Und Ihre Bar sollte nun wie folgt aussehen:
Wählen Sie Ihre Hauptnavigationsleiste wieder durch ctrl halten und die Ebenenminiatur klicken. Bewegen Sie die Auswahl nach unten ein Pixel (Pfeiltaste nach unten), dann die Hälfte Auswahl.
Innerhalb dieser Auswahl eine rot oder orange Gradienten zeichnen. Die Farbe, die ich für meine verwendete Gradient war # e25333.
Jetzt ändern für diese Schicht den Ebenenmodus auf Linear Dodge.
Diese Schicht Moduswechsel änderte sich nicht viel, aber es vermischt es in ein wenig besser mit der roten Farbe.
Jetzt werden wir in ein paar schöne Schaltflächen hinzufügen. Starten, indem eine Auswahl auf der linken Seite Größe ca. 80 x 38 Pixel machen.
Wenn Sie auf eine neue Ebene sind, einen roten Farbverlauf innerhalb Ihrer Taste Auswahl ziehen. Ich schnappte mir die Farben für meine Gradienten aus der Steigung auf der ursprünglichen Navigationsleiste.
(# D02223 und # 650b0b.)
Senken Sie die Füllung für diese Schicht zu 80% und gelten diese Schatten nach innen.
Fügen Sie in einigen netten Button-Text.
Ihren Text in einem schönen, sauberen Schrift gelten Sie die folgenden Ebenenstil-Einstellungen Nach dem Schreiben:
Nicht viel ändern, aber schön subtiler zwickt # 128521;
Duplizieren Sie die Taste und Textebene und sie bewegen sich entlang so Theres etwa 10 Pixel Abstand zwischen den beiden, wiederholen Sie dies ein paar Mal.
Ausblenden man die Taste Schichten für alle außer, bedeutet dies, dass die Home-Taste ein Rollover ist.
Schließlich für eine kleine Berührung können Sie in einem Firmennamen Logo oder etwas hinzuzufügen.
Es ist sehr einfach, nur einen Text, zwei verschiedene Farben, mit einem Schlagschatten und Verlaufsüberlagerung.
Vielen Dank für das Tutorial lesen, ich hoffe, dass es Ihnen gefallen hat und was gelernt von ihm. Wenn Sie möchten, können Sie von hier aus die PSD-Datei für dieses Tutorial herunterladen.
Sie können hier weitere Tutorials anzuzeigen.