Tuesday, July 24, 2012

01. Displacement in Adobe Photoshop

Displace atau Displacement adalah teknik wrapping suatu gambar/objek mengikuti kontur dari suatu gambar lain yang memiliki kontur.

Misalkan kita akan menempelkan sebuah logo atau tulisan di atas gambar sebuah kaos yang kusut, maka logo tersebut harus bisa mengikuti kontur dari kain yang kusut tersebut.



Berikut tutorialnya.

Download tutorial source files disini.

Note: this tutorial uses Adobe Photoshop CS4.


01. Buka Photoshop lalu Open (Ctrl+O) file kaos.jpg






02. Di panel Channels layer kaos, pilih salah satu channel yang paling kontras (dalam hal ini channel Blue).
Klik kanan channel Blue lalu pilih Duplicate Channel...




03. Di jendela Duplicate Channel di bagian Destination ubah Document menjadi New. Ini untuk menduplikasi channel ke lembar kerja baru. Beri juga nama di kolom Name.
Lembar kerja baru ini untuk membuat file displacement map dari image kaos.




04. Beri kontras pada gambar dengan memberi adjustment Levels.
Image > Adjustments > Levels (Ctrl+L)




05. Beri juga sedikit blur agar tidak terlalu tajam.
Filter>Blur>Gaussian Blur...




06. Simpan dengan format PSD, karena displacement map di Photoshop hanya bisa file berbentuk PSD.
Beri nama lalu klik Save (disini diberi nama displacement.psd) . Simpan di hard drive dan anda harus ingat dimana itu di simpan!




07. Open file CF_logo.png, pilih Select All (Ctrl+A) lalu pilih Edit Copy (Ctrl+C).
Kembali lagi ke lembar kerja kaos.jpg lalu Edit Paste (Ctrl+V).






08. Atur penempatan serta ukuran logo di atas kaos dengan Edit > Free Transform (Ctrl+T)




09. Masih dalam keadaan layer logo terpilih, beri Filter > Distort > Displace...




10. Di jendela Displace atur Horizontal Scale dan Vertical Scale. Klik OK.




11. Jendela baru akan terbuka dan meminta displacement map yang telah tadi kita simpan (displacement.psd). Pilih file displacement.psd lalu Open.




12. Maka logo akan mengikuti kontur dari kaos.
Terakhir ubah blending mode untuk layer logo menjadi Multiply agar bayangan gelap dari kaos muncul.






13. Dan inilah hasil akhirnya.




Anda bisa meng-eksplore lagi efek Displacement.
Berikut contoh-contoh lainnya:








Hope you enjoy and stay creative, stay neat!! Semoga bermanfaat.

Facebook Notes Tutorial

1 comment: