Der erste Schritt besteht natürlich darin, dass Sie eine neue Datei erstellen. Gehen Sie zu Datei > Neu oder drücken Sie einfach Strg + N. Wählen Sie die Größe nach Ihren Wünschen und klicken Sie auf OK. Hier verwenden wir eine Größe von 600×147 Pixel.
Denken Sie nun über den Hintergrund nach, den Sie verwenden möchten, und wählen Sie zwei Farben für Ihren Hintergrund aus. Hier werden zwei Blautöne verwendet. Unsere Vordergrundfarbe ist auf #10365a und die Hintergrundfarbe auf #2070bf eingestellt. Wählen Sie dann das Verlaufswerkzeug aus und wählen Sie die Vordergrund- und Hintergrundfarben sowie lineare Verläufe aus.
Ziehen Sie nun einfach den Farbverlauf von oben nach unten auf der Ebene.
Fügen Sie eine neue Ebene an der Stelle hinzu, an der Sie die Navigationslinks platzieren möchten. Verwenden Sie ein rechteckiges Auswahlwerkzeug ( ) und wählen Sie eine weiße Füllung aus.
Ändern Sie den Füllmodus dieser Ebene in „Weiches Licht“ und verringern Sie die Füllung auf 25 %.
Fügen Sie nun in der Mitte des Links ein Trennzeichen hinzu. Erstellen Sie eine neue Ebene, verwenden Sie erneut das Rechteck-Auswahlwerkzeug und verwenden Sie ein Pixel auf dieser Ebene. Erinnern Sie sich an die Hintergrundfarbe, die wir verwendet haben? Wir verwenden dieselben, nur in umgekehrter Reihenfolge. Bitte stellen Sie zu diesem Zeitpunkt Ihre Vordergrundfarbe auf #2070bf und Ihre Hintergrundfarbe auf #10365a ein. Verwenden Sie dann die Vordergrundfarbe unter der Hintergrundfarbe im Farbverlauf, wählen Sie erneut den linearen Farbverlauf aus und ziehen Sie den Farbverlauf von oben nach unten. Dies wird Ihr Trennzeichen sein.
Ändern Sie den Mischmodus dieser Ebene auf „Weiches Licht“, um eine bessere Überblendung zu erzielen.
Drücken Sie Strg+J, um diese Ebene zu duplizieren. Entscheiden Sie basierend darauf, wie viele Navigationslinks Sie möchten. Anschließend einfach in Position bringen.
Um einige Details zur Navigationsleiste hinzuzufügen. Erstellen Sie eine neue Ebene und erstellen Sie mit dem rechteckigen Auswahlwerkzeug eine Auswahl zwischen den beiden Trennzeichen. Die Auswahl wird dann mit Farbe gefüllt. Die erste hier verwendete Farbe ist #60c100.
Jetzt müssen wir diesen Schritt in jedem Trennzeichenraum wiederholen. Um sicherzustellen, dass Sie die gleiche Größe haben, wiederholen Sie diese Ebene einfach jedes Mal und gehen Sie zum nächsten Bereich über. Klicken Sie dann bei gedrückter Strg-Taste auf das kleine Bild vor der Palette in Ihrem Ebenenfenster. Dadurch wird eine rechteckige Auswahl ausgewählt. Verwenden Sie dann einfach das Farbeimer-Werkzeug ( ), um es mit anderen Farben zu füllen. Die diesmal verwendete Farbe ist #f80000.
