Home > Photoshop > Desain Template Website Untuk Hotel Dan Restaurant

Desain Template Website Untuk Hotel Dan Restaurant

April 10th, 2012
Desain Template Website Untuk Hotel Dan Restaurant
Hasil Akhir

Desain Template Website Untuk Hotel Dan Restaurant – Hari ini saya akan membuat desain template untuk hotel dan restaurant. Desain template ini juga bisa Anda gunakan untuk website yang berhubungan dengan industri pelayanan seperti Bar, Cafe, Food Court atau Pastrisier. Seperti pada tutorial-tutorial sebelumnya, desain template kali ini menggunakan aplikasi Adobe Photoshop CS3.

Aplikasi Program : Adobe Photoshop CS3
Tingkat Kesulitan : Mudah
Lama Pengerjaan : 1,5 Jam

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 1
Buat dokumen dengan ukuran 1000 x 1100 pixel, dan buat background seperti yang terlihat pada contoh. Klik Filter – Add Noise, untuk memberikan efek pada back ground.
Desain Template Website Untuk Hotel Dan Restaurant

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 2
Untuk menambahkan efek gradasi pada bagian bawah, gunakan Gradien Tool – Foreground to Transparant, sehingga terlihat seperti gambar di bawah ini.

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 3 – Membuat Kotak Slide Show
Dengan Rounded Rectangle Tool, dan radius 10 pixel, buat kotak tempat slide show seperti contoh di bawah ini.

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 4 – Gambar Slide Show
Sekarang terserah kepada Anda, apa yang akan Anda tempatkan di sini. Saya hanya menggunakan gambar restaurant. Atur Blending Option seperti yang tertera di bawah ini, tanpa menggunakan Gradien Overlay.

Desain Template Website Untuk Hotel Dan Restaurant

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 6 – Membuat Menu Bar
Buat Menu Bar dengan Rounded Rectangle Tool radius 10 pixel. Atur Blending Option sama dengan diatas ditambah Gradient Overlay.

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 7 – Membuat Kotak Content
Gunakan Rounded Rectangle Tool untuk membuat kotak content dan footer. Atur Blending Option sama seperti gambar slide show.

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 8 – Membuat Header
Untuk Header pada desain template ini saya menggunakan Pen Tool. Agar Anda mendapat hasil yang sempurna aktifkan Grid (View> Show> Grid). Gandakan Layer 1 (Back Ground), dan ubah Opacity menjadi 10 %. Tambahkan efek Blending seperti aturan dibawah ini:

Desain Template Website Untuk Hotel Dan Restaurant

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 9
Ulangi cara diatas untuk hasil seperti terlihat di bawah ini :

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 10 – Membuat Marquee Picture
Untuk Marquee Picture, gunakan Rounded Rectangle Tool, radius 10 pixel. Masukan gambar yang Anda inginkan dan atur Blending Option.

Desain Template Website Untuk Hotel Dan Restaurant

Langkah 11 – Membuat Ribbon
Agar tampilan slide show lebih tegas, saya menambahkan ribbon yang saya buat dengan Pen Tool dan Blending Option saya atur sama seperti membuat Menu Bar

Desain Template Website Untuk Hotel Dan Restaurant

Untuk mempercantik tampilan desain template, pada desain template website untuk hotel dan restaurant saya menggunakan tiga macam jenis font.

  • Header : Vladimir Script
  • Title Content : Vladimir Script
  • Content : Times New Roman
  • Menu dan Footer : Arial

Untuk melihat hasil dengan ukuran sebenarnya silahkan klik disini

.: Selamat mencoba :.

Related Posts Plugin for WordPress, Blogger...

Photoshop , ,


  1. Me Grey
    July 9th, 2012 at 15:07 | #1

    Sangat Membantu
    Makasih ya informasinya…

  2. March 31st, 2014 at 13:00 | #2

    wah keren ijin sedot bos yar banyak ilmu hehe

  1. No trackbacks yet.