Menggabungkan Sketsa Ke Dalam Foto

Preview

Sebelum memulai tutorial ini. Lihat terlebih dahulu gambar yang akan kita buat.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Source File

Untuk mengikuti tutorial ini, silakan ambil gambar-gambar dari link berikut:

Langkah 1

Mulai dengan membuka gambar jembatan di Photoshop. Saya memilih gambar ini karena ada banyak detail di dalamnya sehingga lebih menarik ketika dijadikan sketsa.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 2

Ambil gambar tangan dan potong bagian yang tidak diperlukan.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 3

Warna tangan tidak cocok dengan gambar latar. Kita perlu sedikit memperbaikinya. Tambahkan Adjustment Layer Hue/Saturation dengan setting seperti berikut.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 4

Ambil gambar kertas dan simpan di atas tangan.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 5

Beri Adjustment Layer Hue/Saturation dengan setting berikut untuk mengubah kertas timah menjadi kertas biasa.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto
Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 6

Gandakan gambar jembatan. Simpan di atas kertas. Ubah menjadi Clipping Mask dengan menekan Ctrl + Alt + G. Hilangkan warna dengan perintah Desaturate (Shift + U).

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 7

Gandakan gambar jembatan lalu balikkan warna dengan menekan Ctrl + I. Masukkan kembali gambar ke dalam kertas dengan menekan Ctrl + Alt + G.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 8

Ubah blend mode layer menjadi Color Dodge. Ini akan mengubah gambar menjadi putih.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 9

Aktifkan Gaussian Blur untuk memunculkan sketsa.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 10

Anda bisa memperkuat sketsa dengan menggabungkan kedua layer, Ctrl + E, lalu menggandakan gambar teratas (Ctrl + J). Ubah blend mode layer ke Multiply. Jika dirasa sketsa yang diperoleh terlalu kotor, turunkan opacity layer teratas.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 11

Seleksi jempol yang harusnya berada di atas gambar. Tekan Ctrl + J lalu simpan layer di atas kertas.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 12

Buat layer baru di atas tangan lalu lukis bayangan lembut kertas pada tangan.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 13

Turunkan opacity layer sketsa yang bermode Normal hingga 15%. Ini akan memunculkan kembali bayangan dan highlight pada kertas.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 14

Saya merasa sketsa ini terlalu rapi. Jadi, perlu sedikit dirusak. Aktifkan layer sketsa kedua, yang bermode Multiply, dan beri filter Angled Strokes.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 15

Klik ikon New Filter untuk menambah filter baru dan pilih Filter Grain.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 16

Sekarang lukis bayangan jempol pada kertas.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 17

Bagian bawah kertas terlalu rapi, sangat tidak natural. Lukis hitam bagian itu menggunakan brush lembut.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 18

Saya juga merasa bahwa kertas menjadi terlalu polos, terlihat terlalu datar. Saya perlu memberinya lebih banyak highlight. Di sini, saya menggunakan teknik yang dijelaskan di tutorial Quick Tip Psdtuts+, silakan baca tutorialnya untuk referensi lebih lengkap.

Aktifkan tool gradient, pilih gradasi hitam ke putih dengan tipe reflected dan blend mode Difference. Buat beberapa gradient di atas layer baru.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Langkah 19

Ubah blend mode highlight dan shadow yang dihasilkan gradient menjadi Overlay dengan Opacity 34%.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Hasil Akhir

Saya harap Anda menyukai hasil akhirnya. Jika ada pertanyaan, jangan sungkan untuk bertanya di kolom komentar.

Tutorial Photoshop Menggabungkan Sketsa Ke Dalam Foto

Like and Share

About Jeprie

Saya seorang penulis, desainer grafis, dan blogger. Hingga saat ini saya telah menghasilkan belasan buku, menulis tutorial di berbagai situs, dan mendesain mockup PSD. Saya berharap mempunyai lebih banyak waktu luang untuk bermain GTA.

Berlangganan

Ikuti berita terbaru dengan berlangganan melalui email.

, ,

