Belajar ImageMagick - Montage, Animate & Display

#Pendahuluan

Di episode 5 kalian sudah menguasai warna, channel, dan alpha — dari konversi colorspace hingga mengatur transparansi per kanal. Sekarang saatnya keluar dari pekerjaan "satu gambar" menuju "banyak gambar": menyusun puluhan thumbnail dalam satu kanvas, memutar animasi GIF langsung dari terminal, dan menilik hasil kerja secara interaktif sebelum dipublikasikan.

Tiga perintah yang kita bedah — magick montage, magick animate, dan magick display — adalah sisi presentasi dari ImageMagick. Montage menjawab pertanyaan "bagaimana menampilkan banyak gambar sekaligus", animate menghidupkan frame demi frame, dan display memberi kalian mata kedua untuk memeriksa detail.

#Mengapa Montage

Bayangkan kalian mengelola katalog produk dengan 200 foto dan harus menunjukkan semuanya dalam satu halaman laporan. Menempelkannya satu per satu ke editor grafis memakan waktu berjam-jam. magick montage menyelesaikan pekerjaan yang sama dalam satu baris: membaca banyak gambar, mengubah ukurannya secara seragam, lalu menatanya dalam grid yang rapi. Ini alat default untuk membuat contact sheet, katalog, dan pratinjau hasil render.

#Membuat Grid Thumbnail dengan Montage

Formulasi paling dasar: sebutkan semua file input, lalu -tile menentukan jumlah kolom dan baris grid.

magick montage foto-1.jpg foto-2.jpg foto-3.jpg foto-4.jpg \
  -tile 2x2 -geometry +2+2 montage.png

-tile 2x2 memaksa grid dua kolom dan dua baris. Tanpa -tile, montage menebak jumlah kolom dari banyaknya gambar. -geometry +2+2 menambahkan jarak dua piksel di antara sel; angka tanpa satuan berarti jarak, bukan ukuran.

Banyak input mudah dimasukkan lewat glob:

magick montage foto-*.jpg -tile 3x4 -geometry +4+4 montage.png

Dengan foto-*.jpg, montage membaca semua file yang cocok dengan pola. Urutan input mengikuti urutan pengurutan shell, jadi nama file yang konsisten — misalnya foto-01.jpg hingga foto-12.jpg — menghasilkan grid yang bisa diprediksi.

#Mengatur Ukuran dan Jarak dengan -geometry

-geometry juga bisa membatasi ukuran tiap thumbnail sebelum ditata. Format WxH+jarakX+jarakY berarti "ubah ukuran agar muat dalam boks WxH, lalu beri jarak".

magick montage foto-*.jpg -tile 4x4 \
  -geometry 160x120+3+3 -background '#f0f0f0' montage.png

Setiap foto diskalakan agar muat dalam boks 160x120 piksel tanpa merusak rasio aspek. -background mengisi ruang kosong di sekeliling thumbnail — elemen kecil yang membuat grid tampak profesional, bukan sekadar tumpukan gambar. Kalian bisa menukar -tile dan -geometry untuk mencoba berbagai kepadatan grid tanpa mengubah file asli.

#Label dan Bingkai

Dua penyempurnaan visual favorit: -label menuliskan keterangan di bawah tiap sel, dan -frame menambahkan bingkai berornamen di sekelilingnya.

magick montage foto-*.jpg -tile 4x3 -geometry 160x120+3+3 \
  -label '%f' -frame 6 -bordercolor '#999999' montage.png

-label '%f' memakai format escape %f yang diisi nama file asli — berguna untuk audit visual, karena kalian langsung tahu sel mana berasal dari file mana. -frame 6 memberi tebal bingkai 6 piksel dengan efek timbul, sementara -bordercolor mewarnai bingkai tersebut. Label menjadi pembeda antara versi gambar yang tampak nyaris identik.

#Memberi Bayangan untuk Kedalaman

Grid yang polos terkesan datar. Menambahkan bayangan halus di bawah setiap thumbnail membuat montage tampak seperti tumpukan kartu — elemen kecil yang meninggalkan kesan profesional:

magick montage foto-*.jpg -tile 4x4 -geometry 160x120+4+4 \
  -shadow -background white montage-shadow.png

-shadow menambahkan drop shadow di sekeliling setiap sel, dan -background menjadi warna dasar kanvas tempat bayangan jatuh. Bayangan juga membantu mata memisahkan satu gambar dari gambar lainnya — berguna saat grid berisi foto dengan warna tepi yang mirip.

#Contact Sheet ke PDF

Montage tidak terbatas pada PNG: karena ImageMagick menentukan format dari ekstensi output, kalian bisa menulis grid langsung ke PDF multi-halaman. Ini cara praktis menghasilkan contact sheet yang bisa dikirim ke klien atau dicetak.

magick montage foto-*.jpg -tile 4x4 \
  -geometry 200x150+4+4 -label '%f' contact-sheet.pdf

Satu perintah menghasilkan dokumen PDF berisi grid rapi. Ketika koleksi gambar bertambah, halaman berikutnya ditambahkan otomatis. Perilaku multi-halaman inilah yang nanti kita bedah lebih dalam di episode 9 saat membahas image list dan multi-frame.

#Animate: Memutar GIF

Montage menata gambar statis; magick animate memutar gambar ber-frame. Analoginya seperti menyalakan flipbook: setiap frame GIF adalah satu halaman, dan animate membaliknya dengan kecepatan tertentu.

magick animate animasi.gif

Jendela akan terbuka dan memutar animasi sesuai -delay yang tersimpan di dalam GIF. Interaksi dasarnya: + dan - mempercepat atau memperlambat, spasi menjeda, dan q (atau Esc) menutup jendela. Kecepatan bisa dipaksa tanpa mengubah file:

magick animate -delay 20 animasi.gif

Nilai -delay menggunakan satuan 1/100 detik, jadi 20 berarti 200 milidetik per frame. Trik ini ideal untuk memeriksa animasi sebelum menyimpannya — kalian tidak perlu membuat file baru hanya untuk melihat hasilnya.

#Display: Penampil Interaktif

magick display adalah penampil gambar interaktif: kalian bisa membuka satu file, memperbesar bagian tertentu, dan berpindah antar gambar dalam satu sesi.

magick display foto-01.jpg

Setelah jendela terbuka, klik memperbesar area yang diklik, klik kanan menampilkan menu konteks, tombol panah berpindah ke gambar berikutnya, dan q menutup. Perintah ini paling berguna untuk pemeriksaan visual cepat sebelum gambar masuk pipeline produksi — misalnya memastikan tidak ada artefak kompresi setelah resize dari episode 4.

#Penutup

Pada episode 6 kalian sudah menyusun banyak gambar menjadi grid thumbnail dengan magick montage — termasuk -tile untuk bentuk grid, -geometry untuk ukuran dan jarak, -label dan -frame untuk keterangan dan bingkai, plus output PDF sebagai contact sheet — lalu menghidupkannya dengan magick animate dan memeriksanya secara interaktif dengan magick display.

Yang perlu dibawa pulang: montage adalah jembatan antara banyak file dan satu artefak yang bisa dibagikan. Saat kalian harus meninjau 200 gambar, grid yang rapi jauh lebih cepat dipindai daripada membuka file satu per satu.

Di episode 7 berikutnya kita berhenti menata gambar dan mulai menggambar di atasnya: shape, garis, dan teks lewat -draw, -annotate, hingga watermark. Sampai jumpa!