Dit is het sjabloon dat we vandaag gaan maken:

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Ga dus aan de slag door een nieuw canvas te maken, 900*700px.
Maak een nieuwe laag op je canvas en vul deze met een houtachtig patroon. Als u geen houtpatronen heeft, download dan ons PSD-bestand.

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Selecteer vervolgens met behulp van het rechthoekige selectiekader een riempje bovenaan de sjabloon, bijvoorbeeld 140 of 170 pixels hoog. Maak een nieuwe laag en vul je selectie met een willekeurige bruine tint.

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Ga naar Laag >> Laagstijlen >> Verloop en gebruik #000000 … #FFFFFF … #000000 kleuren, pas het verloopeffect toe met een dekking van 28%. Zorg ervoor dat u de vulling van de laag zelf ook op ongeveer 30% zet.

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Banner

Volgende stap. Gebruik opnieuw het rechthoekige selectiekader en selecteer een vak onder je vorige laag, ook van links naar rechts, maar ongeveer twee keer hoger.

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Maak een nieuwe laag en stel je primaire kleur in op #013814 en je secundaire kleur op #005e29. Teken met het gereedschap Verloop een lijn van onder naar boven, zodat de donkerdere tint eronder komt.

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Terwijl deze laag nog steeds is geselecteerd, gaat u naar Laag >> Laagstijlen >> Overvloeiopties en past u de volgende instellingen toe:
Stroke
Slagschaduw

Dit is hoe je canvas er tot nu toe uit zou moeten zien.

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Selecteer met behulp van het gereedschap Rechthoekig selectiekader een vakje in de linkerbovenhoek van uw sjabloon, zoals weergegeven in de onderstaande afbeelding:

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Banner

Maak een nieuwe laag en schakel opnieuw over naar het gereedschap Verloop. Trek deze keer met dezelfde groene tinten als voorheen een lijn van boven naar beneden, zodat de donkerdere groene tint erboven komt. Hierdoor komt de indeling beter in balans.

Ontwerp een volledige sjabloon voor de lay-out van een Bar Restorant-website - PS-tutorials Lorelei Web Design

Terwijl de laatste nog steeds is geselecteerd, gaat u naar laag >> laagstijlen en past u de volgende instellingen toe (hetzelfde als bij het vorige vak).