TUTORIAL PHOTOSHOP: PHOTO to VECTOR part I (outline)

halo temen-temen. kali ini saya mau share gimana bikin foto jadi kartun (kayak yang di album VECTOR di blog ini). sebenernya tepatnya bukan tutorial sih. ini cuma video preview aktivitas saya di layar selama bikin outline.tanpa ada suara dari saya, karena saya lagi serak, jadi percuma juga dikasih suara, paling gak jelas. hehehe. 

Tadinya videonya berdurasi 25menit, tapi ternyata gabisa diupload di youtube gara-gara kepanjangan. jadi saya percepat durasi nya 3x. Semoga dapat memberi gambaran kira-kira gimana gambar ini dibuat. hehehe. kalo ada pertanyaan, silahkan comment aja di bawah postingan ini. 

(video quick preview, kalo videonya gak bisa tampil, coba lihat dihttp://www.youtube.com/watch?v=UpoLkB7h_jE&feature=player_embedded )

(download dari youtube dan tampilkan dg ukuran penuh agar gambar lebih terlihat jelas)

ini baru part I. nanti di posting selanjutnya saya share ttg video pembuatan detail dan proses coloring. Disini saya menggunakan mouse biasa, bukan pen tablet. jadi bagi yang belum punya pen tablet jangan khawatir (karena jujur saja saya juga nggak punya -___-' hahahaha ) Di proses awal bikin outline. kita hanya membuat 3 layer. berikut urutannya (mulai dari paling atas):

layer atas: layer kosong, yang nantinya kita gunakan untuk menggambar

layer tengah: diisi warna putih, kemudian diatur prosentase opacity nya biar foto di bawah bisa keliatan buat dijiplak jadi gambar

layer paling bawah: layer foto yang kita gunakan sebagai bahan contekan untuk menggambar

kalo semua outline udah jadi, tambahkan satu atau dua layer lagi diantara layer tengah dan layer atas tadi untuk menggambar bagian bibir. karena bibir outline nya hanya pada lubang mulut. tapi outline sekitarnya tidak digambar (hanya warna saja). 

Untuk seleksi area saya menggunakan POLYGONAL LASSO TOOL, untuk pengisian warna saya gunahkan BRUSH, untuk membuat garis-garis lengkung, saya menggunakan pen PEN TOOL yang kemudian saya isi dengan brush., 

Maaf ya temen-temen. di awal pembuatan video satu mata ama alisnya udah jadi duluan. tadinya ga kepikiran mau bikin tutorial yang ini. pas udah gambar mata, baru ada ide buat ngrekam. hehehe. sorry ^_^

semoga postingan ini ada manfaatnya. :D

kalo mau share ke yang lain, tulis comment dulu ya ;)

TUTORIAL PHOTOSHOP: HOW TO ADD A GLOWED_VECTOR EFFECT ON A PHOTO (include video)

Hola halo temen-temen. Di posting yang ini saya mau bagi trik photoshop bikin efek vektor yang glow in the dark (baca: berpendar dalam gelap / iso murup ing petengan)

foto sebagai bahan contoh yang mau diedit saya ambil dari stok foto dari Michael J Ranum. Tapi khusus buat adek-adek yang masih belum cukup umur mending cari stock yang lain aja ya. soalnya foto-foto michael j ranum kebanyakan mempertontonkan KEINDAHAN LEKUK TUBUH. ntar malah bahaya kalo ada adek-adek yang lihat. Ubah mind set dulu, baru boleh pake stock dia. karena ini murni tentang seni. bukan soal mengeksploitasi tubuh maupun pornografi :)

Disini saya nggak pake brush2 khusus. cuman pake basic brush saja. tapi kalo temen-temen punya koleksi brush yang bagus, boleh kok dikreasikan menurut selera kalian sendiri. Untuk hasil terbaik dengan glow yang bersinar terang, gunakan foto yang ber tema gelap :)

