pertama kita siapkan desain yang akan menjadi tampilan web kita. di tutorial ini kita hanya belajar bagaimana menjadikan file .psd menjadi...

web slicing dengan photoshop cs4

/
2 Comments
pertama kita siapkan desain yang akan menjadi tampilan web kita. di tutorial ini kita hanya belajar bagaimana menjadikan file .psd menjadi .html.
web slice adalah web yang di buat dari slicing photoshop dan selanjutnya menjadi script-script yang dapat di edit di dreamweaver atau notepad++.

misal desain kita seperti ini.
kita buat dulu desain. kemudian pada toolbox di photoshop pilih gambar ini




pilih lah slice tool.
kemudian seleksi beberapa bagian yang akan kita jadikan inputan,button,ataupun link.
seperti contoh:
setelah selesai, kita pilih file > save as for web & device (ctrl+shift+alt+S)
kemudian kita masuk ke tampilan ini:
kemuadian klik save, file akan tersimpan dalam format .html
jalankan pada browser dan lihat hasilnya.
silahkan dieksplor lagi :)


You may also like

2 comments:

  1. mending form nya gak usah di slicing deeh jod, background textbox nya aja sing di slicing. #saran

    ReplyDelete

Total Pageviews

Powered by Blogger.