Tracing Cepat dan Mudah dengan Inkscape

Ada 60 Komentar Seru

Oleh: Richard Fang

25 November 2009

tracing_cepat_mudah_inkscape

Terkadang kita membutuhkan software olah vektor yang dapat di andalkan selain Adobe Illustrator dan Corel Draw. Pada kasus ini yaitu kita ingin menggunakan fitur auto trace yang ada di semua software olah vektor standar.

Namun hasil yang di dapat terkadang tidak sesuai harapan, belum lagi deadline sudah mulai menghantui. Kita perlu sesuatu yang cepat dan mudah, jangan cemas lagi karena sekarang ada Inkscape, selain gratis fitur auto trace nya sangat bisa di andalkan. Tapi tetap saya ingatkan jangan bergantung kepada software, lebih baik mengasah kemampuan yang tidak akan pernah hilang :)

Hasil terbaik auto trace Inkscape bisa di dapat jika kita ingin mentrace siluet yang lumayan banyak detil, atau mem-vektorisasi gambar tangan kita. Menurut saya, Inkscape paling berguna untuk membuat vektor dari gambar manual kita.

Sebelum mencoba, silakan unduh Inkscape disini. Setelah itu siapkan gambar manual kamu yang sudah di scan.

Langkah 1

Jalankan Inkscape, secara otomatis software ini akan membuat dokumen kosong. Tidak perlu menghiraukan ukuran dokumen, karena kita hanya akan mengambil hasil auto trace nya saja.

inkscape_tuts_langkah1

Langkah 2

Pilih gambar hasil scan yang kamu inginkan (di sarankan berupa warna hitam putih, beresolusi tinggi, JPEG), cara mengimport dokumen gambar, File > Import. Lalu akan muncul kotak dialog seperti di bawah ini.

inkscape_tuts_langkah2

Jika sudah memilih, klik Open.

inkscape_tuts_langkah3

Langkah 3

Kita akan langsung men-auto trace gambar tersebut. Klik/seleksi gambar, lalu Path > Trace Bitmap

inkscape_tuts_langkah4

Sekarang kita akan mengatur setting trace nya. Klik Update untuk mengaktifkan preview, supaya kita bisa melihat kira-kira hasil auto trace nya. Atur Brightness Cut Off nya sesuai dengan kemauan kamu, makin tinggi angkanya, akan semakin gelap dan kemungkinan detil yang kita inginkan akan hilang, jadi kamu harus sering bereksperimen dengan pengaturan ini.

inkscape_tuts_langkah5

Setelah puas dengan hasil preview, klik Ok.

Langkah 4

Hapus image pixel yang tadi kita gunakan, sehingga hanya ada hasil vektor nya saja. Sudah terlihat hasilnya bukan? Bagus dan halus sekali hasil auto trace nya.

inkscape_tuts_langkah6

Langkah 5

Simpan hasil vektor nya dalam format SVG, supaya bisa di buka di Adobe Illustrator atau Corel Draw.

inkscape_tuts_langkah7

inkscape_tuts_langkah8

Selesai!

Sekarang vektor ini siap di gunakan di software olah vektor favorit kamu, baik itu untuk di rubah warna nya, di sempurnakan bentuknya, dan sebagainya. Fully Editable! :)

inkscape_tuts_langkah9

Unduh Inkscape di tautan ini.

