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.
Related Posts
photoshop
- Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop
- Cara Membuat Iklan Banner 728 x 90 dengan Photoshop
- Cara Mmbuat Desain Iklan Banner Dengan Photoshop
- Cara Membuat Efek Relief Pada Gambar Dengan Photoshop
- Memberi Efek Zigzag Dengan Photoshop
- Manipulasi Foto - Terdampar Di Tengah Laut
- Cara Membuat Teks Seperti Air Bening Dengan Photoshop
- Cara Membuat Efek Bayangan Orang Dengan Photoshop
- Menggabungkan Teks dan Brush Dengan Photoshop CS3
- Cara Menyimpan Hasil Seleksi di Photoshop
- Cara Membuat Action Untuk Menghaluskan Kulit Wajah Dengan Photoshop
- Cara Membuat Kumis dan Jenggot di Photoshop CS3
- Cara Membuat Pigura Foto Dengan Photoshop CS3
- Cara Cepat Memutihkan Foto Dengan Photoshop CS3
- Cara Mempertajam Foto / Gambar Dengan Photoshop
- Cara Membuat Frame Foto Memudar dengan Photoshop CS3
- Cara Memberi Kopiah Pada Kepala Botak Dengan Photoshop
- Cara Menggabungkan Foto Dengan Photoshop
- Membesarkan Gambar Resolusi Rendah Agar Tidak Pecah
- Mendesain Kaos Distro dengan Photoshop
- Membuat Stempel Dengan Photoshop
- Cara Edit Foto Dengan Photoshop
- Mengenal Toolbox Pada Photoshop dan Fungsinya
- Cara Mudah Membuat Logo Tulisan 3D Dengan Photoshop
