Cara menggabung gambar | Belajar Tutorial Photoshop

Dipublikasikan tanggal 16 Mar 2008

Ditulis dalam kategori Petunjuk Photoshop, Tutorial Photoshop Dasar, oleh Sadewo

Pada tutorial Photoshop kali ini akan saya bahas tentang cara menggabung gambar. Penggabungan gambar yang dimaksud di sini adalah gambar yang nampak melebur satu sama lain di salah satu sisinya.

Ada beberapa cara / tehnik dalam Photoshop yang bisa digunakan untuk membuat efek penggabungan seperti ini. Misalnya seperti saat menggunakan photomerge, atau feather. Yang akan saya bahas dalam tutorial ini adalah yang menggunakan layer mask.

Langkah penggabungan gambar dengan layer mask

Langkah 1
Bukalah sebuah gambar dengan Photoshop (File > Open).

Langkah 2
Pastikan bahwa merupakan sebuah layer yang tidak terkunci (bukan layer Background). Misalnya seperti pada gambar dibawah ini.

Lihat pada palet layer, jika di sebelah kanan dari nama layer nampak gambar gembok / kunci, berarti layer itu dalam kondisi terkunci (biasanya selalu ada pada layer background).

Untuk menghilangkan gambar kunci tersebut, caranya dengan melakukan klik 2 kali pada nama layernya. Kemudian klik OK pada kotak dialog yang muncul. Secara default, nama layernya akan berubah menjadi layer 0 (bisa juga namanya Anda ganti sendiri).

Langkah 3
Kita akan membuat penggabungan gambar, maka pastikan dalam file yang sedang Anda kerjakan ada dua buah layer gambar. Jika baru ada satu gambar? Ya buka dulu gambar lain, kemudian masukkan ke file yang kita kerjakan dengan move tool.

Langkah 4
Pilih layer yang posisinya di atas, kemudian klik icon Add Layer Mask ( letaknya di sebelah bawah pada palet layer).

Langkah 5
Pilih Gradient tool di toolbox Photoshop. Kemudian di Option bar, pilih warna gradasi hitam putih.

Langkah 6
Klik dan geser pointer gradient tool tadi pada gambar Anda. Jika hasilnya kurang sesuai, ulangi lagi langkah klik dan gesernya. Tidak perlu di-undo dulu, karena langkah pembuatan warna gradasi ini akan langsung menimpa langkah sebelumnya.

Mudah kan. Variasikan juga dengan arah gradasi yang berlawanan. Jika tadi membuat gradasi dari kiri ke kanan, coba sekarang dari kanan ke kiri. Hasilnya adalah bentuk transparan yang berbeda. Kenapa bisa begitu? Coba baca prinsip penggunaan layer mask pada artikel tutorial yang ini.

Pada option bar, selain gradasi mode Linear, ada juga bentuk Radial, Angle, Reflected, dan Diamond. Bentuk-bentuk ini bisa digunakan untuk membuat variasi gradasi yang lainnya.

Tutorial yang terkait

Kembali ke atas

Publikasi Ulang

Kopi-Paste kode berikut jika Anda ingin mempublikasikannya ulang untuk keperluan non-komersil.
DILARANG memodifikasi sebagian atau seluruh bagian dari kode ini.

<a href="http://mbahdewo.com/2008/03/cara-menggabung-gambar/">Cara menggabung gambar</a>
<img id="BLOGGER_PHOTO_ID_5178268978103301826" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://bp2.blogger.com/_kbiIse54Zd0/R9zoMy9FtsI/AAAAAAAAA2U/jrU68f4E_s0/s400/menggabung_gambar.jpg" border="0" alt="" />Pada tutorial Photoshop kali ini akan saya bahas tentang cara menggabung gambar. Penggabungan gambar yang dimaksud di sini adalah gambar yang nampak melebur satu sama lain di salah satu sisinya.
Ada beberapa cara / tehnik dalam Photoshop yang bisa digunakan untuk membuat efek penggabungan seperti ini. Misalnya seperti saat menggunakan <a title="Membuat foto panorama" href="http://mbahdewo.com/2007/01/membuat-foto-panorama/">photomerge</a>, atau <a title="Cara membuat vignette" href="http://mbahdewo.com/2007/08/membuat-vignette/">feather</a>. Yang akan saya bahas dalam tutorial ini adalah yang menggunakan layer mask. 