sebelum mengedit, pilih bruh anda terlebih dahulu. disini saya memakai BASIC BRUSH. caranya dengan meng-klik pilihan brush pada navigasi di bagian atas. klik tanda panah yg mengarah ke kanan. pilih BASIC BRUSH.

untuk membuat garis yang bercahaya. saya memakai brush tanpa feather. sedangkan untuk memberi efek dramatis pada gambar, saya sapukan dengan brush ber-feather.

PERBEDAAN ANTARA BRUSH BER-FEATHER DAN BRUSH TANPA FEATHER 

berikut ini adalah video review proses pembuatan efek glow. silahkan download dari youtube apabila dibutuhkan

http://www.youtube.com/watch?feature=player_embedded&v=0JJ5HiDBGiA

dan penjelasan sederhana tentang video tersebut, silahkan klik BACA SELENGKAPNYA

MEMBUAT GARIS-GARIS MELENGKUNG 

MENAMBAHKAN EFEK GLOW  

buat sekitar 3 atau 4 garis dengan warna cahaya glow yang berbeda-beda agar terlihat lebih menarik. hapus bagian-bagian pada garis yang dinilai tidak perlu untuk menimbulkan kesan visual bahwa garis itu melingkar di tubuh objek pada foto. aturopacity di masing-masing garis sesuai selera. 

Setelah semua selesai. aktifkan brush ber-feather dengan ukuran besar tapi dengantingkat transparansi yang rendah. dan sapukan ke gambar dg memilih warna-warna yang anda inginkan agar foto yang gelap itu seolah terkesan mendapat cahaya yang berwarna-warni dari beberapa sudut. klik LAYER  kemudian MERGE VISIBLE untuk menggabungkan semua layer. simpan dalam format JPG

SELAMAT MENCOBA. tanyakan apabila kurang jelas.

jangan lupa beri komentar (biar saya makin semangat buat bikin tutorial kayak gini lagi)  

Efek Glow dan Lights Photoshop yang menawan

Sudah lama rasanya, saya nggak nulis dan praktek Adobe Photoshop. Kali ini saya tulis lagi praktek tentang efek cahaya dan sinar, dua hal yang bikin Photoshop menarik untuk dipelajari. Kurang lebih hasil yang akan kita capai tampak seperti ilustrasi di samping ini. Nah, ingin tahu detailnya? simak lebih lanjut.
Efek Asap
Kita awali dengan membuat efek asap di background. Efek ini dibuat dengan menggunakan Render > Clouds yang kemudian diberi warna dengan fasilitas overlay layer. Untuk membuatnya:

1. Buat dokumen baru dengan ukuran 600px x 500px.
2. Beri warna background hitam [Edit > Fill]
3. Buat layer kosong [Layer > New > Layer ] kemudian pilih layer tersebut.
   
4. Gunakan Elliptical Marquee Tool untuk membuat seleksi di tengah gambar. Pilih Fixed Size dengan dimensi Width: 350px Height: 250px Feather: 80px.
   Pengaturan ini dapat Anda temukan di Options-Panel di bagian atas monitor ketika Elliptical Marquee Tool sudah Anda pilih.
   
5. Tentukan warna hitam sebagai warna foreground dan warna putih sebagai warna background. Selanjutnya buatlah asap dalam seleksi yang sudah Anda buat [Filter > Render > Clouds]. Efek asap ini dibuat oleh Photoshop secara acak. Jika Anda tidak puas dengan hasilnya, Anda tinggal klik Undo dan melakukan render ulang. Saya sebut layer ini sebagai layer Asap.
   
6. Buat layer kosong di atas layer Asap, kemudian pilih layer tersebut. Ubah Blending Mode-nya menjadi Overlay seperti pada gambar berikut.
   
7. Di sini saya gunakan warna foreground #06c2ff dan warna #00ff7d sebagai background-nya. Gunakan Gradient Tool pada layer baru tersebut. Hasilnya kurang lebih akan terlihat seperti berikut.
   

