Selasa, 16 Februari 2010

Membuat kartun dengan Photoshop

Membuat kartun dengan Photoshop
pada tutorial photoshop kali ini, akan saya gunakan untuk membahas cara membuat efek kartun. Seperti yang pernah saya janjikan pada akhir tutorial Photoshop membuat efek komik. Dan seperti yang saya utarakan di halaman awal, bahwa efek ini lumayan rumit pembuatannya. Untuk dapat membuat efek ini, sebelumnya harus lebih dulu memahami penggunaan palet layer, pembuatan garis dan shape dengan Pen tools, dan pemilihan warna. Selain itu, jika mempunyai pengetahuan tentang anatomi wajah / tubuh manusia, akan merupakan sebuah ketrampilan tambahan yang berguna.


Pada efek kartun kali ini, kita akan membuat banyak bentuk-bentuk secara manual menggunakan Pen Tools. Tehnik seperti ini ada juga yang menyebut sebagai tracing, vektor. Sebenarnya, tehnik seperti ini akan lebih cocok bila dijalankan pada Adobe Illustrator. Namun karena pokok bahasan kita adalah Photoshop, maka sekarang kita coba menggunakan Photoshop saja, walaupun tentunya cara pembuatannya akan lebih rumit.

Jika ingin melihat contoh lain dari gambar trace/vektor ini, beberapa hari yang lalu pernah saya buatkan.

Langkah pembuatan trace pada foto

Langkah 1
Bukalah sebuah foto dengan Photoshop. Pada contoh tutorial ini, saya menggunakan foto Mas Wasidi aka Si Kecil.

tutorial  photoshop trace efek kartun 1

Langkah 2
Karena kondisi foto ini terlalu gelap, maka agar lebih nampak perbedaan antara daerah gelap dan terangnya, maka saya atur dulu pewarnaannya menggunakan Image > Adjustment > Shadow Highlights.

tutorial  photoshop trace efek kartun 2

Langkah 3
Duplikat layer background ini, agar kita mempunyai cadangan foto yang aslinya. Untuk jaga-jaga, siapa tahu nanti membutuhkan gambar aslinya. Dan memang akhirnya kita juga butuh foto aslinya, untuk membuat bentuk-bentuk yang agak rumit, misalnya mata dan bibir.
Cara untuk menduplikat ini bisa dengan Ctrl + J, atau dengan menarik nama layer ke arah icon Create New Layer.

Langkah 4
Pilih menu Image > Adjustment > Posterize. Isikan nilai yang kecil. Misalnya 4.

tutorial photoshop trace efek kartun 3

Tujuan langkah ini adalah untuk mengurangi jumlah warna yang digunakan.

Langkah 5
Duplikat lagi layer foto yang sudah diposterize ini. Ubah blending option menjadi Darken.

tutorial photoshop trace efek kartun 4

Pilih menu Filter > Blur > Gaussian Blur. Atur nilai Radius secukupnya, sambil melihat gambar aslinya (jangan melihat gambar preview pada kotak dialog Gaussian Blur). Tujuan langkah ini adalah untuk membuat agar muncul perbatasan yang lebih tegas pada tiap warna yang ada.

tutorial photoshop trace efek kartun 5

Langkah 6
Sekarang kita mulai langkah pembuatan layer untuk melakukan trace.
Buatlah sebuah layer baru, dengan cara melakukan klik pada icon Create a new layer (di gambar dibawah ini saya tandai dengan lingkaran merah) . Kemudian ubahlah nilai opacity pada layer ini hingga 0% (saya tandai dengan lingkaran biru).

tutorial photoshop trace efek  kartun 6

Langkah 7
Pilih Pen tools pada tool box photoshop (lingkaran merah pada gambar tutorial photoshop di bawah ini).

tutorial photoshop trace efek  kartun 7

