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
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:
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:
Langkah 2Selanjutnya kita ke kotak alat, di sebelah kiri layar dan pilih Custom Shape Tool:
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:
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:
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):
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:
Dan pada panel layers, bentuk akan muncul di atas background dengan nama Shape 1. Dengan bentuk inilah yang nanti akan kita buat
vector mask:
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:
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:
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:
Dengan begitu jika kita lihat gambar di dokumen, terlihat bentuknya hilang dan garis tetap terlihat di gambar kita:
Langkah 6Kemudian untuk mengubah jalur menjadi vektor, kita pergi ke menu Layer di atas layar dan pilih Vector Mask, dan pilih Current Paths:
Photoshop akan langsung mengaplikasikan gambar kita ke dalam bentuk dengan pola kotak-kotak transparan yang mengelilingi di sekitarnya:
Di panel layers, vector mask berada di sebelah kanan thumbnail gambar asli kita dan 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 menggunakan efek lapisan. Untuk itu, klik ikon Add Layer Style atau ikon FX di bagian bawah panel layers:
Kemudian dengan opsi stroke yang di pilih, kita ke kolom tengah dan klik contoh warna di bagian bawah
Fill Type:
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:
Lalu kita atur untuk ketebalan dengan opsi ukuran sesuai ukuran gambar yang sobat gunakan. Di sini saya akan menggunakan 7 piksel:
Klik
Ok untuk menutup kotak dialog layer style, dan inilah gambar saya setelah di terapkan efek Stroke:
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:
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:
Lalu saya akan memilih
Color Paper dari beberapa pilihan yang muncul, mungkin sobat bisa berbeda dengan saya, tergantung selera sobat semua:
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:
Dengan begitu, photoshop akan lansung menambahkannya dengan banyak pilihan model color paper yang kita pilih sebelumnya, cukup kita klik tumbnail kecil tersebut:
Dan, inilah bentuk pola pattern yang saya pilih dan sementara pola menutupi gambar saya di jendela dokumen:
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:
Dan inilah hasil akhir dari cara memasukkan gambar dengan vector mask saya:
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.