Sekarang ini sudah banyak layanan download secara gratis untuk sebuah website atau blog dan desain dari website / blog yang disajikan banyak yang bagus dan keren dan anda dapat search di google untuk mencari website atau blog yang sesuai dengan keinginan anda. Namun untuk anda yang belum puas dan ingin membuat desain website / blog sendiri, saya akan berikan tutorialnya dengan menggunakan photoshop dan nantinya desain website ini dapat anda kembangkan sesuai dengan keinginan anda. Pada gambar dibawah ini merupakan desain blog magazine yang telah saya buat dengan menggunakan adobe photoshop CS3.
Cara mendesain layout website dengan photoshop :
1. Buka adobe photoshop, saya menggunakan photoshop CS3
2. Buat lembaran baru dengan Ctrl+N dan buat ukuran Width = 980 pixels dan Height = 600 pixels
3. Gunakan garis bantu untuk membuat layout website
4. Pada Palet Layer pilih Create a new layer dan pada Toolbox pilih Rectangle Marquee Tool untuk membuat kotak
5. Lalu buat kotak seperti dibawah ini mengikuti garis bantu
6. Anda dapat lihat pada gambar dibawah ini untuk masing-masing kotak, seperti membuat navigasi atas, logo blog, tempat banner 728x90, banner 300x250, banner 125x125, banner 160x600, label, slide dan lain-lain.
7. Lalu anda desain dulu masing-masing ruang/kotak seperti dibawah ini.
8. Untuk memotongnya dapat anda gunakan Slice Tool di toolbox lalu buka program Dreamweaver dan edit untuk codingnya.
