Slice Tool Photoshop

Slice Tool pada Photoshop biasa digunakan untuk membuat layout dari website

Saya akan memberi contoh penggunaan slice tool untuk membuat navigator bar pada website

Dari image dibawah ini akan saya gunakan sebagai header dengan navigator bar dibawahnya.



Dengan menggunakan Type Tool, buat menu navigator.



Header dan navigator sudah siap untuk dipotong dengan menggunakan Slice Tool.



Gunakan Slice Tool yang berada dibawah Crop Tool dan Slice Select Tool untuk mengedit slice yang sudah jadi.

Kemudian lakukan slice seperti gambar berikut ini



Untuk proses penyimpanan dengan File -> Save for Web & Devices



Kalau settingan sudah sesuai dengan keinginan, klik tombol Save lalu akan muncul settingan untuk file yang tersimpan



File Name : adalah nama file yang akan tersimpan
Save as type : jenis file yang akan tersimpan
Settings : dilihat dari dua diatas
Slices : potongan yang akan disimpan

setelah tersimpan, tinggal dimasukkan kedalam tabel Dreamweaver diurut sesuai nama potongan dari file diatas.
dan terakhir adalah, setiap potongan dari navigator bar diberi link sesuai dengan halaman yang tertera.