<h3>Langkah penggabungan gambar dengan layer mask</h3>
Langkah 1 
Bukalah sebuah gambar dengan Photoshop (File > Open).
Langkah 2 
Pastikan bahwa merupakan sebuah <a title="Tentang palet layer" href="http://mbahdewo.com/2007/12/mengenal-palet-layer/">layer</a> yang tidak terkunci (bukan layer Background). Misalnya seperti pada gambar dibawah ini.
<a href="http://bp3.blogger.com/_kbiIse54Zd0/R9zmdC9FtlI/AAAAAAAAA1c/zYL514rDnxU/s1600-h/menggabung_gambar_01.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5178267058252920402" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp3.blogger.com/_kbiIse54Zd0/R9zmdC9FtlI/AAAAAAAAA1c/zYL514rDnxU/s400/menggabung_gambar_01.jpg" border="0" alt="Gambar posisi palet layer" /></a> 
Lihat pada palet layer, jika di sebelah kanan dari nama layer nampak gambar gembok / kunci, berarti layer itu dalam kondisi terkunci (biasanya selalu ada pada layer background).
<a href="http://bp0.blogger.com/_kbiIse54Zd0/R9zmdS9FtmI/AAAAAAAAA1k/f8EMg50E020/s1600-h/menggabung_gambar_02.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5178267062547887714" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp0.blogger.com/_kbiIse54Zd0/R9zmdS9FtmI/AAAAAAAAA1k/f8EMg50E020/s400/menggabung_gambar_02.jpg" border="0" alt="Gambar background photoshop" /></a> 
Untuk menghilangkan gambar kunci tersebut, caranya dengan melakukan klik 2 kali pada nama layernya. Kemudian klik OK pada kotak dialog yang muncul. Secara default, nama layernya akan berubah menjadi layer 0 (bisa juga namanya Anda ganti sendiri).
<a href="http://bp0.blogger.com/_kbiIse54Zd0/R9zmdS9FtnI/AAAAAAAAA1s/DW5yyNFEPZg/s1600-h/menggabung_gambar_03.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5178267062547887730" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp0.blogger.com/_kbiIse54Zd0/R9zmdS9FtnI/AAAAAAAAA1s/DW5yyNFEPZg/s400/menggabung_gambar_03.jpg" border="0" alt="Tutorial menggabung gambar 1" /></a> 
Langkah 3 
Kita akan membuat penggabungan gambar, maka pastikan dalam file yang sedang Anda kerjakan ada dua buah layer gambar. Jika baru ada satu gambar? Ya buka dulu gambar lain, kemudian masukkan ke file yang kita kerjakan dengan <a title="Cara menggunakan Move tool" href="http://mbahdewo.com/2007/06/sedikit-tentang-move-tools/">move tool</a>.
Langkah 4 
Pilih layer yang posisinya di atas, kemudian klik icon Add Layer Mask ( letaknya di sebelah bawah pada palet layer).
<a href="http://bp1.blogger.com/_kbiIse54Zd0/R9zmdi9FtoI/AAAAAAAAA10/e71FaLbA6AI/s1600-h/menggabung_gambar_04.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5178267066842855042" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp1.blogger.com/_kbiIse54Zd0/R9zmdi9FtoI/AAAAAAAAA10/e71FaLbA6AI/s400/menggabung_gambar_04.jpg" border="0" alt="Tutorial menggabung gambar 2" /></a> 
Langkah 5 
Pilih Gradient tool di toolbox Photoshop. Kemudian di Option bar, pilih warna gradasi hitam putih.
<a href="http://bp1.blogger.com/_kbiIse54Zd0/R9zmdi9FtpI/AAAAAAAAA18/XMuZOfjJnrI/s1600-h/menggabung_gambar_05.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5178267066842855058" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp1.blogger.com/_kbiIse54Zd0/R9zmdi9FtpI/AAAAAAAAA18/XMuZOfjJnrI/s400/menggabung_gambar_05.gif" border="0" alt="Tutorial menggabung gambar 3" /></a> 
Langkah 6 
Klik dan geser pointer gradient tool tadi pada gambar Anda. Jika hasilnya kurang sesuai, ulangi lagi langkah klik dan gesernya. Tidak perlu di-undo dulu, karena langkah pembuatan warna gradasi ini akan langsung menimpa langkah sebelumnya.
<a href="http://bp2.blogger.com/_kbiIse54Zd0/R9zm0y9FtqI/AAAAAAAAA2E/l6h1NosHDnk/s1600-h/menggabung_gambar_06.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5178267466274813602" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp2.blogger.com/_kbiIse54Zd0/R9zm0y9FtqI/AAAAAAAAA2E/l6h1NosHDnk/s400/menggabung_gambar_06.jpg" border="0" alt="Tutorial menggabung gambar 4" /></a> 
Mudah kan. Variasikan juga dengan arah gradasi yang berlawanan. Jika tadi membuat gradasi dari kiri ke kanan, coba sekarang dari kanan ke kiri. Hasilnya adalah bentuk transparan yang berbeda. Kenapa bisa begitu? Coba baca prinsip penggunaan layer mask pada artikel tutorial yang <a title="Membuat seleksi dengan channel" href="http://mbahdewo.com/2007/07/membuat-seleksi-dengan-channel-dan-layer-mask/">ini</a>.
<a href="http://bp3.blogger.com/_kbiIse54Zd0/R9zm1C9FtrI/AAAAAAAAA2M/Twe-NnB0b4Y/s1600-h/menggabung_gambar_07.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5178267470569780914" style="margin: 0pt 10px 10px 0pt; float: right; cursor: pointer;" src="http://bp3.blogger.com/_kbiIse54Zd0/R9zm1C9FtrI/AAAAAAAAA2M/Twe-NnB0b4Y/s400/menggabung_gambar_07.jpg" border="0" alt="Tutorial menggabung gambar 5" /></a>Pada option bar, selain gradasi mode Linear, ada juga bentuk Radial, Angle, Reflected, dan Diamond. Bentuk-bentuk ini bisa digunakan untuk membuat variasi gradasi yang lainnya.
<h3>Tutorial yang terkait</h3><ul class="related_post"><li><a href="http://mbahdewo.com/2008/08/seleksi-dengan-lasso-tools/" title="Seleksi dengan Lasso tools">Seleksi dengan Lasso tools (0)</a></li><li><a href="http://mbahdewo.com/2008/08/cara-pembuatan-shape-dengan-pen-tools/" title="Cara Pembuatan Shape dengan Pen Tools">Cara Pembuatan Shape dengan Pen Tools (4)</a></li><li><a href="http://mbahdewo.com/2008/08/update-tutorial-photoshop-lama/" title="Update tutorial photoshop lama">Update tutorial photoshop lama (4)</a></li><li><a href="http://mbahdewo.com/2008/08/memasukkan-foto-kedalam-teks/" title="Memasukkan foto kedalam teks">Memasukkan foto kedalam teks (30)</a></li><li><a href="http://mbahdewo.com/2008/07/membuat-avatar/" title="Membuat Avatar">Membuat Avatar (20)</a></li></ul>
Sumber: <a href="http://mbahdewo.com" title="MbahDewo dot com">Belajar Tutorial Photoshop</a>