Kemudian lakukan pengaturan pada option bar. Pilihlah icon Shape layers (gambar lingkaran biru). Klik icon segitiga geometri option (gambar lingkaran hijau), kemudian beri tanda cek pada pilihan Rubber Band.

Di sebelah kanan dari pengaturan tersebut, terdapat beberapa icon lagi (gambar lingkaran ungu). Tentunya sudah Anda pelajari pada tutorial photoshop sebelum ini. Jika belum, silahkan dibaca dulu pada Cara Pembuatan Shape.

Sedangkan tentang penggunaan pen tool bisa dibaca pada Tutorial Photoshop yang judulnya Membuat Seleksi Dengan Path.

Langkah 8
Buatlah bentuk shape menggunakan Pen tool. Buatlah mengikuti bentuk wajah pada foto.

tutorial photoshop trace efek kartun 8

Buatlah garis path ini melingkar hingga menyambung dari titik awal sampai akhir, sehingga terjadi sebuah bentuk bangun.


tutorial photoshop trace efek kartun 9

Langkah 9
Ulangi langkah ke-6 dan ke-7, namun kali ini buatlah bentuk shape pada area warna yang lain. Setiap bentuk shape dibuat pada sebuah layer baru.

tutorial photoshop trace efek  kartun 10

tutorial photoshop trace efek  kartun 11

Jumlah bentuk shape yang dibuat kita batasi antara 2 sampai 4 warna saja.

Langkah 10

Ubahlah nilai opacity pada layer-layer shape yang sudah kita buat tadi. Opacity kita buat hingga 100%. Sehingga nampak foto tertutupi oleh warna-warna.

Untuk mengubah warna pada setiap layer shape, lakukan dengan cara melakukan klik 2 kali pada thumbnail layer-nya. Kemudian pilih salah satu warna.

tutorial photoshop trace efek  kartun 12

Sebagai panduan dalam memilih warna-warna kulit, berikut ini saya sertakan beberapa warna yang bisa Anda gunakan.

tutorial photoshop trace efek  kartun 13

Ubahlah setiap warna pada semua bagian wajah tersebut.

tutorial photoshop trace efek  kartun 14

Saat membuat bentuk shape pada area warna yang lain, jika ada layer yang menutupi sehingga kita kesulitan untuk menentukan bentuk shape, maka untuk sementara icon mata pada layer yang menutupi bisa dimatikan dulu atau di kurangi dulu opacity-nya.

tutorial photoshop trace efek kartun 14a

Kemudian ulangilah lagi membuat bentuk shape pada semua bagian tubuh, hingga keseluruhan foto tertutup oleh bentuk-bentuk shape.


tutorial photoshop trace efek  kartun 15

Pada bagian mata dan bibir, karena bagian ini termasuk bagian pokok dalam mengenali wajah seseorang, kita perlu mematikan dulu beberapa icon mata pada palet layer. Sehingga kita bisa membuat trace dengan melihat bentuk aslinya yang belum ter-posterize.

Untuk bagian jenggot, saya menggunakan Brush tool berukuran kecil yang disapukan pada gambar dengan pengaturan Brush preset Scattering.

Langkah 11
Untuk membuat latar belakang pada foto, buatlah sebuah layer baru yang diletakkan pada urutan sebelah bawah dari bentuk-bentuk shape tersebut. Layer baru ini bisa diisi warna sesuka Anda, dengan memilih menu Edit > Fill.

tutorial photoshop trace efek  kartun 16

Warna tidak harus putih, Anda bisa juga menggunakan warna-warna lain, misalnya dengan Gradient Tools seperti berikut ini.

tutorial photoshop trace efek  kartun 17

Jika semua gambar akan dijadikan satu, bisa dilakukan dengan memilih menu Layer > Flatten Image.

Selamat mencoba tutorial membuat kartun dengan Photoshop ini.

sumber : mbahdewo.com

koleksi saya :

Jumat, 05 Februari 2010

Contoh efek foto robek


Contoh efek foto robek

