Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Efek 3D Pop Up Di Photoshop

Hai sobat, pada tutorial klikphotoshop kali ini, kita akan belajar cara membuat Efek 3D Pop Up di Photoshop CS6. Efek Pop Up ini sangat menyenangkan, di mana subyek utama dari foto kita tampak berdiri dan muncul keluar dari gambar yang rata. Untuk menambah lebih banyak tampilan 3D ke dalamnya kita akan sedikit menggulung pada bagian tepi dari foto menggunakan alat perintah Photoshop  yaitu, Warp. Dengan sedikit menambah bayangan custom di bawahnya. Dan ini hasil dari tutorial ini, Ok sobat mari kita simak langkah demi langkah cara membuatnya.

klikphotoshop

Cara Membuat Efek 3D Pop Up Di photoshop

Langkah 1
Buka gambar File->Open dengan shortcut Ctrl+O untuk mengambil gambar yang sudah kita persiapkan sebelumnya, dan gambar di Tutorial ini saya unduh dari Pixabay:

Cara Membuat Efek 3D Pop Up Di photoshop


Setelah kita sudah mempunyai foto yang ingin di edit, kita pergi ke Panel Layers untuk membuat salinan layer baru, dengan cara kita tarik kebawah di dalam panel layers yaitu Create New Image atau tekan Ctrl+J (window) atau Command+J (mac). Jika sudah mendapatkan salinan layer kita akan namai sesuai keinginan sobat, disini saya menyalin menjadi dua layer baru dan masing-masing akan saya namai dengan nama "Datar"  untuk layer copy tengah dan "Pop Up" untuk salinan paling atas:

klikphotoshop



Langkah 2

Kita akan matikan Visibilitas atau Ikon Mata di samping kiri layer salinan:

Cara Membuat Efek 3D Pop Up Di photoshop


Kemudian kita pilih Background klik ikon Adjustment Layer pada menu di bawah Panel layers:

Cara Membuat Efek 3D Pop Up Di photoshop


Kemudian Kita pilih Gradient:

klikphotoshop


Lalu klik pada Gradient:

Cara Membuat Efek 3D Pop Up Di photoshop


Dan di penghentian Hitam akan kita ubah warnanya menjadi Abu-Abu:

Cara Membuat Efek 3D Pop Up Di photoshop


Ini hanya Opsi semua terserah sobat mau pakai warna apa:

Cara Membuat Efek 3D Pop Up Di photoshop


Dan ini Background yang saya harapkan:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 3

Kita hidupkan Layer Datar:

Cara Membuat Efek 3D Pop Up Di photoshop


Dan gambar asli akan menutupi Gradient Fill:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 4

Lalu kita ke Tool Box untuk memilih Retangular Marquee Tool:

Cara Membuat Efek 3D Pop Up Di photoshop


Kita akan seret Rectangular Marquee Tool klik dan seret keluar persegi panjang pada sekitar gambar kita:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 5

Kita akan memberikan Prespektif 3D pada garis yang sudah kita seleksi dengan
Rectangular tadi. Dengan cara, Klik di dalam seleksi kemudian pilih Transform Selection:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 6
Setelah sudah memilih Transform Selection, maka akan muncul kotak kotak kecil di garis seleksi. Dan, disini kita akan merubah perintah Transform Selection ke Mode Prespektif. Dengan cara klik Kanan (win) atau klik Control (mac) di mana saja dalam area seleksi:

klikphotoshop



Langkah 7

Sekarang kita dalam Mode Prespektif klik pada sudut kiri atas dan kanan dengan
menekan Shift, lalu seret mouse maka pegangan yang berlawanan akan bergerak bersamaan ke arah kanan dan kiri:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 8

Kemudian kita akan tambahkan Layer Mask, klik Ikon menu di bawah Panel Layers:

Cara Membuat Efek 3D Pop Up Di photoshop


Setelah klik akan muncul area Hitam yang mewakili bagian layer yang di sembunyikan dari tampilan dokumen sedangkan area Putih mewakili yang terlihat di dalam dokumen:

Cara Membuat Efek 3D Pop Up Di photoshop


Nah, ini bentuk setelah kita Masking:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 9

