Ovo je predložak koji ćemo danas napraviti:

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Dakle, započnite stvaranjem novog platna, 900*700px.
Napravite novi sloj na platnu i ispunite ga bilo kojim uzorkom nalik drvu. Ako nemate drvenih uzoraka, preuzmite našu PSD datoteku.

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Zatim, koristeći rectangular marquee tool, odaberite remen u gornjem dijelu predloška, ​​recimo 140 ili 170 piksela visok. Napravite novi sloj i ispunite svoj odabir bilo kojom nijansom smeđe boje.

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Idite na Layer >> Layer Styles >> Gradient i koristeći #000000 … #FFFFFF … #000000 boje, primijenite efekt gradijenta s neprozirnošću od 28%. Provjerite jeste li također postavili Fill samog sloja na oko 30%.

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Sljedeći korak. Ponovno koristeći alat pravokutnog okvira odaberite okvir ispod prethodnog sloja, također s jedne na drugu stranu, ali otprilike dva puta više.

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Napravite novi sloj i postavite primarnu boju na #013814, a sekundarnu na #005e29. Pomoću alata Gradient povucite liniju od dna prema vrhu, tako da tamnija nijansa bude ispod.

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Dok je ovaj sloj još uvijek odabran, idite na Layer >> Layer Styles >> Blending Options i primijenite sljedeće postavke:
Udar
Ispusti sjenu

Ovako bi vaše platno do sada trebalo izgledati.

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Pomoću alata Rectangular Marquee odaberite okvir u lijevom gornjem kutu vašeg predloška, ​​kao što je prikazano na slici ispod:

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Napravite novi sloj i ponovno se prebacite na alat Gradient, ovaj put koristeći iste zelene nijanse kao i prije, nacrtajte liniju od vrha prema dolje, tako da tamnija zelena nijansa bude iznad. To će izgledu dati bolju ravnotežu.

Dizajnirajte potpuni predložak za izgled web stranice Bar Restorant - PS Tutorials Lorelei Web Design

Dok je ovo drugo još uvijek odabrano, idite na sloj >> stilovi sloja i primijenite sljedeće postavke (isto kao i kod prethodnog okvira).