Cara Mudah Membuat Template Blog - Photoshop Image Slicing

Cara Mudah Membua Template Blog.html

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.

Bagian Sebelumnya: Cara Mudah Membuat Template Blog - Lo-Fi Prototype

Bagian Selanjutnya: Cara Mudah Membuat Template Blog - Image Positioning