Kembali lagi dengan saya, John Terro, dalam entri Cara Mudah Membuat Template Blog. Kali ini saya akan membahas Photoshop Image Slicing. Sebenarnya tidak harus menggunakan Photoshop untuk melakukan slicing. Kamu juga bisa menggunakan software yang serupa dengan Photoshop misalnya GIMP. Apa itu slicing? Slicing itu memotong hingga menjadi beberapa bagian yang lebih kecil. Mengapa kita harus melakukan slicing dalam membuat template? Slicing adalah cara yang paling ampuh untuk mengurangi beban dari template. Dengan slicing kita bisa mengulang bagian tanpa harus melakukan load image kembali.
Berikut adalah contoh dari slicing image yang aku gunakan di blog Persona Intikalia.
 |
| #HeaderAtas |
 |
| #HeaderBawah |
 |
| #Center |
 |
| #Footer |
Dari keempat image di atas, #Center adalah bagian yang diulang-ulang sepanjang sumbu y di blog Persona Intikalia. Bayangkan saja jika saya tidak melakukan perulangan pada image #Center, pasti akan menyebabkan loading yang benar-benar lama.
Lantas bagaimanakah cara melakukan slicing di Photoshop? Berikut adalah caranya.
 |
| Pilihlah Slice Tool |
 |
| Lakukan Slicing Sesuai Kebutuhan |
 |
| Clear Slices Jika Kamu Melakukan Kesalahan Slicing |
 |
| Jika Slicing Selesai, Lakukan Save for Web & Devices... |
 |
| Sejauh Ini, Format PNG-24 Adalah Yang Terbaik Menurutku |
 |
| Simpan Sesuai Format dan Slices Seperti Di Gambar |
Mudah bukan? Lantas bagaimana dengan slicing di GIMP? Karena saya tidak mempunyai GIMP, saya ga bisa mengambil screenshot-nya. Tapi kurang lebih seperti yang saya lakukan di Photoshop. Sekian untuk Photoshop Image Slicing kali ini.
32 comments:
terus diapain? emang bisa bikin template pake adobe?
hohoho.. boleh-boleh... Nice share, bro!! (y)
masalah slice aku cuma nyoba sekali..belum sampe diterapin di blog..haha^^
hadohhhh~
nyimak dulu Om
dulu sempat belajar masalah beginian mas,cuma dah agak kaku karena jarang main tools2 design kagak kaya dulu :(
waduh bahasannya.... ga ngerti gue... hahahha
gimp ku versi yg paling baru yg masih beta dan banyak bug, nanti aku coba bisa ga, lagi sok sibuk nih :p
@Hani: terus ngapain? tunggu episode selanjutnya LOL
ya bisa lah bikin template dari adobe, cuma ga secara langsung aja
@cakYun; ya nanti coba lah :D
@jiah: silakan :)
@Andy: gitu yah, kacian :P
@Nuel: haha ... maklum kamu kan orang hukum, jadi taunya pasal2 LOL
@Ario Antoko: ya yang ga versi beta, setahuku di GIMP juga bisa kug yo
fasilitas slice itu ada di banyak aplikasinya :)
kira-kira aku sudah ngerti john, bisa kok slice di gimp yg aku pakai
bagus lah kalo sudah bisa :)
master.... -___-"
keren bang.
lanjut-lanjut !
nyimak nih. *eh udah kelar
ya nantikan bagian selanjutnya aja :)
heho' banget aku disini.. hadeeehh :((
baru belajar bikin template dasar, baru kenal sama yg namanya html, head, body, hahahha.
odong bgt yah Aku :)
yawis, ini tak simpen kalo aku udah mahir dulu :D
tiing
silakan *tiing LOL
ilmu baru nih tentang photohosp , besok posting tentang photoshop lagi ya bang
ya nanti kalo aku pengen aku post lagi
kalo ga ya ga LOL
nice info sob
nanti langsung dicoba
salam silaturahmi
salam juga :)
Anda berhasil membuat orang2 penasaran ... :-D
masa sih gitu aja penasaran :)
bagus banget tutotnya, dari dulu pengen desain template dari coretan tangan sendiri tapi gak tau langkah-langkahnya, udah ngikuti dari awal, ditunggu lanjutannya ya :D
okelah, tunggu saja lanjutannya :)
pantengin terus blog ini
lama ndak koment makin pinter aja om?
baru tau beginian,
pantes punyaku kok lola banget template nya
tutornya asik nih, akan di coba someday ^^
eh, nama twitnya @dradnaksi bacanya jadi iskandard@ hehe, kelebihan "d" tuh om...
#abaikan!haha# :p
@rivai: sudah jelas lah LOL
@KoskakiUngu: mana yang kelebihan, nama panjangku Iskandar Dzulkarnain, disingkat jadi iskandard lah :P
gak pinter aku masalah ngedit-ngedit di photoshop
ya belajar lah :)
gw udah jalanin semuanya gan ,, dan udah jadi ,, trus masukan ke blognya bagaimana ,, mohon pencerahannya ,
ya tunggu saja kelanjutannya :P
udah bulan Februari dan masih menunggu kelanjutannya..
image positioning..
:D
ya sebenarnya mau buat
tapi .... males aja, ini masih dalam draft
masih belum sempurna, kan ga enak kalo langsung diterbitin :D
woww.. nice inpoh :D mau blajar ah ntar ^_^
silakan2 :D
Ikutan Komentar
Jangan malu-malu, komen di sini tidak menyebabkan kamu malu. Buat kamu yang suka galau dan hobi ngegombal, bisa ikutan gabung di Persona Intikalia Fans Page