Ini adalah template yang akan kita buat hari ini:

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Jadi, mulailah dengan membuat kanvas baru, 900*700px.
Buat layer baru di kanvas Anda dan isi dengan pola seperti kayu. Jika Anda tidak memiliki pola kayu, unduh file PSD kami.

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Selanjutnya, dengan menggunakan alat tenda persegi panjang, pilih tali di bagian atas templat, katakanlah tinggi 140 atau 170 piksel. Buat layer baru dan isi pilihan Anda dengan warna coklat apa pun.

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Masuk ke Layer >> Layer Styles >> Gradient dan gunakan warna #000000 … #FFFFFF … #000000, terapkan efek gradien dengan opacity 28%. Pastikan untuk mengatur Fill layer itu sendiri menjadi sekitar 30% juga.

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Langkah berikutnya. Dengan menggunakan alat tenda persegi panjang lagi, pilih kotak di bawah lapisan sebelumnya, juga dari sisi ke sisi, tetapi sekitar dua kali lebih tinggi.

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Buat layer baru dan atur warna utama ke #013814 dan warna sekunder ke #005e29. Dengan menggunakan alat Gradient, tarik garis dari bawah ke atas, sehingga rona yang lebih gelap akan berada di bawah.

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Saat layer ini masih dipilih, buka Layer >> Layer Styles >> Blending Options dan terapkan pengaturan berikut:
Pukulan
Bayangan Jatuh

Seperti inilah seharusnya tampilan kanvas Anda sejauh ini.

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Dengan menggunakan alat Rectangular Marquee, pilih kotak di sudut kiri atas template Anda, seperti yang ditunjukkan pada gambar di bawah ini:

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Buatlah Layer baru, dan beralih ke alat Gradient lagi, kali ini, dengan menggunakan warna hijau yang sama seperti sebelumnya, tarik garis dari atas ke bawah, sehingga warna hijau yang lebih gelap akan berada di atas. Ini akan memberikan tata letak keseimbangan yang lebih baik.

Desain Templat Lengkap untuk Tata Letak Situs Web Restoran Bar - Tutorial PS Desain Web Lorelei

Sementara yang terakhir masih dipilih, buka layer >> layer style dan terapkan pengaturan berikut (sama seperti kotak sebelumnya).