Pemotongan Gambar
Desain yang telah dibuat tentu saja tidak akan kita letakan dalam website secara keseluruhan. Gambar tersebut harus kita potong menjadi beberapa bagian. Photoshop telah menyediakan fasilitas ini melalui slice tool. Tujuan dari slicing adalah :
membagi desain web menjadi beberapa file gambar dengan ukuran atau format yang berbeda, mempercepat waktu download karena gambar dibuat secara terpisah dengan ukuran byte yang lebih kecil
memudahkan ketika kita melakukan pemrograman
menentukan bagian - bagian yang akan dijadikan gambar statis, menu teks, atau background pada website.
Hal penting yang harus diperhatikan ketika slicing adalah agar ukuran pixel gambar tetap proporsional. Kesalahan pada saat slicing bisa menghasilkan tampilan yang tidak diharapkan.
Slice Tool
Setiap desainer punya cara dan jurus tersendiri dan berbeda-beda dalam mengerjakan proyeknya. Itu sah-sah sja, yang penting kerjaan beres dengan tepat waktu. Teknik slicing pada Photoshop bisa menggunakan Slice tool atau manual dengan Crop tool. Saya sendiri lebih menyukai crop tool. Jika menggunakan slice tool, kita memang bisa secara otomatis memotong beberapa bagian sekaligus dalam sekali ‘slice’ dan langsung save for web sekaligus dalam satu folder untuk semua file hasil potongan tersebut.
Namun ini akan menyulitkan kita jika filenya transparan dan menimpa sebuah background.
Well, bisa saja itu tetap dikerjakan, namun akan lebih mempermudah programmer menyusun gambar jika kita memisahkan file transparan tersebut dengan backgroundnya
Slicing ujung dan tengah pada sebuah bidang
Pada bidang-bidang kotak, persegi panjang dan juga background ada teknik khusus dalam memotongnya. Kecuali jika background berupa foto atau image. Untuk menslicing sebuah bidang, misal pada background atau sebuah kotak yang ujungnya melengkung (dengan rounded rectangle) tentu ada caranya bagaimana memotong bidang –bidang tersebut. Jika yang akan kita potong adalah sebah bidang kotak, misal untuk background tulisan paragraf, namun ujungnya lancip maka kita cukup memotong tipis 1 bagian saja.
Menslicing bidang bergradasi
Seperti sempat dibahas di atas teknik slicing untuk bidang bergradasi tergantung seperti apa arah gradasinya. Horizontal atau Vertikal. Jika horizontal dengan ujung melengkung, maka yang kita potong bagian ujung kiri, tengah dan ujung kanan.
Tapi jika vertical dengan ujung melengkung yang kita potong adalah bagian ujung atas, tengah dan ujung bawah. Biarlah programmer me-
repeat bagian tengahnya saja. Gambar di bawah ini contoh yang ujungnya lancip, jadi hanya sekali potong saja, programer akan me-
repeatnya nanti.
Penamaan Folder
Untuk penamaan folder file-file slicing yang telah kita potong, tidak bisa menggunakan spasi, misal kita akan menamakan image 05, kita harus menamainya dengan image05 atau image_05. Karena kode HTML tidak bisa membaca file dengan nama yang menggunakan spasi. Dan sebaiknya jika file tersebut sejenis atau berurutan gunakan penomeran atau urutan abjad agar memudahkan programmer saat membuka file. Semua pasti ada dalam 1 folder saja, tidak terpisah atau tidak berupa folder dalam folder.
Referensi : 7 Langkah Mudah Menjadi WEB Master (Oleh Dadan Sutisna)
