Saturday, March 30, 2013

04. Content-Aware Scale in Photoshop


Versi-versi terbaru Photoshop menawarkan fitur-fitur baru yang menghemat waktu dan pekerjaan. Salah satunya adalah fitur Content-Aware Scale yang ditambahkan dari mulai versi Photoshop CS4. Fitur ini hampir sama dengan fungsi Transform namun fitur ini secara otomatis mempertahankan bidang-bidang penting seperti orang, bangunan, benda-benda, seperti Anda hanya mengubah ukuran bidang-bidang tersebut. Ini bisa menghemat banyak waktu, karena tidak memakan waktu dengan cropping dan retouching yang tak perlu. Untuk lebih jelasnya mari kita mulai tutorial ini. Yuk mariiii!

Note: This tutorial uses Adobe Photoshop CS4

Tutorial #1 : Basic

1. Kita coba mulai dengan gambar bocah yang sedang main bola ini.




2. Syarat untuk menggunakan fitur Content-Aware Scale ini layer yang akan di scale haruslah layer independen. So, jadikan layer Background menjadi layer independen dengan cara klik dua kali layer Background sampai muncul jendela New Layer. Isi kolom Name dengan nama apa saja. Lalu klik OK.




3. Dengan layer independen tadi dalam keadaan terpilih, pergi ke menu Edit > Content-Aware Scale (Alt+Shift+Ctrl+C) Windows / (Cmd+Shift+Opt+C) Mac OS.



4. Tarik pinggiran gambar dengan meng-scretch-nya sampai kira-kira 60%. Bisa kita lihat disini background pohon-pohon menyempit namun tidak mengubah skala dari si bocah dan bolanya!! (juga orang yang lagi nongkong sendirian di belakang).
Inilah kekuatan dari fitur Content-Aware Scale! Cukup interest kan? :D



5. Lihat perbandingan sebelum dan sesudah di-scale dengan Content-Aware Scale.












Tutorial #2 : Protect

1. Mari kita lihat kasus yang lain, kita mulai dengan gambar dua bocah yang sedang main bola ini.



2. Masih seperti langkah sebelumnya, ubah layer Background menjadi layer independen dengan klik dua kali di layer Background sampai muncul jendela New Layer, isi kolom Name dengan nama apa saja. Klik OK.
Lalu ke menu Edit > Content-Aware Scale (Alt+Shift+Ctrl+C) Windows / (Cmd+Shift+Opt+C) Mac OS.