Tutorial Photoshop yang sekarang ini untuk menampilkan gambar contoh desain , sebagai contoh pembuatan efek pada foto. Tujuannya untuk membuat efek foto yang terobek sebagian. Pada gambar ini saya gunakan foto saya sendiri waktu masih gondrong dulu (sekitar akhir tahun 2005). Saya mulai memanjangkan rambut sesudah lulus kuliah, sampai mau menikah baru potong rambut. Foto ini dulu saya ambil dengan tripod di kamar.


Pada gambar ini, foto saya potong menjadi dua bagian dengan seleksi kemudian diubah letak layernya sehingga nampak terpisah. Untuk membuat kesan lebih dramatis saya beri efek bayangan.

Langkah Membuat Efek Foto Robek

Langkah 1

Bukalah gambar yang akan Anda olah dengan Photosop

Tutorial Photoshop foto robek image 1

Langkah 2
Buatlah seleksi pada gambar dengan menggunakan lasso tool. Buatlah agar seleksinya memotong sebagian dari gambar hingga ke salah satu tepinya (piye ki le ngomongke ra jelas), lebih jelasnya bisa dilihat pada gambar ilustrasi tutorial dibawah ini.

Tutorial Photoshop foto robek image 2

Langkah 3
Simpan hasil seleksinya, dengan memilih menu Select > Save Selection.

Tutorial Photoshop foto robek image 3

Langkah 4
Pilih channel hasil seleksi pada palet channel.

Langkah 5
Pilih menu Filter > Pixelate > Crystalize. Isikan nilai 3 (ukurannya bisa disesuaikan sendiri, namun jika slider digeser minimalnya tetap cuma 3). Klik OK. Tujuan langkah ini untuk membuat tepian seleksi menjadi tidak rata secara otomatis.

Tutorial Photoshop foto robek image 4

Langkah 6
Klik icon Load channel as selection.

Tutorial Photoshop foto robek image 5

Langkah 7
Klik channel RGB. Langkah 6 dan 7 ini tujuannya agar kita kembali ke channel seperti awal namun sudah mempunyai seleksi yang tidak rata.

Langkah 8
Tekan Ctrl + J, tujuannya untuk membuat duplikat hasil potongan seleksi.

Langkah 9
Klik layer Background (yang masih merupakan foto asli dan belum dipotong). Tekan Ctrl + J. Ini akan membuat layer Background copy.

Tutorial Photoshop foto robek image 6

Langkah 10
Ctrl + klik pada nama layer 1 (yang merupakan layer hasil potongan). Layer yang aktif masih tetap pada layer Background copy.

Langkah 11
Sekarang tekan tombol Delete. Ini untuk menghapus area yang berada dalam seleksi. Kemudian hilangkan seleksi, dengan cara memilih menu Select > Deselect.

Langkah 12
Klik atau pilih layer Background. Isi layer ini dengan warna putih. Caranya dengan memilih menu Edit > Fill. Pada bagian Use=White, Opacity=100%.


Tutorial Photoshop foto robek image 7

Langkah 13
Aktifkan atau pilih layer 1. Atur ukuran dan posisinya dengan cara memilih menu Edit > Free Transform. Begitu juga dengan layer Background copy.

Tutorial Photoshop foto robek image 8

Langkah 14
Untuk menambah kesan hasil robekan, bisa ditambahi dengan efek bayangan. Pada tutorial Photoshop ini saya gunakan Layer > Layer style > Drop shadow.

Tutorial Photoshop foto robek image 9

Catatan: Jika Anda ingin seluruh gambar bisa ditampilkan sehingga bagian yang terputar pada langkah 13 tadi tidak nampak terpotong, caranya dengan Anda lakukan pilih menu Image > Reveal All. Berikut ini gambar hasil pembuatan efek foto robek.

Tutorial Photoshop foto robek image 10

Selamat mencoba dan berkreasi dengan Photoshop.

Sumber : Mbahdewo.com