Hasilkan Karya Unik Dengan Menggunakan Efek Gambar Pensil

Ada 43 Komentar Seru

Oleh: Richard Fang

15 October 2009

hasilkan_karya_gambar_pensil

Karya yang mempunyai kesan manual selalu tampak menarik, dalam tutorial ini kita akan mempelajari teknik merubah foto biasa menjadi seperti di gambar manual dengan pensil.

Memang efek ini juga bisa di hasilkan dari efek standar bawaan Photoshop, tetapi kebanyakan kita tidak puas dengan efek yang di hasilkan, terlalu kaku dan tidak seperti gambar manual dengan pensil. Tutorial ini akan menjelaskan langkah demi langkah merubah sebuah foto menjadi seperti di gambar dengan pensil.

tuts_file_lineart_fotografi_before_after

Untuk sumber foto saya mencari di Flickr (dengan ketentuan Creative Commons dan bisa di edit sesuai keperluan kita). Silakan unduh foto yang saya pakai di sini. Setelah semua siap, mari kita mulai!

Langkah 1

Buka foto yang tadi kamu unduh di Photoshop, lalu kita akan membuat foto ini menjadi hitam putih. Pertama-tama kita menurunkan warna nya melalui Image > Adjustment > Hue/Saturation.

tuts_file_lineart_fotografi_langkah1tuts_file_lineart_fotografi_langkah2

Sesudah itu kita menaikan Brightness dan menurunkan Contrast dengan cara Image > Adjustment > Brightness/Contrast

tuts_file_lineart_fotografi_langkah3

Yang terakhir adalah mengatur level foto tersebut, Image > Adjustment > Levels

tuts_file_lineart_fotografi_langkah4

Langkah 2

Kita akan mengambil bagian model nya saja, jadi kita mulai men-trace bagian yang kita mau dengan Pen Tool (P).

tuts_file_lineart_fotografi_langkah5

Langkah 3

Sesudah semua bagian yang kita inginkan sudah di Trace, selanjutnya kita akan menseleksi bagian itu dengan Klik Kanan > Make Selection. Selagi terpilih, tekan Ctrl + C (Copy), lalu buka dokumen baru (Ctrl + N) dan tekan Ctrl + V (Paste). Sekarang kita sudah memindahkan foto yang sudah di crop ke dokumen baru.

tuts_file_lineart_fotografi_langkah7tuts_file_lineart_fotografi_langkah8

Langkah 4

Namakan layer1 menjadi “model”, lalu dobel klik dan berikan Layer Style > Stroke.

tuts_file_lineart_fotografi_langkah9

Langkah 5

Naikkan Lightness Layer model dengan cara, Image > Adjustment > Hue/Saturation.

tuts_file_lineart_fotografi_langkah10

Langkah 6

Langkah ini paling menyenangkan, karena kita akan memberikan garis dasar pada gambar model tersebut. Buat Layer baru di atas foto model tersebut, gunakan Pen Tool (P) dan setting Brush nya menjadi “Simulate Pressure”, ini akan menghasilkan efek Brush yang halus. Prinsipnya adalah jangan terlalu rapih dalam memberikan stroke, cukup ikuti garis besarnya saja. Efek yang di hasilkan akan lebih terasa manual.

tuts_file_lineart_fotografi_langkah11

Setelah selesai semua, ubah Layer Blending Mode menjadi Multiply.

tuts_file_lineart_fotografi_langkah12

Langkah 7

Mewarnai bagian tertentu dengan Brush, pilih Brush yang standar dan mulailah mewarnai. Jangan lupa menambahkan layer baru untuk warna. Dan ubah Blending Moder Layer warna ini menjadi Multiply.

tuts_file_lineart_fotografi_langkah13

Langkah 8

Duplikasi Layer “model” dan ubah Layer Blending Mode nya menjadi Multiply.

tuts_file_lineart_fotografi_langkah14

Langkah 9

Hapus bagian tertentu di layer “model copy” dengan menggunakan teknik Masking untuk memberikan efek cahaya. Matikan efek stroke supaya Masking bisa bekerja.

tuts_file_lineart_fotografi_langkah15

Langkah 10

