Ezt a sablont fogjuk ma elkészíteni:

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Kezdje tehát egy új, 900*700 képpont méretű vászon létrehozásával.
Készítsen egy új réteget a vászonra, és töltse fel bármilyen faszerű mintával. Ha nincs famintája, töltse le PSD fájlunkat.

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Ezután a téglalap alakú kijelölő eszközzel válasszon ki egy pántot a sablon felső részén, legyen mondjuk 140 vagy 170 pixel magas. Hozzon létre egy új réteget, és töltse ki a kiválasztott barna bármilyen árnyalatával.

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Lépjen a Réteg >> Rétegstílusok >> Színátmenet menüpontra, és a #000000 … #FFFFFF … #000000 szín használatával alkalmazza a színátmenet effektust 28%-os átlátszatlansággal. Ügyeljen arra, hogy magának a rétegnek a kitöltését is körülbelül 30%-ra állítsa be.

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Következő lépés. A téglalap alakú kijelölő eszközzel ismét jelöljön ki egy négyzetet az előző réteg alatt, szintén egyik oldalról a másikra, de körülbelül kétszer magasabban.

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Hozzon létre egy új réteget, és állítsa elsődleges színét #013814-re, másodlagos színét pedig #005e29-re. A Gradiens eszközzel húzzon egy vonalat alulról felfelé, hogy a sötétebb árnyalat legyen alul.

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Amíg ez a réteg még ki van jelölve, lépjen a Réteg >> Rétegstílusok >> Keverési beállítások menüpontra, és alkalmazza a következő beállításokat:
ütés
Dobd Árnyék

Eddig így kell kinéznie a vászonnak.

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

A Négyszögletes kijelölő eszközzel jelöljön ki egy négyzetet a sablon bal felső sarkában, az alábbi képen látható módon:

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Hozzon létre egy új réteget, és váltson át ismét a Gradient eszközre, ezúttal ugyanazokkal a zöld árnyalatokkal, mint korábban, húzzon egy vonalat felülről lefelé, hogy a sötétebb zöld árnyalat legyen felül. Ez jobb egyensúlyt biztosít az elrendezésnek.

Tervezzen teljes sablont a Bar Restorant weboldal elrendezéséhez – PS oktatóanyagok Lorelei Web Design

Amíg a későbbi még ki van választva, lépjen a réteg >> rétegstílusok menüpontra, és alkalmazza a következő beállításokat (ugyanúgy, mint az előző mezőben).