Photoshop erstellen Tabbed Navigationsleiste
1) Öffnen PhotoShop und erstellen Sie ein neues Dokument mit der Größe 670 * 70 Pixel.
2) Besorgen Sie sich die abgerundeten Rechteck-Werkzeug und zeichnen Sie ein Rechteck auf der Leinwand, müssen Sie den Radius auf 5px.
3) Als nächstes müssen Sie etwas Farbe zu diesem Rechteck hinzuzufügen, so öffnen Sie die Fülloptionen für diese Schicht durch einen Doppelklick auf die Schicht in der Schichtpalette.
4) Sie benötigen einen Gradienten-Overlay hinzufügen, indem Sie auf das Kontrollkästchen klicken und gehen in den Gradienten-Overlay-Einstellungen. das Bild des Gradienten doppelt klicken und die Farbe auf der linken Seite bis # 032c45 und die Farbe auf dem rechten Flügel # 036399 gesetzt.
5) Klicken Sie auf OK und kehren zu den wichtigsten Gradienteneinstellungen. Der Mischmodus sollte auf Normal eingestellt werden, und überprüfen Sie die Reverse genannt Box. Der Gradient soll bei 100% Opazität und eingestellt wird, bei 90 ° mit dem Gradienten auf linear eingestellt mit der Schicht auszurichten. Klicken Sie auf OK, um das Misch Optionsbox und Ihre Leinwand nun wie folgt aussehen:
6) Nun müssen Sie etwas für den Tabs erstellen zu hängen aus. So erstellen Sie zunächst eine neue Ebene mit Ebenen> Neu> Ebene und nennt diese Schicht Pol. Wählen Sie das Rechteck-Werkzeug und zeichnen Sie ein Rechteck, das so breit wie die Leinwand ist und etwa ein Drittel der Höhe des abgerundeten Rechtecks Sie gerade erstellt haben.
7) Als nächstes öffnen Sie die Fülloptionen für diese Schicht und stellen Sie einen Schlagschatten mit den folgenden Einstellungen: Mischmodus - Multiply
Farbe - # 000000
Winkel - 120 °
Verwenden Sie Globale Licht - Überprüft
Entfernung - 5px
Spread - 0%
Size - 7px
Jetzt einen Farbverlauf mit den folgenden Einstellungen: Mischmodus - Normal
Opazität - 91%
Klicken Sie doppelt auf den Gradienten-Box und verwenden Sie die folgenden Farben: Links - # 909090
Mitte - #bcbcbc
Links - # 909090
Style - Linear
Richten Mit Ebene - überprüft
Winkel - 90 °
Als nächstes setzte eine Musterüberlagerung mit den folgenden Einstellungen: Mischmodus - Normal
Opazität - 100%
Sie müssen auch ein Muster machen, die eine diagonale Linie ist (dieses Muster auslassen, wenn Sie wissen nicht, wie dies zu tun) und das Muster sollte 5px sein erstellt * 5px mit nur einer schwarzen Linie mit einem 1px Bleistift gezeichnet. Es sollte wie folgt aussehen:
Jetzt einen Schlaganfall mit den folgenden Einstellungen: Größe - 1px
Position - Outside
Mischmodus - Normal
Opazität - 100%
Strichfarbe # 474747
8) Die Leinwand sollte nun wie folgt aussehen:
9) OK, jetzt haben Sie den Hintergrund für Ihre Navigation, so ist es Zeit zu beginnen die Reiter selbst zu machen. Erstellen Sie zunächst eine neue Ebene und ziehen Sie dann die Schicht unter dem Polschicht in der Schicht Palette und wählen Sie das Rechteck mit abgerundeten Ecken Werkzeug. Rufen Sie diese Schicht tab_1 und ziehen Sie das Rechteck auf die Leinwand. Sie müssen sicherstellen, dass das Rechteck nicht zu weit unter dem ‚Pol‘ nicht gestartet werden, da, wenn sie die Steigung machen Sie sind, hinzufügen nicht die richtige Wirkung. Es sollte wie folgt aussehen:
10) Als nächstes geht in die Mischoptionen für diese Schicht durch einen Rechtsklick auf der Schicht in der Schichtpalette. Die richtigen Einstellungen sind wie folgt:
Sie müssen die Farben verwenden, wie unten angegeben:
11) Klicken Sie nun auf OK und Sie sollten sehen Ihre Registerkarte auf der Leinwand gebildet hat. Duplizieren Sie diese Ebene (Rechtsklick auf Schicht in der Schicht Palette> doppelte Schicht) und wiederholen Sie dies dreimal, mit dem Verschieben-Werkzeug, sie in der richtigen Position zu bewegen. Sie sollten ebenso auf der Leinwand aufgespreizt werden und in etwa so aussehen:
12) So, jetzt haben Sie Ihre Tabs, aber Sie haben noch etwas Text auf sie zu setzen. Sie können einen beliebigen Text, den Sie für die Registerkarten wie verwenden, das Text-Werkzeug (t) 4 Stück Text auf verschiedenen Ebenen zu erstellen. Als Referenz wird die Schrift in diesem Tutorial ist Tahoma, 18pt, Fett in Weiß. Positionieren Sie Schichten auf den Registerkarten, mit Führungen durch Klicken Ansicht> neue Führung, wenn Sie es wünschen. 13) Mit dem Text korrekt auf der Leinwand ausgerichtet Sie müssen jetzt etwas Art Ihren Text hinzufügen. Rechtsklick auf eine der vier Schichten in der Schichtpalette und mit Hilfe der Mischoptionen die folgenden Einstellungen gelten:
14) Klicken Sie auf OK, und Sie werden jetzt den richtigen Stil des Textes haben für nur eine Schicht. Rechts klicken und wählen Sie Kopie Ebenenstile, dann klicken Sie wieder rechts auf jeder der anderen Schichten und Paste Ebenenstilen wählen. Ihre fertig Tabbed Navigationsleiste sollte wie folgt aussehen: