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.

masukkan gambar ke custom shape photoshop

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 Custom Shape di Photoshop

Langkah 1
Hal pertama yang kita lakukan adalah membuka gambar yang ingin kita gunakan. Untuk itu, kita pergi ke menu File di atas layar, pilih Open atau dengan pintasan keyboard Ctrl+O (Win) / Command+O (Mac). Pada tutorial kali ini, saya akan menggunakan gambar yang saya unduh dari pixabay:

memasukkan gambar ke bentuk custom

Langkah 2
Selanjutnya kita akan menambahkan bentuk pola apa saja yang kita inginkan. Untuk mendapatkan itu, kita pergi ke kotak alat di sebelah kiri jendela dokumen dan pilih Custom Shape Tool

cara memasukkan gambar di photoshop

Kemudian pada opsi shape di atas, klik panah kecil yang mengarah ke bawah. Photoshop telah menyediakan banyak pilihan bentuk kustom yang berbeda-beda dan sobat bisa memilih sesuai selera. Disini saya akan memilih dan mengklik thumbnail bentuk hati:

memasukkan gambar ke pola bentuk kustom

Langkah 3
Setelah kita telah memilih bentuk yang di inginkan, sekarang tempatkan di mana saja di dalam kanvas dengan menyeret mouse di gambar, dan lepaskan tombol mouse jika sudah selesai. Dengan begitu photoshop akan langsung menempatkan bentuk kustom hati tadi atas gambar:

cara membuat bentuk kustom di photoshop

Kemudian atur dan tempatkan bentuk hati sesuai keinginan. Untuk dapat melakukan itu, kita memerlukan bantuan perintah free Transform photoshop. Kita pergi ke menu edit di atas layar, pilih Free Transform dari daftar yang di tampilkan, atau dengan pintasan keyboard Ctrl+T (Win) / Command+T (Mac):

cara membuat bentuk kustom photoshop

Klik dan seret pada mouse, pada bagian kotak kecil pegangan free transform yang muncul mengelilingi bentuk hati. Kemudian atur dan sesuaikan posisinya sesuai keinginan sobat, lalu tekan Enter jika sudah selesai. Secara otomatis lapisan bentuk kustom ini akan muncul di atas lapisan background di dalam panel layers, dan kita akan bermain-main dengan layer ini sesaat lagi:

cara memasukkan gambar ke bentuk kustom

Langkah 4
Nah, kita panel Paths di sebelah kanan panel channels untuk menghapus bentuk dan garis besar jalurnya. Jadi, sebelum kita hapus bentuknya, kita perlu membuat salinan baru untuk jalurnya, klik dan seret lapisan shape 1 shape path ke ikon Create New Path di bagian bawah panel paths:

memasukkan gambar ke pola bebas photoshop

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

cara memasukkan gambar ke pola bebas photoshop

Sekarang terlihat bentuk kustom di dalam jendela dokumen, terlihat bentuknya hilang dan hanya menyisakan garis tepi di atas gambar:

cara membuat pola bebas di photoshop

Langkah 6
Selanjutnya kita ubah bentuk kustom menjadi jalur vektor. Untuk melakukan itu, kita pergi ke menu Layer di atas layar, pilih Vector Mask, dan pilih Current Paths:

buat pola kustom shape photoshop

Dengan begitu, secara otomatis photoshop akan langsung menerapkan gambar kita masuk ke dalam bentuk kustom hati yang kita pilih, dengan tampilan pola kotak-kotak transparan yang mengelilingi sekitar bentuk:

cara membuat pola kustom di photoshop

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

cara membuat jalur shape photoshop

Langkah 7
Sebelum kita membuat background untuk tahap terakhir, mari kita tambahkan sedikit goresan di sekitar bentuk dengan efek lapisan. Untuk dapat melakukan itu, kita klik ikon Add Layer Style atau ikon FX di bagian bawah panel layers dan pilih Stroke dari daftar:

cara memasukkan gambar ke bentuk bebas di photoshop

Ini akan membuka kotak dialog layer style photoshop. Selanjutnya kita ke kolom bagian tengah, lalu atur ukuran posisi sesuai keinginan. Selanjutnya atur warnanya, klik bagian contoh warna di bagian bawah dari kotak dialog. Kemudian saat kotak dialog color picker terbuka, pilih sesuai selera sobat. Klik Ok jika sudah selesai:

cara membuat bentuk kustom photoshop

Jika kita lihat pada pola bentuk kita di dalam kanvas, sekarang telah di kelilingi stroke yang telah kita tambahkan sebelumnya:

pola kustom photoshop

Langkah 8
Untuk langkah terakhir tambahkan lapisan background. Disini saya akan klik ikon Adjustment Layer di bagian bawah dari panel layers, dan memilih pattern dari daftar yang muncul:

custom shape photoshop

Kemudian pada kotak dialog pattern fill pilih opsi apa saja yang tersedia. Klik segitiga kecil yang mengarah ke bawah untuk memunculkan banyak pilihan default pattern photoshop. Disini 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 bentuk kustom photoshop

Jika kita melihat di jendela dokumen, background sementara menutupi gambar kita. Untuk itu, pilih dan klik tahan mouse pada lapisan background, lalu seret kebawah lapisan gambar kita:

cara membuat pola custom photoshop

Nah, dengan kita menambahkan background ke bawah bentuk pola hati, maka kita telah berhasil membuat gambar masuk ke dalam bentuk kustom di photoshop. Inilah hasil akhir dari tutorial kali ini:

cara memasukkan gambar custom shape 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. 

Untuk referensi gambar atau foto gratis keren untuk kebutuhan website sobat, silahkan kunjungi saya di pixabay.com . Terimakasih