Apa itu Overlay & Campuran Gambar?

Image Overlay/Blend menggabungkan dua gambar menggunakan mode campuran seperti multiply, screen, overlay, dan lainnya. Buat efek eksposur ganda, overlay tekstur, atau efek artistik. Semua diproses secara privat di perangkat Anda.

Tersedia semua 16 mode campuran Canvas2D: normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, dan luminosity. Opacity bisa diatur halus dari 0 hingga 100%. Letakkan overlay dengan menariknya di pratinjau atau pasang sekali sentuh ke salah satu dari sembilan titik penjajaran, lalu ubah ukurannya, putar, atau cerminkan secara horizontal maupun vertikal. Hasil akhir bisa diekspor sebagai PNG (mempertahankan transparansi), JPEG (dengan slider kualitas untuk ukuran lebih kecil), atau WebP, dan satu tombol menyalin gambar langsung ke clipboard.

Cara menggunakan

1. Unggah gambar dasar dan gambar overlay. Kedua gambar ditampilkan berdampingan dengan pratinjau langsung hasil campuran.
2. Pilih mode campuran (multiply, screen, overlay, darken, lighten, color-dodge, dll.) dan sesuaikan opasitas overlay dengan slider.
3. Pakai grid sejajarkan cepat untuk mengunci posisi, balik overlay jika arahnya keliru, lalu unduh sebagai PNG, JPEG, atau WebP — atau salin ke clipboard untuk ditempel di mana saja.

Kapan menggunakan

• Menumpuk grain atau tekstur kertas di atas foto untuk tampilan filmis atau mock-up cetak.
• Menaruh logo atau watermark di foto produk dengan mode multiply atau screen.
• Membuat potret eksposur ganda cepat dengan mencampur wajah dan pemandangan.

Hasil

Seorang fotografer mengunggah potret sebagai gambar dasar dan cakrawala kota sebagai overlay, memilih mode campuran 'screen' pada opasitas 60% untuk menciptakan efek eksposur ganda yang memukau, lalu mengunduh komposit akhir.

FAQ

Apa sebenarnya yang dilakukan multiply dan screen terhadap piksel?

Multiply menggelapkan: mengalikan setiap kanal RGB dari kedua gambar lalu membagi 255, hitam tetap hitam dan putih jadi transparan. Screen melakukan sebaliknya dan mencerahkan, seperti dua proyektor saling tumpang tindih, putih tetap putih dan hitam jadi transparan.

Kenapa hasilnya dipotong ke ukuran gambar dasar?

Canvas mengikuti ukuran gambar dasar. Kalau overlay lebih besar, piksel di luarnya tidak ikut ke PNG ekspor. Kecilkan dulu overlay-nya, atau pakai gambar dasar yang lebih besar agar keduanya menutupi area yang sama.

Bisakah overlay digeser, diubah ukurannya, atau dicerminkan setelah ditempelkan di atas dasar?

Bisa. Tarik overlay ke mana pun pada pratinjau, atau pakai grid sejajarkan cepat untuk mengunci ke salah satu dari sembilan posisi (empat sudut, empat sisi, dan tengah). Slider mengatur skala 10–300% dan rotasi -180° hingga 180°, lalu sepasang tombol membaliknya secara horizontal atau vertikal. Tombol ‘Atur ulang transformasi’ mengembalikan overlay ke tengah dengan skala 100%.

Difference dan exclusion menghasilkan warna neon aneh, apakah bug?

Bukan, itu memang perilaku yang benar. Difference mengurangkan setiap kanal lalu mengambil nilai mutlaknya, exclusion mirip tapi kontrasnya lebih rendah. Keduanya menghasilkan tampilan terbalik, berguna untuk membandingkan dua gambar yang nyaris identik atau efek artistik.

Kenapa PNG hasilnya berlatar hitam, bukan transparan?

JPEG tidak menyimpan transparansi, jadi memilih JPEG akan meratakan alfa pada latar putih — pilih PNG atau WebP jika ingin hasil tembus pandang. Mode campuran juga berpengaruh: multiply hanya membuat putih murni transparan pada opacity 100%, sedangkan mode normal di bawah 100% selalu menampilkan dasar di belakang.

Alat terkait