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 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:
Langkah 2Selanjutnya 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:
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:
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:
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):
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:
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:
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:
Sekarang terlihat bentuk kustom di dalam jendela dokumen, terlihat bentuknya hilang dan hanya menyisakan garis tepi di atas gambar:
Langkah 6Selanjutnya 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:
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:
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:
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:
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:
Jika kita lihat pada pola bentuk kita di dalam kanvas, sekarang telah di kelilingi stroke yang telah kita tambahkan sebelumnya:
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:
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:
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:
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:
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