“Menempatkan satu gambar di atas gambar lain” adalah cara sederhana untuk menjelaskan overlay gambar. Satu gambar menjadi kanvas, sedangkan gambar kedua menjadi lapisan yang dapat dipindahkan di atasnya. Lapisan teratas dapat dibuat sebesar kanvas, diperkecil menjadi logo, atau dibuat setengah transparan agar kedua gambar tetap terlihat.
Ada beberapa ungkapan lain untuk pekerjaan yang sama: menambahkan gambar ke foto, menaruh foto di atas foto lain, menumpuk dua foto, menyisipkan gambar ke dalam gambar, atau membuat efek gambar-dalam-gambar. Kontrol yang diperlukan tetap sama, yaitu urutan lapisan, posisi, ukuran, opasitas, dan format ekspor.
Cara tercepat adalah membuka OverlayImage.app, mengunggah gambar utama, menambahkan gambar kedua, lalu mengaturnya langsung pada kanvas. Panduan ini menjabarkan alur tersebut dan membantu Anda memilih pengaturan yang tepat untuk hasil-hasil umum.
Perbedaan antara “di atas” dan “berdampingan”
Sebelum mulai, tentukan apakah kedua gambar perlu berbagi ruang.
Ketika satu gambar berada di atas gambar lain, area kanvas keduanya saling bertumpuk. Gambar atas dapat menutupi sebagian gambar bawah, atau transparansi dapat membuat keduanya terlihat. Susunan ini tepat untuk logo, watermark, tekstur, stiker, foto sisipan, maupun double exposure.
Ketika dua gambar berada berdampingan, keduanya tidak saling menutupi. Lebar atau tinggi setiap gambar dipertahankan pada kanvas yang lebih besar. Ini disebut penggabungan, bukan overlay, dan cocok untuk perbandingan sebelum-sesudah, variasi produk, petunjuk, serta dokumentasi perkembangan.
OverlayImage.app menyediakan keduanya. Pilih Overlay jika satu gambar perlu berada di atas gambar lain. Pilih Berdampingan, Atas & bawah, atau Kolase grid jika seluruh isi setiap gambar sumber harus tetap tampak.
Cara menempatkan satu gambar di atas gambar lain
Langkah 1: Pilih gambar yang menentukan kanvas
Unggah gambar yang ukuran dan komposisinya paling penting. Jika Anda ingin menaruh logo pada foto produk, jadikan foto produk sebagai gambar utama. Jika ingin memasukkan potret ke bingkai dekoratif, bingkai atau latar dapat menjadi gambar utama, tergantung dimensi mana yang ingin dipertahankan.
Bayangkan gambar utama sebagai selembar kertas. Semua gambar lain akan ditempatkan dengan mengacu pada tepiannya.
Langkah 2: Tambahkan gambar yang akan berada di atas
Pilih Tambahkan gambar overlay, kemudian buka file kedua. Gambar tersebut muncul sebagai lapisan aktif. PNG dan WebP transparan sangat berguna karena area tak terlihat di sekitar objek tidak akan menutupi gambar bawah.
Jika gambar teratas memiliki kotak putih atau berwarna yang tidak diinginkan, kotak itu merupakan bagian dari file. Menurunkan opasitas akan membuat seluruh kotak tembus pandang, tetapi tidak menghapusnya. Untuk logo atau objek potongan yang bersih, gunakan aset yang sejak awal sudah memiliki latar transparan.
Langkah 3: Pindahkan dan ubah ukuran gambar atas
Seret lapisan aktif ke lokasi yang diinginkan. Tarik pegangan sudut untuk mengubah ukuran tanpa merusak proporsinya. Gunakan kontrol rata tengah jika gambar atas harus tepat berada di tengah.
Untuk foto sisipan kecil, sisakan margin yang jelas dari tepi luar. Sisipan yang nyaris menyentuh tepi sering terlihat tidak sengaja. Untuk logo atau tanda tangan, cari bagian foto yang relatif tenang agar tanda tetap terbaca. Untuk overlay yang memenuhi frame, besarkan sampai mencapai tepi kanvas apabila resolusi sumber mencukupi. Jika belum cukup, gunakan file sumber lebih besar, jangan memaksanya melewati batas skala 300% editor.
Kolom X dan Y berguna saat Anda perlu mempertahankan posisi yang sama pada beberapa komposisi. Catat nilai koordinat dan skala dari gambar pertama, lalu gunakan nilai yang sama untuk gambar-gambar berikutnya dengan dimensi serupa.
Langkah 4: Tentukan bagian gambar yang perlu terlihat
Pada opasitas 100 persen dalam mode Normal, setiap piksel yang tidak transparan pada gambar atas akan menutupi lapisan di bawahnya sepenuhnya. Piksel transparan dari file sumber tetap transparan. Menurunkan opasitas memperlihatkan lebih banyak gambar bawah tanpa mengubah metode perpaduan warna.
Untuk watermark sederhana, mode Normal dengan opasitas rendah biasanya sudah cukup. Untuk efek foto artistik, coba Multiply, Screen, Overlay, atau Soft Light. Selalu bandingkan hasilnya dengan mode Normal karena perpaduan yang dramatis dapat menyamarkan masalah warna atau membuat teks sulit dibaca.
Kecerahan, kontras, saturasi, dan buram juga dapat diatur untuk lapisan aktif. Gunakan kontrol tersebut agar foto sisipan selaras dengan suasana di sekelilingnya, atau supaya tekstur mendukung foto di bawah alih-alih menguasainya.
Langkah 5: Unduh satu file jadi
Pilih PNG, JPEG, atau WebP, lalu unduh hasilnya. Dua file sumber dirender menjadi satu file keluaran, sementara file asli tetap terpisah dan tidak berubah.
Gunakan PNG jika kanvas akhir membutuhkan transparansi atau memuat tepi grafis yang tajam. Gunakan JPEG untuk foto jadi di atas latar tidak transparan. Pilih WebP bila membutuhkan gambar web yang ringkas dan kompatibel dengan browser modern.
Empat susunan gambar-di-atas-gambar yang umum
Logo di sudut
Buat logo tetap kecil, berikan ruang kosong di sekelilingnya, dan gunakan mode Normal. Jika foto utama memiliki kontras tinggi, turunkan opacity sedikit saja; transparansi yang berlebihan dapat membuat logo hilang di layar kecil.
Watermark di tengah
Watermark besar di tengah dapat melindungi gambar pratinjau, tetapi subjeknya harus tetap bisa dinilai. Mulailah dari opacity tingkat menengah dan periksa bagian terang maupun gelap pada foto. Watermark yang terbaca di area langit bisa menghilang di atas jaket hitam.
Foto sisipan
Foto sisipan adalah gambar persegi panjang yang lebih kecil di dalam bidang besar. Susunan ini cocok untuk gambar reaksi, tampilan detail, peta kecil, instruksi, dan perbandingan visual. Gunakan margin yang konsisten. Jika sisipan membutuhkan bingkai, tambahkan bingkai pada aset sebelum diunggah karena editor saat ini menempatkan gambar tetapi tidak membuat bingkai dekoratif secara otomatis.
Perpaduan foto satu frame penuh
Besarkan foto teratas hingga menutup sebagian besar atau seluruh kanvas bila dimensi sumber memungkinkan; jika tidak, gunakan file sumber yang lebih besar. Turunkan opasitas atau pilih mode campuran. Perhatikan hubungan antara subjek, cakrawala, bagian terang, serta garis pengarah. Perubahan posisi sedikit saja bisa sepenuhnya mengubah detail mana yang masih terlihat.
Cara kerja urutan lapisan untuk tiga gambar atau lebih
Setiap overlay baru masuk ke dalam tumpukan. Gambar utama selalu berada di dasar, sedangkan layer overlay dapat digeser maju atau mundur satu sama lain. Layer paling depan dapat menutupi semua layer di bawah. Layer yang dipindahkan ke belakang mungkin hanya terlihat pada area transparan layer di atasnya.
Contohnya, sebuah grafis media sosial dapat disusun dari:
- Foto produk sebagai gambar utama.
- Lapisan warna lembut di atas foto.
- Lencana harga di atas lapisan warna.
- Logo di posisi paling depan.
Pilih thumbnail layer sebelum mengubah posisi atau tampilannya. Jika sebuah layer sulit diklik pada kanvas karena tertutup gambar lain, pilih thumbnail-nya lalu gunakan kontrol pindah ke depan.
Kapan sebaiknya memakai tata letak gabungan
Pilih Berdampingan atau Atas & bawah jika kedua gambar sumber harus tampak utuh. Untuk tiga gambar utuh atau lebih, gunakan Kolase grid. Pada tata letak ini, area kerja merender gambar tanpa menerapkan posisi, opacity, blend mode, atau filter khusus overlay. Semua file tetap tersedia saat Anda berpindah tata letak.
Kesalahan yang perlu dihindari
Membuat gambar atas terlalu kecil hingga sulit dibaca
Kecil tidak selalu berarti halus. Logo mungil dengan teks tipis dapat berubah menjadi bercak yang tidak jelas setelah diekspor atau dikompresi media sosial. Nilai hasilnya pada ukuran tampilan normal.
Tidak sengaja menutupi subjek
Jauhkan overlay dari wajah, nama produk, petunjuk, dan tepi penting, kecuali penutupan memang disengaja. Gunakan opacity sebagai penyempurnaan, bukan satu-satunya solusi untuk posisi yang buruk.
Meratakan layer terlalu dini
Biarkan overlay tetap terpisah sampai komposisi selesai. Setelah beberapa elemen diratakan menjadi satu file sumber, mengubah salah satunya akan lebih sulit. Editor browser menjaga lapisan overlay tetap terpisah sampai proses unduh dan menerima hingga lima file overlay.
Mengharapkan transparansi dari JPEG
JPEG tidak mendukung piksel transparan. Gunakan PNG, WebP transparan, atau SVG jika area di sekeliling gambar atas perlu tidak terlihat.
Pertanyaan yang sering diajukan
Apa istilah untuk menempatkan satu gambar di atas gambar lain?
Teknik ini biasanya disebut image overlay, photo overlay, superimposition, atau komposisi picture-in-picture. Istilah “menggabungkan gambar” juga kadang digunakan, meski penggabungan biasanya berarti menyusun gambar utuh tanpa tumpang tindih.
Bisakah saya menaruh gambar di atas gambar lain tanpa Photoshop?
Bisa. Editor berlapis berbasis browser menyediakan kontrol posisi, ukuran, opasitas, perpaduan, dan ekspor yang diperlukan untuk overlay gambar statis tanpa memasang aplikasi desain desktop.
Bisakah gambar teratas dibuat transparan?
Bisa. Gunakan file sumber yang memiliki transparansi, seperti PNG, WebP, atau SVG. Anda juga dapat menurunkan opasitas pada lapisan overlay mana pun yang dipilih.
Bagaimana cara memindahkan gambar ke belakang overlay lain?
Pilih thumbnail-nya, lalu gunakan kontrol layer untuk memindahkannya ke belakang. Gambar utama tetap menjadi latar kanvas, sedangkan semua overlay tambahan dapat diatur ulang urutannya.
Apakah menggabungkan gambar berarti mengunggahnya ke internet?
OverlayImage.app memproses file kerja di browser yang sedang digunakan. File gambar tidak dikirim ke server pemrosesan gambar maupun disimpan dalam proyek cloud.
Untuk mencoba alur ini, tempatkan satu gambar di atas gambar lain sekarang. Jika ingin memahami format dan mode campuran lebih lengkap, lanjutkan ke panduan lengkap menumpuk gambar.