Pertegas bayangan di layer “model” dengan teknik Burn. Lalu pertajam garis foto nya dengan Filter > Sharpen > Sharpen Edges.

tuts_file_lineart_fotografi_langkah16

Langkah 11

Tambahkan lagi layer baru untuk mempertegas bayangan. Buat bayangan dengan menggunakan Soft Brush.

tuts_file_lineart_fotografi_langkah17

Langkah 12

Duplikasi layer “model” dan berikan efek Noise. Filter > Noise > Add Noise.

tuts_file_lineart_fotografi_langkah18

Langkah 13

Berikan efek Motion Blur pada layer “model copy 2″, teknik ini yang akan menghasilkan efek gambar pensil (arsiran pensil).

tuts_file_lineart_fotografi_langkah19

Langkah 14

Bersihkan bagian muka di layer “model copy 2″ dengan menggunakan teknik Masking.

tuts_file_lineart_fotografi_langkah20

Ya! sampai disini kita sudah selesai, efek gambar pensil yang unik sudah kita aplikasikan ke foto tersebut.

tuts_file_lineart_fotografi_langkah21

Hasil Akhir

Saya mempercantik karya ini dengan menambahkan tekstur cat air pada background, kamu juga bisa bereksperimen dengan hal yang lain.

Menyatukan_lineart_dan_fotografi_hasilakhir2

Selamat mencoba! teknik ini bisa di gunakan untuk menghasilkan karya ilustrasi yang unik tanpa harus 100% menggambar dari awal. Silakan unduh dokumen tutorial ini melalui tombol di bawah (4,4 Mb), jangan lupa juga untuk bergabung di Grup Flickr Jurus Grafis untuk memamerkan karya kamu.

Update!

Karena banyak yang bertanya tentang cara “Simulate Pressure” Brush di Photoshop, maka saya membuat cuplikan video tutorial nya, silakan di lihat di sini atau saksikan video di bawah ini, semoga membantu :) (maaf, tidak ada narasi nya, masih menabung untuk beli mic :P )

Karya_Unik_dengan_efek_gambarpensil_JurusGrafis (2164)

Tentang Penulis

/ Richard Fang

Menikmati proses rancang website, khusus nya dari sisi tampilan antar muka dan penggunaan. Tidak bisa hidup tanpa Gmail, Google Reader dan Twitter. Sering menghabiskan waktu mengarungi samudra informasi.
Share to Facebook
Tweet This!
Share

