Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasukkan Gambar Ke Dalam Custom Shape Di Photoshop

Hai sobat, pada tutorial klikphotoshop kali ini kita akan belajar cara menempatkan gambar di dalam bentuk bebas dengan Photoshop. Pertama kita akan menggambar bentuk untuk kemudian kita akan menempatkan sebuah gambar di dalamnya. Ada dua cara untuk melakukan itu, dan keduanya dapat memberikan hasil yang sama, yaitu dengan clipping mask dan vector mask. 

Alasannya, dengan clipping mask kita harus membuat dua lapisan yang terpisah untuk lapisan gambar dan lapisan lain untuk bentuk, sedangkan vector mask, gambar dan bentuk berada pada lapisan yang sama dan memungkinkan kita untuk memindahkan bentuk dan gambar ke latar belakang yang berbeda.

Jadi, saya akan menggunakan cara yang kedua, saya akan memindahkan dan membuat efek ke latar belakang baru, dengan hanya memindahkan satu lapisan saja, bukan dua! Ok sob, simak cara kerjanya. Pada tutorial ini saya akan menggunakan Adobe Photoshop CC2015, dan berikut ini adalah hasil dari tutorial ini:


Cara memasukkan gambar ke dalam shape


Cara Memasukkan Gambar Ke Dalam Custom Shape Di Photoshop


Langkah 1
Seperti biasa buka gambar dengan pergi ke menu File di atas layar, lalu pilih Open atau dengan pintasan keyboard Ctrl+O (Win) / Command+O (Mac). Pada tutorial kali ini, gambar saya unduh dari pixabay:

cara memasukkan gambar ke pola shape di photoshop


Dengan gambar yang terbuka di jendela dokumen, gambar akan muncul sebagai layer background di panel layers. Itu nantinya akan tetap menjadi satu-satunya lapisan dan bahkan setelah kita tempatkan gambar ke dalam bentuk:

vector mask photoshop



Langkah 2
Selanjutnya kita ke kotak alat, di sebelah kiri layar dan pilih Custom Shape Tool

clipping mask photoshop


Kemudian pada panel bentuk, klik panah kecil yang mengarah ke bawah, akan memunculkan banyak pilihan bentuk kustom yang berbeda-beda dan sobat bisa memilih sesuai selera. Tapi di sini saya akan mengklik thumbnail kecil bentuk hati yang saya rasa cocok untuk gambar yang saya gunakan:

cara memasukkan gambar ke dalam gambar



Langkah 3
Setelah kita sudah memilih bentuk yang di inginkan, saya akan mulai menyeret dan menjatuhkan ke gambar saya dan kemudian lepaskan tombol mouse saya, maka photoshop akan langsung menggambar bentuknya dengan warna default hitam:

cara memasukkan gambar ke dalam gambar di photoshop


Setelah itu, saya akan sedikit memindah dan mengubah ukuran bentuk yang sudah kita buat sebelumnya, agar dapat menutupi pilihan gambar yang nanti akan saya tampilkan. Untuk itu kita memerlukan bantuan free Transform, pergi ke edit di atas layar dan kemudian pilih Free Transform dari daftar atau dengan pintasan keyboard Ctrl+T (Win) / Command+T (Mac):

cara memasukkan gambar ke dalam gambar di photoshop


Photoshop akan secara otomatis mengelilingi bentuk dengan kotak kecil pegangan Free Transform, kemudian seret salah satu kotak pegangan untuk mengubah ukuran bentuknya dan pindahkan ke tempat yang sobat inginkan. Jika sudah selesai tekan Enter:

cara memasukkan gambar ke dalam gambar di photoshop


Dan pada panel layers, bentuk akan muncul di atas background dengan nama Shape 1. Dengan bentuk inilah yang nanti akan kita buat vector mask:

cara memasukkan gambar ke dalam gambar di photoshop



Langkah 4
Untuk membuat vector mask atau jalur garis luar di sekitar bentuk, pertama-tama kita beralih ke panel Paths yang dapat kita temukan di sebelah kanan panel channels:

paths shape photoshop


Kemudian kita akan menghapus bentuk dan juga garis besar jalurnya. Jadi, sebelum kita hapus bentuknya, kita perlu membuat salinan baru untuk jalurnya. Dengan cara menglik ikon Create New Path di bawah panl paths:

cara memasukkan gambar ke dalam gambar di photoshop



