Dies ist die Vorlage, die wir heute erstellen werden:

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Beginnen Sie also mit der Erstellung einer neuen Leinwand mit 900 x 700 Pixeln.
Erstellen Sie eine neue Ebene auf Ihrer Leinwand und füllen Sie sie mit einem beliebigen holzähnlichen Muster. Wenn Sie keine Holzmuster haben, laden Sie unsere PSD-Datei herunter.

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Wählen Sie als Nächstes mit dem rechteckigen Auswahlwerkzeug einen Streifen im oberen Teil der Vorlage aus, beispielsweise mit einer Höhe von 140 oder 170 Pixeln. Erstellen Sie eine neue Ebene und füllen Sie Ihre Auswahl mit einem beliebigen Braunton.

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Gehen Sie zu Ebene >> Ebenenstile >> Verlauf und wenden Sie mit den Farben #000000 … #FFFFFF … #000000 den Verlaufseffekt mit 28 % Deckkraft an. Stellen Sie sicher, dass Sie auch die Füllung der Ebene selbst auf etwa 30 % einstellen.

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Nächster Schritt. Wählen Sie mit dem rechteckigen Auswahlwerkzeug erneut ein Feld unter Ihrer vorherigen Ebene aus, ebenfalls von einer Seite zur anderen, aber etwa doppelt so hoch.

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Erstellen Sie eine neue Ebene und stellen Sie Ihre Hauptfarbe auf #013814 und Ihre Sekundärfarbe auf #005e29 ein. Zeichnen Sie mit dem Verlaufswerkzeug eine Linie von unten nach oben, sodass der dunklere Farbton darunter liegt.

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Während diese Ebene noch ausgewählt ist, gehen Sie zu Ebene >> Ebenenstile >> Mischoptionen und nehmen Sie die folgenden Einstellungen vor:
Schlaganfall
Schlagschatten

So sollte Ihre Leinwand bisher aussehen.

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Wählen Sie mit dem Rechteck-Auswahlrechteck ein Feld in der linken oberen Ecke Ihrer Vorlage aus, wie im Bild unten gezeigt:

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Erstellen Sie eine neue Ebene und wechseln Sie erneut zum Verlaufswerkzeug. Zeichnen Sie dieses Mal mit denselben Grüntönen wie zuvor eine Linie von oben nach unten, sodass der dunklere Grünton oben liegt. Dadurch erhält das Layout eine bessere Ausgewogenheit.

Entwerfen Sie eine vollständige Vorlage für das Website-Layout von Bar Restorant – PS Tutorials Lorelei Web Design

Während letzteres noch ausgewählt ist, gehen Sie zu Ebene >> Ebenenstile und wenden Sie die folgenden Einstellungen an (wie beim vorherigen Feld).