Pencarian Pengunjung

membuat Photo hitam putih menjadi berwarna

Komentar

Anonymous pada tanggal 20 March 2008, pukul 10:40 pm #

keren,,,boss…tambah terus tutor lainnya,,,sederhana,mudah dipelajari,,hasil keren,,,terima kasih,,,by ravi

yume pada tanggal 30 April 2008, pukul 10:29 pm #

makasih ya tutorialnya mas
its so helpful for me as a newbie

tambah terus yaaaa

Sadewo pada tanggal 1 May 2008, pukul 2:53 am #

Buat yume: Terima kasih juga atas komentarnya, InsyaAllah bakal ditambah lagi.

Umar pada tanggal 5 May 2008, pukul 1:43 pm #

Thanx y Mbah..
Artikelnya membantu saya..
Salam kenal

Sadewo pada tanggal 5 May 2008, pukul 2:09 pm #

Buat Umar: Terima kasih kembali. Salam kenal juga.

andre pada tanggal 31 May 2008, pukul 11:59 pm #

wew keren mbah dewo materinya ajari lagi donk…

Sadewo pada tanggal 1 June 2008, pukul 2:16 pm #

Buat andre: Kapan2 saya tambahkan lagi materi yang lain.

tova anwar pada tanggal 12 June 2008, pukul 1:15 pm #