Ada 43 Komentar Seru Tentang Posting Ini

  1. 15 October 2009
    mohamadariau bilang,

    Wah Trims! ini yang gue tunggu2..

    btw, milih gambar modelnya pinter!. haha.

    Reply
  2. 15 October 2009
    sigit@VisualMagz bilang,

    thanks for sharing…
    really useful tutorial…

    Reply
    • 15 October 2009
      Richard Fang bilang,

      sama2 :)

      @mohamadariau _ iya donk biar semangat bikin nya hahaha

      Reply
  3. 15 October 2009
    Cipoet bilang,

    thx bro, keren tutorialnya, jadi bisa bikin buat kado gebetan :p

    Reply
  4. 15 October 2009
    Rayi Christian Wicaksono bilang,

    wah keren,…
    share yang menarik bro,..

    Reply
  5. 16 October 2009
    fenny bilang,

    cad yg langkah ke 6 di mac gantinya gemana ya? huahaha lage g cobain iseng2 ni….

    Reply
    • 16 October 2009
      Richard Fang bilang,

      untuk simulate pressure ya?

      pas abis ngepath, pilih path nya,
      trus klik kanan (command + click) > Stroke Path > pilih Brush, cek simulate pressure :)

      Reply
  6. 18 October 2009
    Arham blogpreneur bilang,

    lagi coba pelajarin nih.. doakan sukses yah :D … masih newbie hehe

    Reply
  7. 23 October 2009
    mulo bilang,

    LAGI-lagi……………TUtornyaaaa.hehe :D

    Reply
  8. 29 October 2009
    briant bilang,

    bro ada kesulitan ni pas di langkah k 6, pas setting Brush nya menjadi “Simulate Pressure”. itu ada dmn ya buat setting jdi bgitu?
    maklum bro newbie ni..hehe

    Reply
    • 29 October 2009
      Richard Fang bilang,

      caranya gini bro

      pas abis ngepath, pilih path nya,
      trus klik kanan > Stroke Path > pilih Brush, cek simulate pressure (seperti yang ada di gambar langkah 6)

      sebelum nya setting besar dan jenis brush nya dulu..

      Reply
      • 30 October 2009
        briant bilang,

        oke deh gan, makasih pencerahannya..

        Reply
  9. 3 November 2009
    joshua.heru s bilang,

    pake PS brapa yah?
    kok gue gak nemuin setting brush pressurenya yg simulated presure??

    Reply
  10. 22 November 2009
    alid abdul bilang,

    ahahaha modelnya tuh yang gemana getu… bikin betah melek di layar monitorrr… haha nais tutorial ^^

    Reply
  11. 28 November 2009
    fachry bilang,

    thanks tuan guru…

    Reply
  12. 30 November 2009
    dimas bilang,

    waw keren jadi gatel pengen nyoba

    Reply
  13. 10 December 2009
    -goenrock- bilang,

    Keren ini tutorialnya

    Jadi inget website ini -> http://lukisfoto.com Hihihi… Main photoshop filternya masih ngawur tapi ngakunya disitu lukis foto :) )

    Reply
  14. 23 January 2010
    Ajat. S bilang,

    Bleh jga tuch !……….

    Reply
  15. 29 January 2010
    tommy kidz bilang,

    Waduh…gw pke PS CS2 ni brader…..koq lom ktm2 ya caranya

    Reply
  16. 11 April 2010
    amin bilang,

    asik.

    Reply
  17. 1 September 2010
    iid bilang,

    gw suka..lebih real n natural…cocok ni buat cover DVD wedding

    Reply
  18. 3 September 2010
    sandi bilang,

    wow, keren bro…
    gw suka nih pembahasan perubahan poto jadi sketsa kayak gini, dari dulu lom ketemu yang pas tutorialnya…
    salut bro, keep posting good tutorial like this, thankz

    Reply
  19. 17 September 2010
    faiz al-qurni bilang,

    manstab dah,
    baru nemu web ini udah kagum dengan tutorial2 photoshopnya,
    salah satu bentuk kemajuan pada website2 indonesia
    maju terus bung..

    Reply
  20. 4 October 2010
    prasso bilang,

    kerenz bgt neh tutornya..apalagi modelnya..hahaha..tetap berkarya bung Richard..

    Reply
  21. 12 October 2010
    judo tumanken bilang,

    salut ama kreasi2nya mas,gak murahan brilian.

    Reply
  22. 24 January 2011
    sony bilang,

    keren sekali tutornya.. dibuat efek seperti sketch.. suka mas..

    Reply
  23. 10 February 2011
    iank bilang,

    gan d langkah no 6 gmn gan???
    saya ga ketemu2 tool nya????
    jelain detail dunk
    thnx ga :)

    Reply
  24. 25 February 2011
    ilal bilang,

    bro..
    men trace itu maksud nya apa ?
    maklum pemula

    Reply
  25. 1 March 2011
    ewinx bilang,

    beeewwww,,,jurus mantab ni suhu, mohon jurus untuk photo prewedd..soalnya banyak temen yg pada mu nikah..ladang bisnis nih.
    mohon jurus yg paling ampuh tapi mudah di mengerti suhu..

    Reply
  26. 17 March 2011
    kyky bilang,

    wah ajieb neh gan. . makaseh ea gan tutorialnya. .

    Reply
  27. 22 April 2011
    Toy Pranoto bilang,

    Siippp Gan…
    Q tunggu artikel selanjutnya….

    Reply
  28. 28 April 2011
    Munaf bilang,

    Mau tanya< langkah nomer 6 gimana ya? kok abis ditrace trs klik kanan stoke path kok strokenya jadi tebel gitu, mohon bantuannya, terima kasih.

    Reply
  29. 28 April 2011
    Munaf bilang,

    jelasin juga tutorial bikin background water colournya dong, makasih,,

    Reply
  30. 5 June 2011
    Dwicky bilang,

    mas,mau nanya yang masalah bayangan, pertegas bayangan dengan burn, itu gimana ya mas?

    Reply
  31. 11 June 2011
    nubi bilang,

    om, mw nanya ?
    ko saya pas langkah ke 6, ujung brushnya gx lancip, kyak punya om??
    itu gimna ya?? apa ada settingan lagi di brushnya??

    Reply
  32. 28 October 2011
    adek bilang,

    Gan nerbitin buku dong….:)
    Artikel agan sangat menarik dan d baca….:D

    Reply
  33. 14 November 2011
    ricky bilang,

    kalo adobe CS2 sama juga mengaplikasikannya???

    Reply
  34. 28 November 2011
    Dio bilang,

    Saya ko ga bisa menemukan simulate pressure setting Brush nya menjadi “Simulate Pressure” ?

    Reply
  35. 30 November 2011
    zeronagato bilang,

    thanks gan …..
    keren neh jadi nya….
    hahahahaha……
    ga kalah sama punya agan hehehe
    :D ……

    Reply
  36. 18 December 2011
    afif bilang,

    senangnya berbagi ilmu

    Reply