30 Responses to Menggabungkan Sketsa Ke Dalam Foto

  1. andry sianipar 8 September 2010 at 6:24 pm #

    wwow…
    tutorial yang mantabbbb neeh…
    blogwalking sekaligus meyerap ilmu baru…

    • jeprie 9 September 2010 at 5:43 am #

      Trims. Semoga bermanfaat tutorialnya.

  2. Agus Siswoyo 8 September 2010 at 10:21 pm #

    tiap kali saya mengunjungi blog tutorial manapun, saya hanya bisa berdecak kagum. nggak ada komentar lain mas. hehehe…

    • jeprie 9 September 2010 at 5:45 am #

      Terima kasih. Tutorial memang tidak bisa dikomentari banyak, kecuali kita teknik yang berbeda. Silakan di-share jika suka.

  3. ajir 9 September 2010 at 2:25 am #

    nice bg!
    cuma kontras tangan sama backgroundnya agak berbeda..tapi untuk efek sketsanya… mantap!

    • jeprie 9 September 2010 at 5:46 am #

      Ya, memang kontrasnya tidak begitu bagus. Saya sudah lama tidak punya projek manipulasi foto. Banyak teknik yang lupa.

  4. Tamba Budiarsana 9 September 2010 at 3:21 am #

    Wah, keren. saya mau coba juga, kebetulan sedang mencari tutorial Photoshop .
    :)

    • jeprie 9 September 2010 at 5:46 am #

      Trims. Silakan dicoba.

  5. cOcO dEviL 9 September 2010 at 3:59 am #

    manTap banG jeP….

    Tapi sya sTuju dgn mas ajIr, hanya wrna tanganx yg sdikit kontras dgn background. gmbar tngan trlihat pucaT, tp untuk penambahan effect, hsil akhir dan hal” lainnya bner” perfect. Tampak reaListis, :D …..

    • jeprie 9 September 2010 at 5:49 am #

      Saya sudah lama tidak punya manipulasi foto, jadi hasilnya tidak begitu akurat. Harus banyak belajar lagi.

  6. Arief Rizky Ramadhan 9 September 2010 at 5:18 am #

    hemm.. seperti bikin kertas di dalam foto ya.. tapi ini lebih keren.. dibuat jadi sketsa idenya yang menarik mas.. mantap !

    • jeprie 9 September 2010 at 5:50 am #

      Sebetulnya idenya dari projek penggabungan sketsa betulan ke dalam foto. Di sini, saya mencoba mempermudah dengan menggunakan Photoshop.

  7. IkazNarsis 9 September 2010 at 10:57 am #

    idenya menarik, menggabungkan berapa teknik dalam satu karya, mengubah menjadi sketsa dan manipulasi photo dengan penggabungan berapa objek.

    Khas designdigital, nice mas jep

    • jeprie 9 September 2010 at 1:15 pm #

      Memang standar tutorial di luar seperti ini. Jadi, kita harus bisa mengajarkan beberapa teknik sekaligus.

  8. agustantyono 9 September 2010 at 4:46 pm #

    keren euy…..

  9. Akmal Abadillah 9 September 2010 at 8:08 pm #

    Mas Jeprie keren banget deh tutorialnya,….
    Tp langkah-langkahnya terkadang suka membuat saya bingung,
    maklum abis saya masih bru coba-copa phostoshop.Bisa gak kalau tutorialnya dibuatkan dalam bentuk video,supaya setiap langkah-langkahnya dapat terjelaskan dengan detail.
    Upload video bisa di youtube atau menggunakan File Hosting seperti Mediafire.com.
    Terima Kasih

    • jeprie 9 September 2010 at 9:16 pm #

      Sayangnya, pembuatan video sepertinya tidak mungkin. Prosesnya lebih lama, perlu editing selain itu proses uploadnya sangat menyita waktu.

      Semua buku saya selalu disertai video dengan durasi total rata-rata 1 jam. Saya sarankan beli saja karena di sana penjelasannya pasti lebih jelas. Source dan file akhir tersedia lengkap.

      Tutorial di situs ini memang tidak terlalu detail dengan berasumsi pembaca sudah mengetahui dasar-dasar Photoshop, seperti proses seleksi, penggunaan adjustments layer, dan konsep layer mask.

      Mungkin nanti saya akan membuat tutorial yang lebih sederhana bagi pemula.

  10. wenart 9 September 2010 at 10:24 pm #

    wahh ~ nice nih gan :D thanks for the share :D

    • Jeprie 10 September 2010 at 8:56 am #

      Trims. Saatnya juga buat para master illustrasi berbagi. Saya tunggu tutorialnya mas.

  11. SopianGunS 12 September 2010 at 8:57 pm #

    mantap bang,,
    makasih dah bantu saya!
    saya terbantu dengan tutorial abang!
    apalagi saya bergelut di desain digital juga…
    makasih ya bang!

  12. ardi 13 September 2010 at 12:14 am #

    langsung praketk yach,, hehehee

  13. andy 21 September 2010 at 11:13 am #

    bukan main!!!! Idenya inspiratif bgt! Msh ada orang yg mau berbagi ilmu hebat spt ini ya….thanks bro..

  14. Erdien 24 September 2010 at 6:09 am #

    Kek sketsa beneran ya. Padahal intinya itu bayangan dari fotonya ya Mas?

    • jeprie 24 September 2010 at 8:45 am #

      Jadi, sebetulnya ada dua teknik di sini. Mengubah foto jadi sketsa menggunakan filter otomatis dan memasukkan sketsa ke dalam kertas kosong.

  15. metha 4 November 2010 at 9:47 am #

    wuuuuuaa…….bagUs Baned ?

  16. kamal izzat 14 November 2010 at 5:16 pm #

    mas gimana tuh cara dapetin foto jembatanya soalnya kalo mau download harus daftar…

    • Jeprie 14 November 2010 at 8:12 pm #

      Daftarnya gratis. Mau pakai gambar lain juga bisa.

  17. kamal izzat 17 November 2010 at 3:24 pm #

    mas… apa adaa toturial sejenis seperti ini

  18. Replace ID 29 May 2011 at 11:46 am #

    waw, manteb banget nih, detail dan hasil akhir yang memuaskan.
    masuk direktori utama Google lagi :)
    salam kenal ya mas sekaligus jalan”