Skip to main content

Menggabungkan Gambar Vektor dan Pixel di Photoshop

Menggabungkan Gambar Vektor dan Pixel di Photoshop


Kali ini saya ingin membuat gabungan antara gambar vektor dan pixel.

Preview

Seperti ini hasil yang akan kita peroleh.


Langkah 1

Konsep ini sedang hit saat ini. Salah satu yang mempopulerkan adalah Spotify. Di Spotify, Anda akan menemukan banyak gambar semacam ini. Ternyata, caranya mudah. Pertama, kita butuh model orang. Ini saya peroleh dari unsplash.


Langkah 2

Model ini perlu kita pisahkan terlebih dahulu dari latarnya. Cara paling mudah dimulai dengan Tool Object Selection.


Langkah 3

Cara penggunaan tool ini gampang. Cukup klik dan geser objek yang ingin dipilih.


Langkah 4

Objek langsung terpilih secara otomatis. Namun, biasanya pasti ada saja yang salah. Di gambar ini, perhatikan bahwa ada bagian tangannya yang tidak terpilih. Begitu juga dengan skateboard. Hanya sedikit saja yang terpilih.


Langkah 5

Jadi, Tool Object Selection ini biasanya tidak cukup sekali. Harus diikuti dengan perbaikan seleksi secara manual. Tapi, ini tetap lebih praktis daripada memulai dari awal. Dengan Tool Quick Selection, klik area yang tidak terpilih untuk menambahkannya ke dalam seleksi. Untuk hasil sebaliknya, mengeluarkan dari seleksi, klik sambil menahan Alt. Menambah atau mengurangi ke seleksi ditandai dengan tambahan plus atau minus kecil di dalam brush tool.



Langkah 6

Terus perbaiki kecacatan seleksi hingga hasilnya cukup memuaskan. Jika sudah puas, duplikasi isi seleksi ke layer baru dengan menekan Ctrl+ J. Tanpa latar, inilah yang kita peroleh. 


Langkah 7

Latarnya kita buat polos saja. Aktifkan layer Background lalu klik ikon Add adjustment layer dan pilih Solid Color.

Langkah 8

Kita akan menambahkan latar berupa warna. Nah, mau warna apa? Pilih dari kotak dialog yang muncul. Di sini, saya memilih biru terang mendekati putih.


Langkah 9

Aktifkan Tool Pen lalu pilih mode Path.


Langkah 10

Kosongkan warna Fill lalu gunakan Stroke tebal. Kita akan membuat garis.


Langkah 11

Klik dan geser, klik dan geser, klik dan geser, dan begitu seterusnya sampai diperoleh kurva yang menarik.

Langkah 12

Sudah jadi kan kurva tertutup tadi?  Kini tambahkan mask.



Langkah 13

Lukis hitam area yang bertabrakan dengan model. Ini akan menghilangkan segmen garis tersebut dan memberi kesan seolah-olah garis ada di belakang si model.


Langkah 14

Masih ada lagi yang bertabrakan? Lakukan juga hal yang sama.


Langkah 15

Tapi, jangan semua yang tabrakan disembunyikan. Nanti jadinya si model seolah di depan garis dan tak ada interaksi di antara mereka. Sebagian kita biarkan. Tapi .... Buat layer baru di antara keduanya dan lukis bayangan garis di tubuh model.


Langkah 16

Agar terlihat realistis, jangan terlalu bayangannya. Ini bisa disiasati dengan mengurangi Opacity layer.


Langkah 17

Tidak cukup kalau cuma satu bentuk vektor yang ditambahkan. Buat lagi bentuk kali ini segi enam.


Langkah 18

Klik dan geser titik di shape itu untuk mengubah bentuknya agar lebih menarik.


Langkah 19

Mungkin saja ada peringatan seperti ini. Ini menunjukkan niat baik Photoshop dengan memperingatkan bahwa shape poligon ini akan berubah jadi bentuk biasa. Kita baik-baik saja, jadi ini bisa diabaikan. Klik saja Yes.


Langkah 20

Ini bentuk yang dihasilkan. Warnanya kuning terang.


Langkah 21

Warna saat ini terlalu membosankan. Jadi klik ganda layer shape tersebut untuk menampilkan kotak dialog Layer Style. Tambahkan Gradient Overlay. Untuk warnanya pilih gradasi dari hitam ke putih. Gunakan blend mode Multiply atau Overlay.


Langkah 22

Aktifkan layer model lalu duplikasi. Simpan layer model duplikasi ini di antara model asli dan bentuk vektor tadi.


Langkah 23

Sekarang geser sedikit. Yes, kita punya kembarannya. Double Tony Hawks. Kita sebut saja dia Mr. Tony Hawk.


Langkah 24

Tony Hawk yang di belakang ini kita jadikan sebagai bayangan Tony Hawk asli. Pertama, kita isi dengan hitam. Caranya dengan membuat warna depan hitam (D) diikuti dengan mengisi pixel dengan warna depan Shift + Alt + Delete.


Langkah 25

Tentu saja, bayangan tidak akan setajam itu. Haluskan dengan Gaussian Blur dari menu Filter > Blur.


Langkah 26

Mantap, Mr. Tony Hawk! Eh, bayangannya kurang bagus ya. Kita perbaiki saja.

Langkah 27

Pastikan layer bayangan ini tepat di atas layer bentuk vektor. Tekan Ctrl+ Alt + G untuk menjadikannya Clipping Mask.


Langkah 28

Bayangan akan masuk ke dalam bentuk vektor tadi. OkayMr. Tony Hawk. Bagus sekali.


Langkah 29

Sedikit modifikasi lagi. Kita kurangi intensitas bayangan dengan mengurangi Opacity layer.


Langkah 30

Sebagai tambahan, beri beberapa bentuk vektor berupa lingkaran dan garis dengan warna mencolok. Simpan di latar dengan posisi acak.


Hasil Akhir

Kita akhirnya selesai. Semoga Anda menyukainya dan bisa buka puasa dengan tenang. Jangan kena Covid-19 ya.


Reff : DesainDigital.com

Comments