Teks Transparan
Sekarang, kita buat tulisan di atas asap yang sudah kita beri warna. Gunakan Type Tool untuk menambahkan teks. Ubah Blending mode-nya menjadi Overlay sehingga akan tampak seperti ini.

Efek Garis Sinar
Selanjutnya, kita akan buat garis yang bersinar dengan menggunakan Pen Tool. Langkah berikut ini akan membutuhkan rangkaian langkah yang agak panjang. Agar tetap bisa mengikuti, saya sarankan Anda lebih mencermati tiap detail langkah-langkah berikut.

Pen Tool adalah salah satu tool Photoshop yang cukup unik, baik cara penggunaannya maupun efek yang dihasilkannya. Bagi Anda yang belum pernah menggunakan tool ini saya akan berikan gambaran awal tentang apa saja yang bisa Anda temukan dalam Tombol Flyout Pen Tool berikut ini:
 

• Pen Tool – digunakan untuk menggambar kurva, biasanya tool ini yang digunakan pertama kali dalam suatu rangkaian kerja yang memanfaatkan garis. Anda tinggal klik dan drag pointer mouse untuk membuat sebuah kurva. Anda tidak perlu khawatir jika kurva yang Anda buat kurang menarik. Anda bisa meng-edit-nya lagi nanti.
• Add Anchor Point Tool – digunakan untuk membuat titik acuan baru dalam kurva yang sudah dibuat sebelumnya.
• Remove Anchor Point Tool – Tool ini digunakan untuk menghapus titik acuan dalam kurva Anda.
• Convert Point Tool – Gunakan tool ini untuk mengubah dan memindahkan titik acuan dalam kurva dan mengatur posisinya. Tool ini dapat digunakan dengan cara:
  - Klik pada titik lengkung untuk mengubahnya mejadi titik sudut
  - Klik dan drag sebuah titik sudut untuk mengubahnya menjadi titik lengkung
  - Sambil menekan tombol Ctrl, Anda juga bisa memindahkan titik acuan
  - Klik pada kurva untuk mengatur segmen yang bersangkutan

1. Nah, setelah mendapatkan sedikit gambaran di atas, sekarang kita buat kurva seperti pada gambar di bawah. Dalam langkah ini, kurva yang kita buat baru berupa path (alur) saja. Nantinya alur ini yang akan menjadi panduan posisi garis cahaya yang kita buat. Pilih Pen Tools, pastikan Anda memilih ikon Path pada panel Pen Tools di bagian atas layar seperti ilustrasi di bawah.
   
2. Buat layer kosong di atas layer teks kemudian pilih layer tersebut. Agar lebih mudah, kita beri nama layer ini layer Garis Cahaya
3. Pilih Brush Tool. Klik-kanan di manapun dalam gambar. Atur Master Diameter menjadi 3px dan Hardness menjadi 100%. Atur juga warna foreground menjadi putih.
   
4. Pilih Pen Tool dan klik-kanan di manapun dalam gambar. Pilih Stroke Path dari menu tersebut. Pastikan bahwa Simulate Pressure sudah terpilih kemudian klik OK.
   
   Sekarang, Anda sudah memiliki gambar sinar sepanjang path yang Anda buat seperti gambar berikut.
   
5. Selanjutnya, mari kita sembunyikan path yang tadi kita buat. Buka jendela Paths [Window > Paths]. Klik dalam jendela tersebut, di bawah path yang sedang aktif untuk menghilangkan seleksi. Dengan cara ini, Anda telah menyembunyikan path Anda dari tampilan.
6. Untuk menambahkan kesan sinar, sekarang kita tambahkan efek glow. Klik-kanan pada layer dan pilih Blending Options. Klik pada bagian Outer Glow dan ubah warnanya menjadi #16b5e5.

Kerlap-kerlip cahaya
Untuk menambahkan efek ini di sepanjang garis cahaya kita cukup melakukan langkah berikut. Pilih layer Garis Cahaya di atas. Gunakan Brush Tool untuk membuat titik-titik kecil di tempat yang Anda suka. Jangan lupa, gunakan ukuran brush antara 1-4px saja. Sekarang, gambar Anda akan tampak seperti berikut.