ok ….bangettt mas ….materinya walupun masihh aggkk binggung dikit ….tapi tetap semangat….okkk

Sadewo pada tanggal 12 June 2008, pukul 3:09 pm #

Buat tova anwar: Ya, tetap harus semangat. Pasti nanti juga bisa.

eka juwanda pada tanggal 24 June 2008, pukul 4:27 pm #

thank’s bget mbah dewo, kebetulan saya juga pgen cari referensi tentang photoshop. artikel ini sangat membantu saya sekali mbah.
artikelnya sangat bagus sekali. OK punya deh pokoknya

Sadewo pada tanggal 24 June 2008, pukul 6:07 pm #

Buat eka juwanda: Terima kasih kembali.

ruby. carlos pada tanggal 27 June 2008, pukul 12:11 pm #

salam kenal Mbah Dewo.
Thanks ya atas semuanya, coz aku blm tau apa2 dgn adanya mbah dewo ngajarin tentang photoshop aku jadi bisa.
semoga lebih maju & chayo…

Sadewo pada tanggal 27 June 2008, pukul 2:04 pm #

Buat ruby. carlos: Salam kenal juga. Terima kasih kembali.

asep pada tanggal 15 July 2008, pukul 10:54 pm #

Assalamualikum,Wr Wb.Mbah Dewo . salam kenal dari saya,makasiiihh banget tutorialnya membantu banget.

Sadewo pada tanggal 16 July 2008, pukul 2:31 am #

Buat asep: Wa’alaikumsalam Wr. Wb. Salam kenal juga dan terima kasih atas komentarnya.

rev pada tanggal 22 July 2008, pukul 1:58 pm #

wow, akhrnya yg sya cri2 ktemu jg…!!
thnx..

rev pada tanggal 22 July 2008, pukul 2:58 pm #

wahhh…., kerenn beet.

Sadewo pada tanggal 22 July 2008, pukul 7:38 pm #

Buat rev: Terima kasih kembali.

Yusuf pada tanggal 6 August 2008, pukul 10:41 am #

suwun mbah tipsnya…

Sadewo pada tanggal 6 August 2008, pukul 12:46 pm #

Buat Yusuf: Matur nuwun ugi.

Membuat kartu ucapan | Belajar Tutorial Photoshop pada tanggal 11 August 2008, pukul 8:16 pm #

[…] / gambar apa saja yang sesuai. Gambar ini hanya dibuat dengan menggunakan layer mask, seperti pada Tutorial Photoshop Cara Menggabung Gambar […]

Ukuran undangan pernikahan | Belajar Tutorial Photoshop pada tanggal 15 August 2008, pukul 3:07 pm #

[…] untuk membuat sebuah gambar desain. Anda bisa menerapkan pemahaman Anda tentang pembuatan seleksi, cara menggabung gambar, mengganti warna, dan tutorial photoshop […]

Ukuran undangan pernikahan « Hidup dibikin enjoy aja lagi pada tanggal 19 August 2008, pukul 4:43 pm #

[…] untuk membuat sebuah gambar desain. Anda bisa menerapkan pemahaman Anda tentang pembuatan seleksi, cara menggabung gambar, mengganti warna, dan tutorial photoshop […]

Beri masukan