3. Tarik pinggiran gambar dengan meng-scretch-nya sampai kira-kira 60% (sama seperti langkah Tutorial #1 loh).
Namun ada sedikit yang aneh sekarang, objek dua bocah jadi tidak karuan bentuknya (gepeng-gepeng gimana gitu), sementara background masih sama seperti di Tutorial #1, menjadi menyempit.


Jadi bagaimana agar dua bocah ini tidak terkena Scale?
Okay, klik tombol Cancel transform atau Escape di keyboard untuk membatalkan transformasi.



4. Seleksi dua bocah ini dengan mask (atau Lasso Tool dan sejenisnya).
Disini kita akan melakukan seleksi dengan mode Quick Mask.
Aktifkan tombol Edit in Quick Mask Mode atau tekan Q di keyboard lalu aktifkan Brush Tool (B).



5. Seleksi dua bocah ini dengan Brush Tool dalam mode Quick Mask dan dengan warna foreground hitam. Seleksi ditandai dengan warna merah transparan.


Apabila ingin menghapus seleksi, tinggal ubah saja warna foreground menjadi putih. Shortcut untuk membalik warna foreground dan background adalah dengan menekan tombol X di keyboard.



6. Non-aktifkan Quick Mask dengan klik tombol Edit in Standard Mode.
Maka seleksi mask yang sudah tadi dibuat akan terbalik menjadi tidak terseleksi, dan yang terseleksi adalah seluruh gambar kecuali objek dua bocah ini.
Karena dalam teknik masking, hitam dibaca transparan dan putih dibaca solid (opaque).



7. Balikkan seleksi dengan menu Select > Inverse (Ctrl+Shift+I) Windows / (Cmd+Shift+I) Mac OS. Sehingga sekarang dua bocah ini yang terseleksi.




8. Simpan seleksi ini menjadi Channel alpha dengan cara ke menu Select > Save Selection...


Akan muncul jendela Save Selection, ketikkan di kolom Name apa saja. Klik OK.


Maka seleksi tersebut akan disimpan dalam bentuk channel baru, bisa dilihat di panel Channel.



9. Jika channel alpha sudah tersimpan maka sekarang waktunya memberi layer ini Content-Aware Scale kembali. Hilangkan seleksi dengan menu Select > Deselect (Ctrl+D) Windows / (Cmd+D) Mac OS. Pilih Edit > Content-Aware Scale (Alt+Shift+Ctrl+C) Windows / (Cmd+Shift+Opt+C) Mac OS.


10. Lalu sebelum transformasi, di bagian Protect ubah dari None ke nama channel alpha yang sudah disimpan sebelumnya.


11. Tarik pinggiran gambar dengan meng-scretch-nya sampai kira-kira 60% (sama seperti langkah tadi). Dan tadaaa... Sekarang dua bocah ini ter-proteksi dari transformasi dan tidak gepeng-gepeng seperti tadi, dan tentu saja dengan background yang tetap menyempit.



12. Lihat perbandingan sebelum dan sesudah di-scale dengan Content-Aware Scale, juga dengan yang memakai Protect dan yang tidak! Amazing kan?! :D




Tutorial #3 : Rotate Image without Cropping

Oke, tutorial terakhir dari fitur Content-Aware Scale ini, yang kasusnya beda sama sekali dengan dua tutorial diatas. Let's check it out!

1. Kali ini kita membuka dengan gambar seperti ini. Gambar yang miring ini akan diluruskan sesuai dengan garis horizon.



2. Sama seperti sebelumnya, untuk memulai transformasi, layer Background harus diubah menjadi layer independen. Klik dua kali di layer Background sampai muncul jendela New Layer. Ketikkan nama layer di kolom Name. Klik OK.



3. Aktifkan Ruler Tool di tool panel.



4. Klik dan tarik garis horizon gambar dengan menggunakan Ruler Tool. Bisa dilihat informasi sudut kemiringan di A: -10.7 derajat.



5. Pilih menu Image > Image Rotation > Arbitary.



6. Akan muncul jendela Rotate Canvas dengan nilai sudut (Angle) 10.71 derajat dan berlawanan arah jarum jam (CCW). Dan ini kebalikan dari nilai sudut Ruler Tool yang tadi telah dibuat sebelumnya. Arbitary mendeteksi otomatis nilai dari sudut Ruler tersebut. Klik OK.



7. Canvas akan dirotasikan sebesar 10.71 derajat berlawanan arah jarum jam, dan akan membuat gambar menjadi lurus secara garis horizon-nya.



8. Namun akibat dari rotasi ini ada bagian canvas yang kosong, kita bisa saja memperbesar ukuran image dengan Transformation Scale namun pastinya ada beberapa bagian gambar yang hilang karena berada di luar canvas.

Tanda X merupakan area gambar yang terpotong
karena berada diluar  area canvas.

Untuk itulah fitur Content-Aware Scale  ini dibutuhkan dalam kasus ini.


9. Seleksi gambar dengan klik di thumbnail layer sambil menekan tombol Ctrl (Windows) / Cmd (Mac OS).



10. Kita akan mengurangi sedikit area gambar yang terseleksi, pilih menu Select > Modify > Contract...


11. Akan muncul jendela dialog Contract Selection, masukkan nilai Contract By: sebesar 4 pixels. Klik OK.



12. Maka area gambar yang terseleksi berkurang sebesar 4 pixel ke dalam.


Untuk mengisi area canvas kosong tentunya seleksi tersebut harus di-inverse. Pilih menu Select > Inverse.



13. Kini yang terseleksi adalah area kosong canvas dan sedikit area gambar sebesar 4 pixel ke dalam. Area kosong ini akan di isi dengan sedikit area gambar melalui Content-Aware Scale.


Pilih menu Edit > Fill... (Shift+F5).




14. Akan muncul jendela dialog, dan dari menu Contents di bagian menu drop-down Use: pilih Content-Aware. Klik OK.



15. Dan... TADAAAAA lagi! Area canvas kosong kini terisi penuh dengan Content-Aware dari gambar.


Hilangkan seleksi dengan menu Select > Deselect  (Ctrl+D) Windows / (Cmd+D) Mac OS.

Dan inilah hasil akhirnya! Gambar menjadi lurus dan tidak ada area yang terpotong. :D






































Hope you enjoy and stay creative, stay neat!!


*Denzel Invulnerable for Creative Folder*