Efek Kabur
Agar lebih realistis, tambahkan Motion Blur pada garis cahaya Anda.

1. Klik kanan pada Layer Garis Cahaya, pilih Duplicate Layer, klik OK.
   
2. Sekarang, Anda memiliki dua layer yang serupa dan garis cahaya Anda tampak lebih menyala. Pilih layer bawah (layer asli) dari kedua layer tersebut. Tambahkan Motion Blur [Filter > Blur > Motion Blur]. Atur nilainya seperti berikut:
   - Angle: -30
   - Distance: 40
3. Ubah nilai Opacity Layer yang sudah dikaburkan tersebut menjadi 40%. Efeknya akan tampak seperti ini.
   

Efek Bintang
Selanjutnya, kita akan membuat efek cahaya bintang. Pertama kali, kita akan membuat sebuah gambar bintang kemudian menerapkannya dalam layer utama. Urutan proses pembuatan bintang yang akan saya sampaikan tampak dalam ilustrasi berikut:

Untuk membuat gambar tersebut, ikuti langkah berikut:

1. Buat sebuah layer baru kemudian pilih. Agar lebih mudah, layer ini kita beri nama Layer Bintang.
2. Atur nilai Brush menjadi 3px dan Brush Hardness menjadi 100%.
3. Gunakan Pen Tool untuk membuat path vertikal kurang lebih 100 pixel. Untuk memperkirakan ukuran dan posisinya, Anda bisa lihat di jendela Info.
4. Dengan tetap mengaktifkan Pen Tool, klik-kanan di manapun dalam gambar. Pilih Stroke Path. Pastikan pilihan Simulate Pressure terpilih, dan klik OK. Sekarang akan ada garis lurus di sepanjang path Anda. Selanjutnya, sembunyikan path. Langkahnya seperti yang sudah kita lakukan sebelumnya, buka jendela Paths[Window > Paths]. Klik di luar seleksi path yang aktif.
5. Buat duplikasi layer bintang [klik-kanan dan pilih Duplicate Layer]
6. Putar layer baru ini 90 derajat [Edit > Transform > Rotate].
7. Gabungkan kedua layer menjadi satu [klik-kanan layer yang di atas, kemudian pilih Merge Down]
8. Buat duplikasi layer bintang sekali lagi.
9. Putar layer baru tersebut 45 derajat.
10. Atur skala layer menjadi 70% [Edit > Transform > Scale].
11. Ubah nilai Opacity layer menjadi 70%.
12. Gabungkan kedua layer menjadi satu.
13. Ubah skala layer bintang menjadi 40%.
14. Copy layer style dari layer garis cahaya ke layer bintang lewat [klik kanan > Copy > Paste]. Ubah nilai Outer Glow dari 5 menjadi 2. [Klik kanan layer, pilih Blending Options kemudian masuk dalam seksi Outer Glow]
15. Sekarang bintang Anda sudah jadi. Buatlah beberapa duplikasi dan tempatkan di beberapa titik yang layak. Lihat hasilnya di gambar berikut.
    

Pantulan cahaya
Efek terakhir yang ditambahkan adalah efek bulatan efek cahaya yang muncul dari efek pantulan sinar, efek ini disebut sebagai Bokeh Effect. Langkahnya sebagai berikut:

