Home » » Cara Membuat Desain Website / Blog Dengan Photoshop

Cara Membuat Desain Website / Blog Dengan Photoshop

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 Membuat Desain Website / Blog Dengan Photoshop

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

Cara Membuat Desain Website / Blog Dengan Photoshop


3. Gunakan garis bantu untuk membuat layout website

Cara Membuat Desain Website / Blog Dengan Photoshop

4. Pada Palet Layer pilih Create a new layer dan pada Toolbox pilih Rectangle Marquee Tool untuk membuat kotak

Cara Membuat Desain Website / Blog Dengan Photoshop


5. Lalu buat kotak seperti dibawah ini mengikuti garis bantu

Cara Membuat Desain Website / Blog Dengan Photoshop


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.

Cara Membuat Desain Website / Blog Dengan Photoshop


7. Lalu anda desain dulu masing-masing ruang/kotak seperti dibawah ini.

Cara Membuat Desain Website / Blog Dengan Photoshop

8. Untuk memotongnya dapat anda gunakan Slice Tool di toolbox lalu buka program Dreamweaver dan edit untuk codingnya.


Related Posts

 
Copyright © 2011. Terlintas | Template by Creating Website | Powered by Blogger