Jangan lupa gabung di Facebook Page Jurus Grafis dan ikuti Twitter Jurus Grafis untuk mendapatkan berita desain tambahan.

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 60 Komentar Seru Tentang Posting Ini

  1. 25 November 2009
    Daus bilang,

    Baru tahu :)

    Selama ini sih manual. Capek dan makan waktu memang.

    Reply
  2. 25 November 2009
    Silvia bilang,

    The right tools on the right time. Hehehe.. everyweekend reminds me of something :D
    Thanks for sharing, Cad :)

    Reply
  3. 26 November 2009
    zam.web.id bilang,

    wew sepertinya lebih bagus daripada CorelDraw yah, mantab!

    Reply
  4. 26 November 2009
    ardi bilang,

    pang nanya, sama autotracenya illustrator mantepan mana sob ?

    Reply
    • 26 November 2009
      Richard Fang bilang,

      kalau untuk trace gambar item putih manual mantepan ini :D klo Illustrator masih kasar yah, ga tau yg CS4 sih hehehe

      Reply
  5. 26 November 2009
    mayasari bilang,

    beberapa orang sudah merekomendasikan kepada saya untuk menggunakan inkspace. Eh, ada artikel ini… Makasih ya. Memantabkan saja nih….

    Reply
  6. 26 November 2009
    Richard Fang bilang,

    @ Daus _ yup kadang2 kalau butuh cepet pake ini aja :)

    @ Silvia _ sip sama2 sil

    @ Zam _ blom pernah coba Corel sih hehehe yg pasti lebih bagus dari AI

    @ mayasari _ ya ayo di coba :D thanks!

    Reply
  7. 26 November 2009
    Rayi Christian Wicaksono bilang,

    wah wah,..
    keren bro!
    thanks sharenya,..

    Reply
  8. 26 November 2009
    Jauhari bilang,

    Apakah dengan Corel/illustrator tidak ada kemampuan ini?

    Reply
    • 26 November 2009
      Richard Fang bilang,

      ada juga di 2 program itu, tapi kualitas nya beda, lebih bagus di Inkscape untuk auto trace :)

      Reply
  9. 27 November 2009
    frankhakim bilang,

    omagaaat! bener-bener jurus ini mah! terus update yah om richard, btw the next wave gada kabar? OOT

    Reply
    • 27 November 2009
      Richard Fang bilang,

      yo pakabar nih? hehehe thanks!
      the next wave udah history lah LOL

      Reply
  10. 27 November 2009
    tsar bilang,

    waduh bagus nya.. apakah bisa sedetail gambar inking komik atau illustrasi semacam gambar kaos merk afflicction bro. klo bisa detail saya akan guanakan
    dan program ini berat gak bro?

    Reply
    • 27 November 2009
      Richard Fang bilang,

      silakan di coba aja bro :) yg pasti hasil bagus ga ada yg instan hehehe
      klo mau untuk yg simpel2 sih rasanya masih cukup
      enteng kok

      Reply
  11. 27 November 2009
    alid abdul bilang,

    corel x4 uda bagus tuh tracenya… tapi coba yang ini deh…

    Reply
  12. 1 December 2009
    Raksaka bilang,

    Salah satu alternatif pengganti yang gratis dari CorelDraw yang mumpuni adalah Inkscape. Saya juga pakai. Lanjutkan…

    Reply
  13. 3 December 2009
    eko putra bilang,

    betul..betul..betul…aku juga udah coba…simply perfect bro..

    Reply
  14. 3 December 2009
    asfan bilang,

    asyik ada mainan baru nih, :)

    Reply
  15. 3 December 2009
    tsar bilang,

    ada link lain susah bgt buat di download

    Reply
  16. 3 December 2009
    tsar bilang,

    sering gagal bro

    Reply
  17. 5 December 2009
    tsar bilang,

    makasih bro link nya dah bisa nih , skarang lagi test. semoga dappet hasil maximal

    Reply
  18. 5 December 2009
    tsar bilang,

    WADUH………INI SANGAT -SANGAT ——HUEBAT—- senang sekali walau memang lambat mungkin komptuer ku yg kurang VGA nya tapi hasilnya …MEMUASKAN… thank you

    Reply
  19. 5 December 2009
    Treecore bilang,

    Wihh baru tau, gak capek2 retrace sketch lagi dah, Thanks berat chard :D

    Reply
  20. 7 December 2009
    Thea bilang,

    whoa. langsung download inkscape! :D

    Reply
  21. 8 December 2009
    Widodo bilang,

    Halo, saya coba untuk mengunduh Inkscape lewat tautan di blog ini. Btw, kenapa ya hasilnya selalu error? File sizenya 8 MB sekian. Kalo gak salah total ada 32MB ya? Kira2 salah saya di mana ya? Mohon pencerahannya.

    Reply
  22. 13 December 2009
    micokelana bilang,

    saya sering convert bitmap ke vector pakai vector magic, dan karena bukan seorang pengrajin seni desain grafis menurut saya cukup.

    Apakah inkscape juga demikian halnya vector magic..??

    Reply
  23. 16 December 2009
    Michael Effendy bilang,

    Nice post, Richard!
    I should try this, asap. Biasanya gw pake vector magic :p

    Reply
  24. 6 January 2010
    Agus Ray bilang,

    Inkscape memang Caemmmm…. dan yang posting juga lho… juga caemmm

    Reply
  25. 29 January 2010
    Adhiepradana@DesainQu bilang,

    Auto trace lebih bagus pake inkscape daripada CDR/AI? Boleh dicoba nih inkscape ( sering denger tapi ga pernah pake ).
    Kalo males download2 program, bisa pake vector magic, tracing via browser gituh…

    Reply
  26. 5 February 2010
    Endone bilang,

    Bro Richard punya info utk Mac.nya ga????

    Reply
    • 6 February 2010
      Richard Fang bilang,

      sori bro, kurang tau untuk mac, (masih pake pc :P )

      Reply
  27. 6 February 2010
    Didit bilang,

    File Svg nya dipindahin ke Corel kok gambarnya jadi gak sesuai ama yang di Inkscape … :(

    Reply
  28. 7 February 2010
    tsar bilang,

    jadiin Eps filenya

    Reply
  29. 24 February 2010
    bajingan bilang,

    mmm… mirip vektormagic yah???

    Reply
  30. 19 March 2010
    surya55 bilang,

    gan, file .svg nya ga bisa dibuka di ai, katanya klo ga salah file jpegnya tidak diketemukan…
    mohon pencerahannya gan… makasi…

    Reply
    • 20 March 2010
      Richard Fang bilang,

      klo udah svg harusnya ga ada jpeg nya lagi dong?

      Reply
  31. 22 April 2010
    jawir45 bilang,

    wah makasih gan sangat membantu

    Reply
  32. 25 April 2010
    DOES bilang,

    kren..saya dah coba.gampang banget..

    Reply
  33. 11 June 2010
    naro bilang,

    nice share, ane nyoba deh. kalo ternyata lebih jeblok dari illustrator…tunggu bata merah.hahaha.

    Reply
  34. 23 June 2010
    Aseng bilang,

    Untuk hardware pndukungnya pa……..?
    trus gmana cara open di coreldraw………?

    Reply
    • 23 June 2010
      Richard Fang bilang,

      pake pc mana aja bisa kok, cara open di corel kurang tau, tapi harusnya sih corel bisa buka format .svg

      Reply
      • 23 June 2010
        Aseng bilang,

        emang bisa tapi gambarnya gak nampak alias kosong, putih bersih

        Reply
  35. 3 July 2010
    trio@gcreatives bilang,

    menuju TKP siap mencoba…

    Reply
  36. 5 July 2010
    Eko bilang,

    Mantab nih bang.. coba dulu ah..

    Reply
  37. 10 July 2010
    fajarfaqih bilang,

    Bagus bos tracingannya. Lebih gampang dimengerti opsi trace nya :) . Tapi tetap saja, masih belum halus. Manual masih lebih bagus, tapi ya itu dia, yang jadi masalah (utama) disini adalah waktu.

    Reply
  38. 26 July 2010
    yordan bilang,

    wah, gratisan lagi
    kalo buat pengganti illustrator
    yg gratisan apa ya mas?

    Reply
  39. 31 August 2010
    corro bilang,

    thanks for this share sob..

    Reply
  40. 2 September 2010
    micokelana bilang,

    di AI CS5 fasilitas auto tracenya juga sudah semakin baik….saya beberapa kali butuh tracing selalu puas dengan hasilnya. Memang objek2 bitmap yang kompleks masih belum baik hasilnya. Tapi klo file yang ada di artikel ini, baik kok hasilnya….

    Reply
  41. 21 November 2010
    masyhury bilang,

    keren mas, saya koleksi juga ya mas,, sangat membantu pekerjaan nih,, :D

    Reply
  42. 30 December 2010
    ridwan bilang,

    keren,, g kaya auto trace d corel… nice..^^

    Reply
  43. 6 January 2011
    PRIYO bilang,

    MAS MAKASIH INFONYA. DITUNGGU INFO BERIKUTNYA

    Reply
  44. 4 February 2011
    faris bilang,

    keren banget softwarenya, thanks bro richard,

    Reply
  45. 28 May 2011
    Alwin bilang,

    Wow.. hampir sj frustasi dari tadi nge-trace gagal terus… thanks mas bro tutorialnya ok banget ;)

    Reply
  46. 5 July 2011
    boe bilang,

    hahaha.. langsung automatic download.. posting lebih byk seperti ini gan, sangat berguna dan efektif

    Reply
  47. 25 July 2011
    yusmana bilang,

    makasih banged Gan…infonya

    Reply
  48. 22 September 2011
    qky bilang,

    sama kya AI kerjaNYa,
    cuma bisa trace hitam putih itupun harus resolusi tinggi,,,klo yg berwarna trace ttp manual no. 1 yach,,,he,,,, :P

    Reply
  49. 20 April 2012
    trending topik bilang,

    wah,ilmu baru nih
    thanks sharingnya gan
    sangat bermanfaat

    Reply

Mari Berkomentar!

*informasi yang di perlukan

Kartumuu.com
Motion by Design
The Shadow Puppet
Bajigur
Dropbox Free Space 500MB

Posting Populer

Mari Berbagi Informasi

    • Cara Membuat Text Effect Prees | Ditekan16 April 2012

      Trick Text Effect Press ini sangat mudah untuk dipelajari. kita hanya perlu memberi 3 layer style pada layer text.

    • 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.

Galeri Pembaca

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