background dengan teknik masking pada photoshop

31
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

Upload: didi-darmadi

Post on 25-Jul-2015

113 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Background Dengan Teknik Masking Pada Photoshop

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

Page 2: Background Dengan Teknik Masking Pada Photoshop

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

Page 3: Background Dengan Teknik Masking Pada Photoshop

3. Buat layer mask dengan menekan “Add Vector Mask”

4. Click “Color Range”

5. Pastikan opsi “Localized Color Cluster” ; “Invert” ; dan “Selection” tercontreng ( hehe..apa ya namanya )

Page 4: Background Dengan Teknik Masking Pada Photoshop

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

Page 5: Background Dengan Teknik Masking Pada Photoshop

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

Page 6: Background Dengan Teknik Masking Pada Photoshop

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

Page 8: Background Dengan Teknik Masking Pada Photoshop

10. Tambahkan Background berwarna hitam menggunakan “Rectangle Tool”. Jangan lupa untuk menaruhnya dibawah layer image.

11. Hasil sementara menggunakan Background hitam

Page 9: Background Dengan Teknik Masking Pada Photoshop

12. Bisa dilihat bahwa hasilnya belum sempurna. Belum rapi dan masih meninggalkan warna putih di bagian tepi. Untuk itu kita akan mencoba merapikannya.

Page 10: Background Dengan Teknik Masking Pada Photoshop

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

Page 11: Background Dengan Teknik Masking Pada Photoshop

14. Lakukan proses yang sama pada langkah 13 menggunakan “Burn Tool” dengan setting “Range : Shadows”

15. Hasil akhirnya akan terlihat seperti ini :

Page 12: Background Dengan Teknik Masking Pada Photoshop

16. Uji hasil akhir Masking anda dengan mengunakan warna latar/background yang berbeda-beda.

Page 13: Background Dengan Teknik Masking Pada Photoshop

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

Page 14: Background Dengan Teknik Masking Pada Photoshop

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 website-website ternama. Tutorial ini saya buat sedetail mungkin sehingga bagi anda yang kurang familiar dengan Photoshop masih bisa mengikutinya. Semoga . Hasil akhir dari tutorial ini adalah seperti gambar dibawah ini :

Selamat mencoba, semoga bermanfaat..

1. Buat file baru di Photoshop : File > New atau tekan tombol Ctrl+N , setting konfigurasinya seperti gambar dibawah ini.

2. Aktifkan Rounded Rectangel tool : tekan tombol U, lalu set radiusnya menjadi 3 px

Page 15: Background Dengan Teknik Masking Pada Photoshop

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. Penggunaan Grid akan meminimalisir kebocoran pixel pada desain anda. PENTING!

4.setting Grids melalui : edit > preferences > Guides, Grids, & Slices

Page 16: Background Dengan Teknik Masking Pada Photoshop

5.Set nilainya seperti gambar di bawah

6.Aktifkan Grid dengan menekan Ctrl + ‘ atau dengan mengikuti gambar di bawah

7.Area kerja anda akan terlihat seperti gambar dibawah.

Page 17: Background Dengan Teknik Masking Pada Photoshop

8.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. garis tersebut dapat kita hilangkan dengan menggeser tepi shape sesuai dengan Grid pada area kerja menggunakan transform tool ( Ctrl + t )

9.Setelah dirapikan, hasilnya akan terligat seperti gambar dibawah

10.Double Clik Layer, Aktifkan Gradient Overlay lalu setting layer style seperti gambar dibawah..

Page 19: Background Dengan Teknik Masking Pada Photoshop

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

Page 20: Background Dengan Teknik Masking Pada Photoshop

12.Aktifkan Inner Shadow lalu setting layer style seperti gambar dibawah..

13.Hasil Sementara akan terlihat seperti gambar dibawah..

14.Buat Layer baru berupa teks ( dengan menekan tombol T pada keyboard ) lalu beri tulisan seperti yang anda inginkan

Page 21: Background Dengan Teknik Masking Pada Photoshop

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

Page 22: Background Dengan Teknik Masking Pada Photoshop

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

Page 23: Background Dengan Teknik Masking Pada Photoshop

17.Aktifkan Grid ( Ctrl + ‘ ), Buat 2 garis vertikal berukuran 1 pixel. Garis pertama diberi warna #500000 dan garis kedua diberi warna #EF0000

18.Hasil Sementara akan terlihat seperti gambar di bawah ini

Page 24: Background Dengan Teknik Masking Pada Photoshop

19.Aktifkan Polygon Tool, set sides=nya menjadi 3

20.Buat segitiga berwarna #500000 dengan ujung runcing mengarah ke kanan

21.Double Click Layer, aktifkan Inner Shadow dan set layer style-nya seperti gambar di bawah

Page 26: Background Dengan Teknik Masking Pada Photoshop

22.Aktifkan Drop Shadow dan set layer style-nya seperti gambar di bawah

23.Aktifkan Panel Adjustment

24.Buat Hue/Saturation adjustment Layer pada layer paling atas dan geser slider Hue untuk mendapatkan warna lain yang anda inginkan

Page 27: Background Dengan Teknik Masking Pada Photoshop

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

Page 28: Background Dengan Teknik Masking Pada Photoshop

26.Untuk mendapatkan hasil akhir yang optimal, nonaktifkan layer background, dan simpan button dengan Save for Web & Devices

27.Simpan dengan konfigurasi seperti gambar di bawah ini. Klik Save

Selamat anda telah berhasil membuat sebuah button sederhana . anda juga dapat mendownload file hasil akhirnya berbentuk PSD dengan menekan button di bawah ini.