Jika Anda membuat Video Twibbon dengan file MP4 atau WEBM, desain Anda membutuhkan chroma key, yang juga disebut green screen. Artikel ini menjelaskan apa itu chroma key, kenapa itu penting, dan cara menyiapkannya dengan benar.
Apa itu chroma key?
Chroma key adalah satu blok warna solid dalam video Anda yang menandai area tempat sesuatu yang lain seharusnya muncul. Ini trik yang sama dengan yang dipakai peta cuaca di TV: presenter berdiri di depan dinding hijau polos, perangkat lunak menghapus setiap piksel hijau, lalu peta ditempatkan di belakangnya.
Pada Video Twibbon, area yang dihapus itulah tempat foto pendukung Anda muncul. Karena warnanya biasanya hijau, ini juga disebut green screen (layar hijau). Chroma key dan green screen artinya sama.
Kenapa Twibbon Video membutuhkan chroma key
Twibbon adalah bingkai dengan lubang di dalamnya. Desain mengelilingi lubang tersebut, dan foto pendukung terlihat melaluinya.
Untuk desain diam, lubang ini mudah dibuat. File PNG dan GIF bisa menyimpan transparansi asli, sehingga lubangnya cukup berupa "kekosongan." Video bekerja dengan cara berbeda. File MP4 dan WEBM sama sekali tidak punya lapisan transparansi, sehingga setiap piksel harus memiliki warna.
Chroma key mengatasi hal ini. Anda mengisi lubang tersebut dengan satu warna yang tidak Anda pakai di bagian lain desain. Twibbonize kemudian memperlakukan warna itu sebagai lubang dan menghapusnya saat kampanye berjalan.
File Anda | Cara lubang ditandai |
GIF | Transparansi asli, tidak perlu chroma key |
MP4 atau WEBM | Chroma key (area hijau solid) berfungsi sebagai pengganti transparansi |
Cara kerjanya
Anda mengunggah video dengan area hijaunya.
Twibbonize menghapus setiap piksel yang cocok dengan warna hijau tersebut. Pola kotak-kotak di sini hanya cara kami menggambarkan "kosong", bukan bagian dari desain Anda.
Foto pendukung Anda ditempatkan di belakang lubang tersebut. Desain tetap berada di atas, dan foto mengisi celahnya.
Twibbonize menjaga desain asli Anda tetap utuh dan menyusun foto pendukung di belakangnya setiap kali kampanye dilihat. Itulah sebabnya satu Video Twibbon bisa dipakai untuk ribuan foto pendukung yang berbeda.
Yang dideteksi Twibbonize secara otomatis
Saat Anda mengunggah MP4 atau WEBM, Twibbonize memindai video Anda dan mencari area hijau. Jika ditemukan, Twibbonize akan:
Mengambil corak hijau persis yang Anda pakai, sehingga Anda tidak perlu mengetik kode warna sendiri. Warna hijau di setiap file bisa sedikit berbeda, dan kompresi juga menggeser warnanya, jadi kami membaca piksel yang sebenarnya, bukan mengasumsikan satu warna hijau standar.
Memilih frame terbaik untuk thumbnail kampanye Anda, yaitu momen ketika area hijau paling besar, agar foto contoh di thumbnail terlihat jelas.
Memberi tahu Anda bila area hijau tidak ditemukan. Anda akan melihat pesan "No chroma key area detected in your video file", dan kampanye Anda baru bisa menerima foto pendukung setelah filenya diperbaiki.
Area hijau perlu mencakup porsi yang cukup besar dari bingkai agar terdeteksi. Beberapa piksel hijau yang tersasar, seperti daun atau sorotan pada logo, tidak akan dianggap sebagai chroma key.
Hijau atau biru?
Kedua warna ini dipakai di industri film. Untuk Twibbonize, gunakan hijau. Deteksi otomatis kami mencari warna hijau, jadi green screen berarti unggahan Anda langsung berfungsi.
Biru tetap berfungsi, tapi Anda perlu membuka Chroma Key setelah mengunggah dan mengatur warnanya sendiri, dengan kolom warna atau eyedropper.
Warna apa pun yang Anda pilih, aturannya sama: warna kunci tidak boleh muncul di bagian lain desain Anda. Jika logo Anda memakai warna hijau yang sama dengan latar, logo itu akan ikut terhapus.
Cara menyiapkan area chroma key yang baik
Penghapusan bekerja dengan mencocokkan warna. Setiap piksel yang cukup dekat dengan warna kunci akan terhapus, dan sisanya dipertahankan. Beberapa hal berikut penting untuk diperhatikan:
Gunakan satu warna hijau yang solid dan pekat. Hijau cerah murni, di kisaran #00CC00–#00FF00, adalah pilihan terbaik. Hijau pastel atau kusam terlalu dekat dengan warna kulit dan pakaian.
Jaga agar warnanya rata. Hindari gradasi, bayangan, atau titik terang di tengah area. Bagian yang lebih gelap bisa saja bertahan setelah penghapusan dan muncul sebagai bercak hijau.
Buat tepi area yang tegas. Cahaya lembut, bayangan jatuh, motion blur, dan tepi semi-transparan menghasilkan pinggiran tipis yang bukan sepenuhnya hijau maupun sepenuhnya desain.
Jangan pakai ulang warna kunci di elemen desain lain. Teks, ikon, border, dan logo semuanya perlu warna yang berbeda dari warna kunci.
Buat area yang besar dan diposisikan dengan baik. Ini tempat wajah pendukung akan muncul, jadi area yang kecil berarti wajah yang kecil. Orientasi potret dengan jendela di bagian tengah-atas biasanya memberi hasil terbaik.
Mengatur Strength
Setelah unggah, tombol Chroma Key di bawah pratinjau membuka dua kontrol, yaitu warna kunci dan slider Strength. Strength mengatur seberapa toleran pencocokan warnanya:
Terlalu rendah, hanya kecocokan yang nyaris sempurna yang terhapus, sehingga sisa warna muncul sebagai pinggiran atau bintik hijau.
Terlalu tinggi, pencocokan menjadi terlalu longgar dan menangkap warna yang hanya mirip samar dengan warna kunci, sehingga bagian desain Anda mulai hilang, biasanya kuning, teal, dan hijau muda lebih dulu.
Mulailah dari nilai yang sudah dipilih Twibbonize, lalu geser sedikit demi sedikit. Berhenti begitu warna hijaunya hilang sepenuhnya.
Kapan sebaiknya memakai GIF
GIF transparan sering kali menjadi pilihan yang lebih sederhana. Tidak ada warna yang perlu dicocokkan, tidak ada pinggiran yang muncul, dan tidak perlu mengatur Strength.
Pilih GIF untuk animasi sederhana, seperti border yang berdenyut atau lencana yang berputar. Pilih MP4 atau WEBM untuk video sesungguhnya, seperti rekaman, gradasi, banyak warna, atau suara. Perlu diingat, GIF terbatas pada 256 warna, sehingga desain yang fotografis atau kaya gradasi akan terlihat berpita jika dijadikan GIF, dan lebih cocok dibuat sebagai video dengan chroma key.
Pemecahan masalah
Yang Anda lihat | Kenapa ini terjadi | Solusi |
"No chroma key area detected" | Area hijau tidak ditemukan, atau ukurannya terlalu kecil | Tambahkan blok hijau solid di tempat foto seharusnya muncul |
Pinggiran hijau di sekitar foto | Toleransi pencocokan terlalu ketat, atau tepi hijaunya buram | Naikkan Strength sedikit, dan hindari menghaluskan (feathering) tepi area hijau di editor Anda |
Bagian desain hilang | Toleransi terlalu longgar, atau warna desain terlalu dekat dengan warna kunci | Turunkan Strength, dan ubah warna elemen desain yang dekat dengan warna kunci |
Bercak hijau tersisa di tengah | Pencahayaan tidak rata, atau ada gradasi pada area hijau | Ekspor ulang dengan satu warna hijau solid yang rata |
Foto muncul di tempat yang salah | Area hijau tidak berada di posisi yang Anda perkirakan | Pindahkan blok hijau pada desain Anda, lalu unggah ulang |
Seluruh video hilang | Warna kunci diambil dari desain, bukan dari area hijau | Buka kembali Chroma Key dan pilih ulang warnanya dengan eyedropper |
Pertanyaan yang sering diajukan
Apakah pendukung saya melihat warna hijaunya? Tidak. Warna hijau hanya ada di file sumber Anda. Semua orang yang melihat atau bergabung dengan kampanye akan melihat hasil komposit akhirnya.
Bisakah ada lebih dari satu area foto? Tidak dalam satu desain. Satu warna kunci hanya bisa mendefinisikan satu lubang, seaneh apa pun bentuknya. Anda bisa mengunggah beberapa desain video ke satu kampanye dan membiarkan pendukung memilih salah satunya.
Apakah area hijau harus berbentuk persegi panjang? Tidak. Bentuk apa pun bisa dipakai, termasuk lingkaran, hati, siluet ponsel, atau tulisan cutout.
Bisakah area hijau bergerak atau berubah ukuran selama animasi? Ya. Penghapusan diterapkan ke setiap frame, sehingga jendela yang bergeser, membesar, atau berputar tetap berfungsi.
Bagaimana jika saya tidak punya software edit video? Sebagian besar editor gratis, seperti CapCut, Canva, atau DaVinci Resolve, bisa menempatkan persegi panjang berwarna solid di atas desain Anda dan mengekspornya sebagai MP4. Anda hanya butuh satu blok warna datar.
Semoga informasi yang kami berikan membantu Anda menyiapkan chroma key yang bersih untuk Video Twibbon Anda. Untuk panduan lengkap cara mengunggahnya, baca Bagaimana cara membuat kampanye Video Twibbon?