Erstellen Sie ein Ornate Website Header Photoshop Tutorial

Dieses Tutorial wird Ihnen zeigen, wie man eine dekorative Header, die Sie auf Websites oder in Blogs verwendet werden kann.

Das ist das, was Sie erstellen werden:

Erster Schritt ist es, eine leere Leinwand von ca. 770px breit und 400px hoch ist, dann wählen Sie die abgerundetes Rechteck-Werkzeug zu erstellen, setzen Sie den Radius auf 9px und ziehen Sie die Form Ihres Header, wie groß die Sie, wie:

Als nächstes wird ein Gefälle der Form hinzufügen - der rechten Maustaste auf Ebene der Form und fügen Sie einen Farbverlauf Overlay-Einstellungen:

Wählen Sie eine hellviolett und dunkelviolett für den Gradienten, habe ich # 190141 für die dunkle und # 5E01F7 für das Licht
Ihre Form wird nun wie folgt aussehen:

Jetzt müssen wir ein Muster, um auf die Überschrift wählen müssen, für dieses Tutorial habe ich ein von der ausgezeichneten Website squidfinger's.
Meine gewählten Muster war:

Sie können diese ein, machen Sie einen Rechtsklick auf das Bild, und speichern Sie oder blättern Sie durch die Verwendung squidfinger's zu einem bevorzugen Sie zu finden.

Nun öffnen Sie das Muster in Photoshop, und wählen Sie Ausschneiden und Einfügen in Ihre Header psd, Strg + Klick auf das Muster-Schicht, um es auszuwählen, etwa so:

Weiter finden Sie unter> Bearbeiten> Muster festlegen> und geben ihm einen Namen.

Strg + Klicken Sie auf Ihrem Haupt-Header Formebene zu wählen, erstellen Sie eine neue Ebene darüber und klicken Sie auf den Farbeimer-Werkzeug. Schalten Sie das Fülltyp von 'Vordergrund' to 'pattern' und wählen Sie aus der Dropdown-Muster.

Füllen Sie die neue Ebene mit dem Muster:

Rechtsklick auf das Muster-Schicht und wählen Sie Fülloptionen, ändern Sie den Modus auf "Overlay", und nehmen Sie die Deckkraft auf 39%:

Ihr Kopf wird nun wie folgt aussehen:

Wählen Sie die Kopfzeile Formebene der rechten Maustaste auf und gehe in Fülloptionen, werden wir nun einige äußere Schein:

An ein 4pixel innerhalb Hub:

Sie sollten jetzt:

Nun endlich Ihrem Logo / Text und Navigation und Header-abgeschlossen ist:

Sie können auch die psd-Download für dieses Tutorial.