Setelah itu kita akan menambahkan Stroke pada Layer Datar, dengan cara klik menu Ikon FX di bawah Panel layers:

Cara Membuat Efek 3D Pop Up Di photoshop


Lalu pilih Stroke:

Cara Membuat Efek 3D Pop Up Di photoshop


Dan, atur pada dialog Layers Style. Kemudian ubah position menjadi Inside lalu Sizenya menjadi  18 pixel dan Warna kita ganti menjadi Putih:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 10

Kemudian pilih Layer Pop Up untuk menyeleksi memisahkan dari Background,
terserah sobat untuk menyeleksi dengan alat pilihan seleksi seperti Quick Selection tool,
Lasso Tool, Pentool dll. dan saya menyeleksi dengan Quick Selection tool:

klikphotoshop


Setelah terseleksi, kita Panel Layers dan pilih menu di bawah layer Add Layer Mask lalu klik:

Cara Membuat Efek 3D Pop Up Di photoshop


Dan ini hasilnya setelah kita klik masking pada layer Pop Up sudah terseleksi:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 11

kita ke Panel Layers, klik pada area hitam Layer Datar:

Cara Membuat Efek 3D Pop Up Di photoshop


Kemudian buat layer baru, klik menu di bawah layer kemudian kita beri nama bayangan. setelah itu klik kanan di dalam area seleksi lalu pilih fiil color dan ubah menjadi black:

Cara Membuat Efek 3D Pop Up Di photoshop


Kemudian Layer baru akan kita ganti warnanya menjadi hitam, caranya pergi ke Menu Bar pilih edit kemudian klik Fill:

Cara Membuat Efek 3D Pop Up Di photoshop


Selanjutnya kita isi kotak di dialog dengan Black lalu Ok:

Cara Membuat Efek 3D Pop Up Di photoshop


Nah sekarang kita sudah mempunyai Background seperti yang terlihat di layer:

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 12

Kemudian kita pindah ke Layer Datar, buka link layernya kemudian klik area Hitam masking:

klikphotoshop


Dan akan muncul lagi seleksi kita, lalu klik kanan pada area seleksi kemudian pilih Free transform:

Cara Membuat Efek 3D Pop Up Di photoshop


Masih di dalam seleksi klik kanan lalu pilih Warp:

Cara Membuat Efek 3D Pop Up Di photoshop


Kemudian kita atur warp, dengan cara seret masing- masing ke atas sesuai keinginan, sampai bayangan hitam muncul. jika sudah tekan Enter (win) atau Return (mac):

Cara Membuat Efek 3D Pop Up Di photoshop



Langkah 13

Kita ke layer bayangan, kita rapikan bayangan hitam yang belum teratur ini agar terlihat menyatu seperti sebenarnya. Klik ALT pada layer bayangan, lalu klik kanan pada area seleksi kemudian pilih perintah Free Transform dan atur sampai bayangan terlihat seperti sebenarnya. Setelah selesai tekan Enter (win) atau Return (mac) dan turunkan Opacitynya sesuai keinginan sobat:

Free Transform


Setelah itu kita ke Filter pada menu Bar, kemudian pilih Blur Lalu klik Gaussian Blur:

Blur Photoshop


Dan atur radis Radiusnya menurut keinginan Sobat, di sini saya naikkan menjadi 13 pixels:

Photoshop Pop Up


Kemudian atur Opacitynya, di sini turunkan menjadi 55%:

Pop Up



Langkah 14

Di bagian akhir ini saya hanya ingin mengganti Background Gradient Fill:

Layer Pop Up


Cukup klik pada bilah Pratinjau Gradient:

Gradient


Saya akan memindahkan kursor ke gambar saya sendiri untuk sampel, cukup klik pada warna yang sobat inginkan:

Gradient Photoshop


Nah setelah kita sudah memilih warna yang kita suka, maka tekan Ok. Dan, inilah hasil akhir dari tutorial kita sob:

klikphotoshop


Ok sobat, demikianlah tutorial kali ini tentang cara membuat efek 3D pop up di photoshop. Terimakasih telah berkunjung, semoga bermanfaat dan sampai bertemu lagi pada tutorial klikphotoshop yang lainnya. Terimakasih.