Langkah 5
Setelah kita telah membuat salinan jalur, beralih kembali ke panel layers untuk menghapus layer shape 1 kita. Klik layer dan seret ke ikon tempat sampah di bagian bawah panel layers:

cara memasukkan gambar ke dalam gambar di photoshop


Dengan begitu jika kita lihat gambar di dokumen, terlihat bentuknya hilang dan garis tetap terlihat di gambar kita:

photoshop pemula



Langkah 6
Kemudian untuk mengubah jalur menjadi vektor, kita pergi ke menu Layer di atas layar dan pilih Vector Mask, dan pilih Current Paths:

cara memasukkan gambar ke dalam gambar di photoshop


Photoshop akan langsung mengaplikasikan gambar kita ke dalam bentuk dengan pola kotak-kotak transparan yang mengelilingi di sekitarnya:

pasangan mesra


Di panel layers, vector mask berada di sebelah kanan thumbnail gambar asli kita dan begitulah photoshop menempatkan gambar di dalam bentuk dengan vector mask:

cara memasukkan gambar ke dalam gambar di photoshop



Langkah 7
Sebelum kita membuat background untuk tahap terakhir, mari kita tambahkan sedikit goresan di sekitar bentuk dengan menggunakan efek lapisan. Untuk itu, klik ikon Add Layer Style atau ikon FX di bagian bawah panel layers:
klik photoshop


Kemudian dengan opsi stroke yang di pilih, kita ke kolom tengah dan klik contoh warna di bagian bawah Fill Type:

cara memasukkan gambar ke dalam gambar di photoshop


Ini akan membuka color picker, lalu pilih warna yang sobat inginkan. Di sini saya akan menggunakan warna abu-abu terang dengan kode #e8e3e3 dan klik Ok jika sudah selesai:

cara memasukkan gambar ke dalam gambar di photoshop


Lalu kita atur untuk ketebalan dengan opsi ukuran sesuai ukuran gambar yang sobat gunakan. Di sini saya akan menggunakan 7 piksel:

cara memasukkan gambar ke dalam gambar di photoshop


Klik Ok untuk menutup kotak dialog layer style, dan inilah gambar saya setelah di terapkan efek Stroke:
cara memasukkan gambar ke dalam gambar di photoshop



Langkah 8
Untuk langkah terakhir ini , kita akan melengkapi gambar bentuk kita dengan menambahkan Background. Klik ikon Adjustment Layer di bagian bawah dari panel layers, kemudian pilih pattern dari daftar yang muncul:

pattern


Ini akan membuka kotak dialog pattern fill, pertama klik segitiga kecil yang mengarah ke bawah dan akan memunculkan banyak pilihan default pattern photoshop. Tetapi di sini, saya akan menambahkan corak background yang terlihat seperti ketas. Untuk melakukan itu, kita klik logo roda gigi yang ada di sebelah kanan dari kotak default pattern:

cara memasukkan gambar ke dalam gambar di photoshop


Lalu saya akan memilih Color Paper dari beberapa pilihan yang muncul, mungkin sobat bisa berbeda dengan saya, tergantung selera sobat semua:

cara memasukkan gambar ke dalam gambar di photoshop


Kemudian setelah kita memilih, photoshop akan bertanya apakah kita akan mengganti pola baru atau hanya menambahkan yang baru ke daftar. Saya akan memilih menambahkannya saja, jadi saya klik Append:

cara memasukkan gambar ke dalam gambar di photoshop


Dengan begitu, photoshop akan lansung menambahkannya dengan banyak pilihan model color paper yang kita pilih sebelumnya, cukup kita klik tumbnail kecil tersebut:

cara memasukkan gambar ke dalam gambar di photoshop


Dan, inilah bentuk pola pattern yang saya pilih dan sementara pola menutupi gambar saya di jendela dokumen:

pattern background


Sampai di sini, kita hanya cukup memindahkan lapisan pattern fill 1 kita  kebawah lapisan 0 di palet layers, dengan layer pattern yang di pilih tahan mouse dan seret ke bawah layer 0:

cara memasukkan gambar ke dalam gambar di photoshop


Dan inilah hasil akhir dari cara memasukkan gambar dengan vector mask saya:

cara memasukkan gambar ke dalam gambar di photoshop


Ok sobat, demikian tutorial kali ini tentang cara memasukkan gambar ke dalam custom shape di photoshop. Terimakasih telah berkunjung, semoga bermanfaat dan sampai bertemu lagi pada tutorial klikphotoshop yang lainnya. Terimakasih.