Minggu, 26 Desember 2010

Membuat Design Website dengan Adobe Photoshop

 1. Potong-potong templatenya ;-)
Gunakan slice tool, lalu kita potong template nya jadi beberapa bagian
















Yang harus “dipotong” itu adalah bagian-bagian yang nantinya akan jadi button/menu navigasi. Kalo bagian yang lain sih tinggal disesuaikan saja dengan kebutuhan kita, misal untuk bagian content ya sebaiknya jadi 1 potongan saja, biar gampang nanti utak-atik di HTML nya. Memang sih, dulu waktu awal-awal juga aku berapa kali ubrak abrik potongannya, tapi ya memang harus begitu kayaknya, harus banyak coba-coba sendiri karena berbeda untuk tiap design. Kalau sudah sering coba, nanti juga tau sendiri gimana “pola potongan” yang efektif, efisien dan optimal :idea:
2. Ubah template photoshop jadi file HTML
Pilih menu File > Save for Web, lalu save dengan nama file yang kita inginkan
 
 
sehingga nantinya akan ada 2 file baru:
 Dan website template pun siap untuk digunakan;-)