1. Buat layer kosong, kemudian pilih. Selanjutnya kita sebut layer Bokeh
2. Pilih Ellipse Tool dan buat lingkaran 50 pixel
3. Klik kanan layer, pilih Blending Options. Tambahkan efek berikut:
   - Color Overlay: abu-abu muda [#cccccc]
   - Stroke: Size: 2px | Position: inside | Color: white
4. Buat layer kosong di bawah layer tersebut, Klik kanan pada layer Bokeh, pilih Merge Down.
5. Tambahkan Gaussian Blur sebesar 1 pixel [Filters > Blur > Gaussian Blur].
6. Ubah Blending mode layer tersebut menjadi Overlay dan ubah Opacity-nya menjadi 14% atau lebih kecil.
7. Buatlah dua salinan layer tersebut dan tempatkan lingkaran-lingkaran tersebut sesuai selera Anda. Gambar akhir akan tampak seperti berikut. 
   
   Anda bisa temukan di mana bokeh effect yang saya buat? 

Nah, dengan memanfaatkan tiap efek di atas dan imajinasi Anda, Anda bisa membuat gambar yang bervariasi dan efek yang beraneka ragam. Berikut ini salah satu contoh hasil editing Photoshop dengan efek yang kita praktikkan di atas.

Saya ucapkan terimakasih kepada secondpicture yang telah menulis panduan photoshop ini dalam bahasa aslinya. Saya menulis ulang tutorial menarik ini dengan bahasa dan gaya bahasa Indonesia dengan tambahan gambar-gambar hasil editing sendiri agar lebih mudah dipahami.

Semoga bermanfaat.

Trik Mengubah Warna Mata di Photoshop

Mungkin pada awalnya Anda berpikir mengubah warna mata merupakan hal yang sulit. Tapi sebenarnya Anda hanya cukup melakukan beberapa langkah sederhana. Ada banyak cara mengubah warna bola mata. Di sini saya menggunakan Adjustment Layer untuk mengubah warna mata cerah (hijau atau biru). Hasil Akhirnya dapat Anda lihat seperti gambar berikut:

Anda akan lihat kemampuan programmer Adobe dalam merancang fasilitas Adjusmet Layer yang menarik. Dengan tool ini pula Anda nanti bisa mengubah warna mata pada gambar hasil jepretan Anda sendiri atau foto artis yang terkenal keindahan matanya..

Untuk mengubah tampilan mata seperti diatas, ikuti langkah berikut:

1. Buka file

2. Selanjutnya kita akan buat Adjustment Layer yang saya katakan sebelumnya. Pilih Layer > New Adjustment Layer > Hue/Saturation. Atau dari Panel Layer, ikuti seperti gambar di bawah. Pilih Checkbox Colorize kemudian tentukan nilai Hue sesuai keinginan.

3. Klik Layer Mask pada Layer Hue/Saturation, Pilih Paint Bucket Tool. Kita perlu mengubah seluruh warna layer mask ini menjadi hitam. Saya asumsikan Anda sudah menguasai Layer Mask namun jika merasa perlu, Anda dapat mengikuti tip&trik tentang Layer Mask terlebih dulu.

4. Pilih Brush Tool, tentukan Hardness 60% (dari dari Window > Brushes atau tekan F5). Pilih warna Putih.

5. Atur ukuran Brush sehingga ukurannya kurang lebih sebesar iris mata yang akan kita ubah warnanya. Klik untuk membuat lubang putih pada layer mask hitam yang sudah kita buat sebelumnya.

6. Sampai di sini, Anda sudah dapat melihat perubahan warna mata yang Anda buat, namun jika dicermati akan tampak belum realistis. Lanjutkan dengan mengubah Mode Layer Hue/Saturation Anda menjadi Overlay. Ubah juga Opacity menjadi 75%.

Mode Layer yang Anda ubah akan mempengaruhi bagaimana seluruh perubahan pada gambar ditampilkan. Begitulah cara kerja Adjustment Layer.

7. Dobel Klik Layer Hue/Saturation Anda, ubah nilai Hue sesuai keinginan dan tentukan nilai Saturation menjadi 23, cukup bagus hasilnya. Mudah kan? Nah, dengan cara yang sama kini Anda bisa mengubah warna mata Angelina Jolie menjadi hijau seperti mata kucing…

Ubah warna mata image di photoshop

Anda dapat melakukan eksperimen sendiri dengan mengubah nilai Hue and Saturation untuk mendapatkan hasil yang lebih variatif. Bagaimana hasil latihan Anda?