Secara umum "PSD to HTML" adalah sebuah alur kerja, yang mana halaman web mulanya di desain menggunakan Photoshop (PSD) kemudian dikonversi ke dalam kode (HTML, CSS, dan JavaScript). Anda juga bisa bertukar file dari PSD ke editor gambar lainnya seperti Pixelmator, GIMP, dll, namun prinsipnya tetap sama.
Halaman web yang Anda inginkan mulanya di desain secara utuh, seperti bagian Header, Sidebar, Body maupun Footer masih menjadi satu kesatuan dari beberapa layer gambar. SLICE TOOL digunakan untuk membagi citra / kesatuan gambar tersebut menjadi beberapa bagian gambar yang kemudaian dieksport kedalam bentuk web dalam format *html.
Slicing Photoshop untuk Templae Web (html)
Hal seperti ini merupakan langkah awal yang baik bagi seorang programmer web dalam memulai projectnya, tampak seperti ide bagus sebelum memulai coding, sebab hasil akhirnya akan terlihat lebih jelas dan terdengar seperti granular atau proses yang masuk akal. Berbeda dengan seorang programmer yang memulai projectnya langsung dari menulis code, ini akan terlihat sulit dan saya rasa tidak efisien.
Di bawah ini merupakan contoh sederhana dari pekerjaan seorang Beginner dalam mempelajari prinsip alur kerja tersebut "PSD to HTML"
Hasil Latihan Slicing Photoshop
Skema Proses
DOWNLOAD PROJECT
