Guntingbatukertas.com

Setelah selesai dengan praktek Bikin Template Web pada sesi sebelumnya, saat ini akan dibahas praktek membuat irisan/potongan link dan image yang akan diterjemahkan dalam digital journal/website.
Saya anggap kita sudah punya template baik dari hasil karya sendiri atau download dari internet. Seperti tampilan di samping saya akan mengggunakan template Digital Journal As-Syariah versi sample yang sudah saya persiapkan.

Langkah pertama setelah membuka file dengan Adobe Illustrator adalah menampilkan ruler. Lakukan dengan membukan menu View > Show Rulers (atau Ctrl+R). Kemudian tarik beberapa guidelines dari ruler atas dan bawah.

Saat ini saya akan fokus pada pemotongan menu di bagian atas. Ada baiknya Anda merancang dulu tata letak dengan sebaik-baiknya sehingga proses pemotongan bisa dilakukan lebih mudah. Tampilan guidelines yang sudah saya buat tampak sebagai berikut.

Pilih Slice Tool dari ToolBar dengan posisi seperti gambar di bawah, atau tekan tombol shortcut Shift+K.

Selanjutnya potong image-image yang akan dijadikan sebagai link. Gunakan fasilitas Snap untuk mempermudah pengirisan (View > Snap to Grid atau Snap to Point) Ilustrasinya seperti di bawah ini.

Dalam hal ini Anda lakukan dengan beberapa cara, sesuaikan dengan kebutuhan dan pilih cara yang paling efisien untuk keperluan Anda.
1. Iris dengan panduan guidelines yang sudah Anda buat sebelumnya. Usahakan jangan sampai ada irisan ganda. Potong irisan satu persatu dengan acuan guidelines yang sudah Anda buat. Simpan file yang anda kehendaki sebagai file image untuk web dari File > Save for Web&Devices (Alt+Shift+Ctrl+S). Cara ini berguna jika anda ingin meng-custom tiap bagian secara khusus.

2. Iris semua potongan sekaligus berdasarkan garis panduan/guidelines menu. Lakukan dengan membuka menu Object > Slice > Create from Guides. Simpan dengan Alt+Shift+Ctrl+S. Akan menu window penyimpanan sebagai berikut. Simpan dalam folder khusus karena metode ini akan menyimpan sekaligus semua potongan dalam satu folder. Jika ditampilkan lewat Windows Explorer akan tampak terlihat seperti ini.
Illustrator akan menyimpan rangkaian file image Anda dalam format HTML yang sudah siap diedit dan mengelompokkan file image Anda ke dalam folder images. Dalam gambar di atas saya membuat file “rancang-tampil-As-syariah” Metode kedua ini efektif jika Anda ingin membuat tampilan lengkap dari suatu halaman atau Anda sedang dalam proses awal pembuatan digital journal/website.

3.Iris dengan acuan seleksi. Pilih beberapa irisan yang telah Anda buat, kemudian aktifkan dari menu Object > Slice > Create from Selection. Cara ini berguna jika anda ingin menyimpan satu deret image untuk menu saja, misalnya untuk melakukan perubahan tampilan dari setting yang sudah ada sebelumnya. Misalnya saya hanya akan memotong ulang menu utama sebagai seperti ilustrasi berikut.

Anda masih dapat melakukan kreasi lebih banyak lagi dengan mengkombinasi fasilitas yang ada seperti menggandakan (Duplicate), mengkombinasi (Combine), menghapus sebagian (Select+Release), atau bahkan mengosongkan semua Slice (Delete All) dari menu Object > Slice. Kreasi ada di tangan Anda!

Semoga Bermanfaat!