By Wisdean Eska Maena
Perhatian:
untuk memulai tutorial ini anda harus memahami dulu program Adobe Photoshop
—————————————————————————————————————————
Tutorial ini akan mengajak anda untuk mendesain layout sendiri dengan program Adobe Photoshop, disini akan diajarkan cara men-Slice beberapa layout untuk di jadikan satu folder dalam website. Setelah itu akan anda akan diajarkan cara membuat link dan button link tanpa harus mengerti bahasa html, php atau bahasa code lainnya, karena di dreamweaver akan memudahkan anda dalam melakukan hal tersebut.
Tahap Desain Layout Dengan Photoshop
1. Pertama buka lah program adobe photoshop, lalu tekan file> new akan muncul bar size, lalu anda ganti ukurannya W=780 x H=800, resolution: 72 RGB colour 8 bit.
2. Ok, selanjutnya bikin garis menggunakan ruller sebelum masuk ke proses desain lihat pada gambar.1
(Gambar .1)
3. Buat layer baru, beri nama Header, lalu set foreground/background #cccccc(silver)-putih, lalu gunakan rectangular marque tools dan seleksi daerah Header, setelah itu isikan warna nya menngunakan gradient Tools. Setalah itu desain lah sesuai dengan gambar di bawah ini
Read more