Mari Berkomentar!

*informasi yang di perlukan

Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here

Posting Populer

Mari Berbagi Informasi

    • Digital Painting (Illustration)30 January 2012

      Bagaimana cara membuat ilustrasi digital dengan Tablet Pen

    • Membuat Tulisan Berbentuk Wajah Dengan Photoshop Cs531 October 2011

      Dalam tutorial Photoshop membuat tulisan berbentuk wajah ini kita juga akan belajar menggunakan beberapa teknik Photoshop sekaligus yang dikemas dalam satu paket hemat, cepat, murah lagi. Seperti teknik menyeleksi rambut dengan teknik Refine Edge, teknik seleksi Photoshop dengan menggunakan Color Range, kemudian bagaimana cara membuat Brush Photoshop sendiri.

    • Simple Trik Berkreasi Dengan Brush Photoshop7 October 2011

      Tutorial photoshop kali ini saya mencoba membuat photo menjadi seperti gambar di samping. Entah apa itu namanya, yang penting hasilnya seperti itu. Kalau boleh saya akan menamainya dengan efek poster atau mungkin juga efek stiker (maaf jika namanya kurang tepat), tapi itu terserah anda mau menyebutnya sesuatu apa.

    • Cara Membuat Stempel Lingkaran Dengan Photoshop6 October 2011

      Tutorial Photoshop cara membuat stempel berbentuk lingkaran ini saya buat sebagai alternatif saja bagi anda belum bisa menggunakan Corel Draw ataupun software pengolah gambar vektor lainnya, namun disisi lain anda cukup menguasai Photoshop.

    • Free Download Ebook Tipografi - Meet Your Type4 October 2011

      Kadang urusan mengatur tata letak dan jenis huruf dapat menjadi sesuatu yang sangat menyebalkan. Tapi jika di pelajari lebih lanjut hal ini bisa jadi menarik

    • Tips Optimalisasi Gambar Untuk Web30 September 2011

      Di sini saya akan menyampaikan beberapa tips cara mengoptimalkan gambar untuk website.

    • Membuat papernote dengan photoshop28 September 2011

      Mendesain papernote atau catatan kecil dengan photoshop. Tutorial oleh psdesain.net yang mudah di ikuti dengan langkah step-by-step berbahasa indonesia.

    • Color Droid25 September 2011

      Color Droid adalah aplikasi color palette dan color picker berbasis android yang diperuntukkan bagi para designer web dan grafis untuk mencari warna yang tepat dan menyimpan warna tersebut guna mempermudah pekerjaan mereka.

    • Manipulasi tangan swirl dengan photoshop22 September 2011

      Belajar photoshop bagaimana memanipulasi efek brush swirl dengan photoshop.

    • Photomontage"The lost city"16 September 2011

      Didalam tutorial ini kita akan menggunakan proses masking memainkan blending mode dan menjaga keseimbangan warna.

Galeri Pembaca

Mau Berlangganan Jurus Grafis Melalui Email? Ya! tentu saja!