Background dengan Teknik Masking Pada Photoshop

Dukung smartuts.com dengan berbagi bersama teman melalui tombol retweet dan facebook share di sebelah kiri artikel ini. Masking telah menjadi teknik yang wajib dikuasai bagi anda pencinta manipulasi foto. Beragam karya dibuat menggunakan teknik ini. Masing-masing orangpun punya cara yang berbeda-beda. Melakukan teknik masking sebenarnya tidak begitu sulit, meskipun begitu, teknik masking yang bagus juga tidak bisa dibilang mudah. Misalnya saja melakukan teknik masking pada objek-objek dengan detail yang rumit seperti gelas atau rambut dengan hasil yang rapi dan halus. Dalam tutorial kali ini saya ingin berbagi cara melakukan teknik masking menggunakan Photoshop. Meskipun tidak bisa dikatakan sempurna, tutorial ini setidaknya memberikan gambaran kepada Anda tentang teknik masking yang banyak digunakan. Setelah memahami tutorial ini, diharapkan kita bisa mengembangkan teknik masking dengan menggunakan objek-objek yang lebih sulit . Agar lebih jelas, Anda juga bisa men download Video Tutorial dan File Photoshop yang saya sertakan. Tampilan sebelum dan sesudah Proses Masking

Selamat mencoba, semoga bermanfaat..

1. Buka foto atau Gambar yang ingin Anda edit. Pada tutorial ini saya menggunakan Male Stock
4 dari katanaz yang bisa anda unduh DISINI

2. Double Click layer Background, ubah nama layernya lalu Klik OK

dan “Selection” tercontreng ( hehe. Click “Color Range” 5.apa ya namanya ) . Buat layer mask dengan menekan “Add Vector Mask” 4.3. Pastikan opsi “Localized Color Cluster” .. “Invert” .

6. Click OK . Gunakan “Add to Sample”untuk menyempurnakan hasil masking anda.

7. Tekan “Alt + Mouse Click” pada layer mask untuk mengubah menjadi tampilan masking/hitam putih .

8. Gunakan “Dodge tool” dengan setting “Highlights” untuk mengisi bagian yang kurang jelas .

Tambahkan Background berwarna hitam menggunakan “Rectangle Tool”. . Jangan lupa untuk menaruhnya dibawah layer image. Hasil sementara akan terlihat seperti ini 10.9.

Belum rapi dan masih meninggalkan warna putih di bagian tepi. . Untuk itu kita akan mencoba merapikannya. Hasil sementara menggunakan Background hitam 12.11. Bisa dilihat bahwa hasilnya belum sempurna.

13. Sapukan bagian tepi layer mask menggunakan “Blur Tool”. bukan imagenya. Perlu diingat bahwa yang diblur adalah bagian tepi Layer Mask . .

Hasil akhirnya akan terlihat seperti ini : . Lakukan proses yang sama pada langkah 13 menggunakan “Burn Tool” dengan setting “Range : Shadows” 15.14.

Uji hasil akhir Masking anda dengan mengunakan warna latar/background yang berbedabeda. .16.

Desain sebuah Button sebaiknya mampu menghadirkan daya tarik untuk meng-klik-nya. Bukan seperti nyamuk yang minta ditabok. .Button atau tombol adalah salah satu element interface yang sangat penting. tapi laksana indahnya pipi pacar anda yang membuat anda ingin mencubit atau mengelusnya .

lalu set radiusnya menjadi 3 px . setting konfigurasinya seperti gambar dibawah ini. semoga bermanfaat. Buat file baru di Photoshop : File > New atau tekan tombol Ctrl+N .Kali ini saya ingin berbagi tutorial membuat button yang simple namun tetap mempertimbangkan unsur estetika. Jenis button dalam tutorial ini sangat umum dan banyak digunakan pada websitewebsite ternama. Hasil akhir dari tutorial ini adalah seperti gambar dibawah ini : Selamat mencoba. Semoga . Aktifkan Rounded Rectangel tool : tekan tombol U. 1. Tutorial ini saya buat sedetail mungkin sehingga bagi anda yang kurang familiar dengan Photoshop masih bisa mengikutinya.. 2.

Grids.3. Buat sebuah persegi panjang seperti gambar di bawah Tutorial 4 – 9 akan menjelaskan tentang penggunaan Grid dengan tujuan agar pengerjaan desain lebih rapi dan presisi. PENTING! 4. Penggunaan Grid akan meminimalisir kebocoran pixel pada desain anda. & Slices .setting Grids melalui : edit > preferences > Guides.

.5.Set nilainya seperti gambar di bawah 6.Area kerja anda akan terlihat seperti gambar dibawah.Aktifkan Grid dengan menekan Ctrl + ‘ atau dengan mengikuti gambar di bawah 7.

.Zoom In Area Kerja anda dengan menekan Ctrl & + atau mouse scroll sambil menekan tombol Alt. . Kebocoran Pixel dapat kita ketahui dengan adanya garis abu-abu pada tepi shape berwarna hitam.Setelah dirapikan.8. hasilnya akan terligat seperti gambar dibawah 10. Aktifkan Gradient Overlay lalu setting layer style seperti gambar dibawah.Double Clik Layer. garis tersebut dapat kita hilangkan dengan menggeser tepi shape sesuai dengan Grid pada area kerja menggunakan transform tool ( Ctrl + t ) 9.

.

11. ..Aktifkan Gradient Stroke lalu setting layer style seperti gambar dibawah.

.12.. 13.Buat Layer baru berupa teks ( dengan menekan tombol T pada keyboard ) lalu beri tulisan seperti yang anda inginkan .Aktifkan Inner Shadow lalu setting layer style seperti gambar dibawah. 14.Hasil Sementara akan terlihat seperti gambar dibawah.

15. lalu setting layer style eperti gambar di bawah .Double Click pada layer. aktifkan Inner Shadow.

lalu setting layer style eperti gambar di bawah .Aktifkan Drop Shadow.16.

Garis pertama diberi warna #500000 dan garis kedua diberi warna #EF0000 18.17. Buat 2 garis vertikal berukuran 1 pixel.Aktifkan Grid ( Ctrl + ‘ ).Hasil Sementara akan terlihat seperti gambar di bawah ini .

aktifkan Inner Shadow dan set layer style-nya seperti gambar di bawah .Aktifkan Polygon Tool. set sides=nya menjadi 3 20.19.Buat segitiga berwarna #500000 dengan ujung runcing mengarah ke kanan 21.Double Click Layer.

.

Buat Hue/Saturation adjustment Layer pada layer paling atas dan geser slider Hue untuk mendapatkan warna lain yang anda inginkan .Aktifkan Panel Adjustment 24.22.Aktifkan Drop Shadow dan set layer style-nya seperti gambar di bawah 23.

anda akan mendapatkan hasil warna seperti gambar di bawah ini .25.Dari Hasil langkah 24.

26. . anda juga dapat mendownload file hasil akhirnya berbentuk PSD dengan menekan button di bawah ini. nonaktifkan layer background. Klik Save Selamat anda telah berhasil membuat sebuah button sederhana .Untuk mendapatkan hasil akhir yang optimal.Simpan dengan konfigurasi seperti gambar di bawah ini. dan simpan button dengan Save for Web & Devices 27.

Sign up to vote on this title
UsefulNot useful