April 7th, 2006

Tentunya sangat menyenangkan bila kita bisa mengubah semua photo diri kedalam bentuk vektor. Tapi itupun tidak semudah membalikkan telapak tangan untuk membuatnya. Butuh ketelitian, ketelatenan dan kesabaran yang sangat tinggi. Jika anda bukan tipe orang seperti yang aku sebutkan di atas, lebih baik menyingkir dari tutorial ini. Hehehe…

Yang perlu disiapkan

Beberapa software grafis sebenarnya bisa digunakan. Tapi kemampuan tiap orang sangat berbeda dalam menggunakan setiap software. Beberapa software yang bisa digunakan adalah sebagai berikut :

1. Adobe Photoshop
2. Adobe Illustrator
3. Corel Draw
4. Macromedia Flash
5. Macromedia Fireworks

Sebenarnya, masih ada banyak software yang bisa digunakan, dan perlu diingat, kelima software di atas tidak tersedia padaku, kalau mau, beli sendiri.

Untuk orang-orang yang masih pemula seperti aku, aku sangat menganjurkan untuk menggunakan Macromedia Flash. Kenapa? karena semua software selain Macromedia Flash menggunakan node. Kalau ndak mengerti node itu apa, ya begitulah… :D

Kemudahan Macromedia Flash

Beginilah kemudahan Macromedia Flash, kotak di ujung kiri menunjukkan tool yang sedang digunakan. Pada gambar 1, anda hanya perlu menggunakan Line Tool untuk menggambar sebuah garis. Kemudian pada gambar 2, ketika anda mendekatkan kursor mouse pada garis tersebut, kursor mouse berubah gambarnya. Itu menandakan garis tersebut bisa kita lengkungkan cukup dengan drag mouse ke arah yang diinginkan. Pada gambar ketiga, garis lurus akhirnya menjadi lengkung. Mudah bukan? Berbeda sekali dengan sistem node yang aku bilang di atas.

Dasar dalam merubah photo anda ke dalam bentuk vektor hanya permainan mouse seperti di atas. Jika masih ada kesulitan, mungkin lebih baik anda mencoba berulang-ulang. Langkah awal memang selalu lebih sulit *halah*

Ambil photo terbaik anda

Sekarang waktunya memilah-milih mana photo yang akan rubah menjadi vektor. Dalam hal ini, andalah yang mempunyai keputusan absolut. Bahkan nantinya, photo jelek anda bisa menjadi ganteng seganteng-gantengnya, atau cantik secantik-cantiknya.*doh*

Untuk mengambil gambar, anda cukup menekan menu File di ujung kiri, kemudian pilih Import Image seperti yang di contohkan pada gambar di atas.

Setelah gambar muncul pada kanvas Macromedia Flash, lihat pada bagian atas sebelah kiri. Buat Layer baru, dan kuncilah layer gambar anda seperti yang dicontohkan pada gambar di bawah ini.

Kita mulai.

Sebelum memulai, anda harus siapkan mental terlebih dahulu, karena ini akan benar-benar membuktikan sampai dimana ketelitian anda. Tidak dianjurkan anda memulai membuat vektor setelah berlari pagi, atau sedang kesal dengan seseorang.

Mulailah pada bagian atas terlebih dahulu. Akan lebih baik anda menggunakan garis yang berwarna sangat mencolok seperti merah. Jangan lupa, anda harus menggunakan tipe garis hairline. Karena tipe garis inilah yang paling tipis diantara yang lain.

Langkah 1

Buat semua menjadi satu kurva (kurva adalah kumpulan garis yang tertutup). Seperti dicontohkan pada gambar di atas (lihat garis berwarna merah), aku menggunakan sebagian lengan baju sebagai contoh. Disana ada sebagian lipatan berwarna gelap, yang tidak ketinggalan dibuat kurva.

Langkah 2

Ketika selesai memberi kurva pada setiap bagian, jangan lupa memberi warna. Disini, insting anda sangat bermain dalam memberi warna. Kita bisa memberi warna lebih tua pada bagian lipatan, atau memberi gradasi warna pada bagian lain.

Langkah 3

Hapus garis merah, dan lihat hasilnya. Biasanya, pada percobaan pertama, anda akan merasa takjub. Hehehe…

Akhir kata

Selamat berkreasi, bagi anda yang ternyata masih kesulitan mengikuti tutorial ini, bisa langsung memintaku untuk membuat photo anda menjadi vektor. Tentunya, ehm.. ehm… ah sudahlah… gak tega jualan disini… :D

Related posts:

  1. Tutorial: Membuat template wordpress (2) – Desain template Yeah, akhirnya tutorial bagian pertama dilanjutkan. Dari beberapa komentar dan...
  2. Flickr tutorial: How to styling a badge Switch to Bahasa IndonesiaAs you may know, Flickr is one...
  3. Tutorial: Buat menu navigasi yuk Dulu, saat era sebelum CSS mulai booming, menu navigasi dibuat...
  4. Tutorial WordPress: Membuat daftar komentar lebih menarik Saya masih saja agak kesulitan untuk menulis tutorial baru tentang...
  5. Tutorial: Membuat template WordPress(3) – Header Lanjut lagi. Setelah membahas masalah desain, kini kita berlanjut ke...



Kategori:blog, tutorial



59 Responses

  1. Pujiono says:

    wah, kemarin tutorial programming, sekarang tutorial image. Besok lagi tutorial apa, dats?

    Eh, ngomong-ngomong, apa loe nggak takut disemprit sama Polisi EYD? Yang bener “mengubah”, bukan “merubah”..

  2. Iang says:

    inkscape juga enak :-”

  3. wandira says:

    sweet .. totally ..

  4. Deny says:

    manteb nih.

    thanks for sharing.

    ditunggu part#2 tutorialnya, dats :)

    bagian muka, rambut dan sekitarnya.

    can’t wait.

  5. saylow says:

    MANA HASIL VEKTORNYA DIDAT? OM SAYLOW LIHAT DONG!! HAHAHAHA!

  6. geblek says:

    sep sep……
    lanjutkan kreasimu nak, bagi elmumu,
    btw tutorial buat themes mana yah

  7. kan di corel ama illustrator ada yang namanya LiveTrace..semua foto akan di buat vektor-nya hanya dalam 2-3 klik saja ^^

  8. Ireth says:

    Mau tutorial yang pake photoshop donks.. :D Ato sama aja? :-?

  9. Ben says:

    pake foto cewek seksi dong buat contoh…

    liat foto cowok di atas jadi ILFIL… huek…

  10. ndra says:

    lah, kok cuma segitu doang?? hasil akhirnya mana dats?? kasi liat dwong *ato jangan – jangan ancur ya hasilnya hihihi…*

  11. ndra says:

    hwaaaaaaaa… ip gw gag dikenal!! dem!! *gw ngga puwas, gw mesti ngetik triadi lagih, huh!*

  12. gour says:

    mmm.. kalo bikinnya pake photoshop ato fireworks, bukan vektor lagi dong namanya? bukannya ps ma fw itu buat bitmap?

  13. hericz says:

    mana hasilnya dats? kok cuma bagian kawosnya doang?

    hihihih

  14. husein says:

    aaahh, kok ikut2 pake flash sih.. dari dulu aku kalo bikin vektor juga pake flash… coba vektor-in wajah donk… hehehe

  15. goiq says:

    iye dats, nyang pake sotosop nye dunks… biarin dah lebih ribet…

  16. Ebo says:

    fasilitas corel trace bagian dari corel draw.. juga tinggal leebs…

  17. Aswad says:

    Kalo pake GIMP gimana caranya?

  18. paydjo says:

    gw mintak tutoriyal buwat emespen ajah yach, gag usah sopwer aneh2

    :-”

  19. fajri says:

    biar tidak terkesan detik banget (beritanya menyesatkan), mendingan tulisan : “Ups. maaf, masih under windows)” dihapus saja.

  20. bn says:

    Kalo gak salah, ada beberapa jenis grafis apa gitu.. satu berbentuk vektor, dan apalagi gitu.. mungkin bisa dijelaskan tentang itu? :D

    apakah semua perangkat lunak yang disebutkan di atas itu termasuk ke dalam grafis bentuk vektor?

    saya gak ngerti grafis, mungkin bisa dijelaskan.

  21. didats says:

    #1 terima kasih mas puji, sudah aku rubah secepatnya…

    #4 silahkan menunggu… hihihi.. :D
    #5 lupa bawa bos… masih di komputer
    #7 oke, memang bisa… tapi apa sesuai keinginan? ndak lah…
    #8 aku kan pemula.. jadi blom bisa potosop banget… hehehehe
    #12 hanya softwarenya mas. mereka memang mengkhususkan diri untuk bitmap. tapi bukan berarti kita gak bisa bermain vektor disana.
    #17 ndak tau.
    #19 siap boss fajri!
    #20 namanya bitmap. tapi kalo menjelaskan tentang itu, aku gak terlalu banyak punya referensi. lebih baik langsung ke praktek aja…

    kalau belum ngerti, bisa minta tolong om gugel carikan…

  22. isni says:

    merasa kebalap..

    merasa terasing dr dunia blog…

    kwkwkwkw..

    more dats… gw ngegambar muka gagal mulu.. hehehehe

  23. arie says:

    wawww
    kok nggak dulu dulu sih dats bikin tutorial nya …hehe
    eh ini tambahan kalo ada yang mau nyari tutorialnya dalam potosop
    http://www.webifex.com/downloads.html
    itu dalam bentuk pdf kok jadi enak

  24. kenzo_77 says:

    gile.. thx yah mas didats.. tutornya keyen euy.. coba ah ;)

  25. dedenf says:

    jangan lupa inkscape atau sodipodi

  26. sigit says:

    salam kenal..saya pengen memuat gambar saya dalam web-page, tapi tidak dalam bentuk gambar besar, melainkan memecahnya dalam beberapa bagian di tabel yang sudah saya siapkan.. tapi kesukaran saya adalah presisi memotong gambar dan meletakkan dalam cell tabel di web.. mohon pencerahan..terimakasih

  27. Ade says:

    mas akumau tanya… aku kan sudah buat animasi.. trus yang saya tanyakan gimana cara merubah animasi yang aku buat menjadi file .exe, supaya animasiku bisa di buka di komputer yang nggak ada program flasnya. begitu terima kasih

  28. Firmansyah says:

    Bagaiman Caranya mengedit foto dengan macromedia fireworks

  29. Dani says:

    NO COMMENT.YOU CRAYZ

  30. Kiplikz says:

    Klo Pake MAcromedia Freehand Boleh ndak

  31. dewi says:

    mas didat cakep deh?!
    sep tenan pokoke!!! teruskan bagi tutorialnye biar dapet pahala hehehehehe!!!!
    otre!!!

  32. rud says:

    bagi bagi plugsin photoshop ada ga nihh…. yang top banget

  33. rud says:

    bagi bagi plugsin photoshop ada ga nihh…. yang top banget

  34. agung nugroho says:

    pas aku mau import poto kok ndak bisa yah?keterangane “not falid site definition file” gimana tuh?

  35. rezky says:

    kalau software gratisannya dimana

  36. abi tanjung says:

    bagus, saya senang banget liat situs mas, yang jelas terus cari pahala aja karena kiamat sudah dekat

  37. bad_boy says:

    mas, buatjuga tutorial desain web dengan photoshop

  38. 2FuN says:

    bentar tak coba di rumah. ntar klo ak kesulitan ajarin aku ya bos.

  39. ADIANSYAH says:

    nge-trace wajah caranya gimana…………….

  40. albert says:

    MANTAB DATZ. Ada yg laennya gax’z Didat pake S?

  41. hady says:

    bisa tunjukin caranya bikin foto jadi gambar vektor pake photoshop ga?pliis ya

  42. fix says:

    salam pecinta veltor…he.3x

    gila deh ne ilmu bikin gw semedi 6 bulan kalo ada ilmu2 baru maudunx kirimke email gw
    fixgituloh@yahoo.com

  43. kamlan oye oye says:

    mas atau mbak, setelah kami perhatikan gambar yang sebagai contoh di atas,,
    kami melihat sepertinya pengeditan gambar itu kayaknya gak terlalu jelas. mksudnya pengeditannya begitu nampak.
    jadi, bagi orang yang melihat foto itu, merekajadi gak pingin belajar. sama seperti saya…
    karena pengeditannya kurang..
    makasiii

  44. dharz says:

    mas tutor vectornya dari corel dunk… klo bikin vektor di photoshop biar halus gmn si??? cuz gw bru bljr.. huhuhu

  45. dizto says:

    sori neh…
    gw numpang celoteh disin gak pa2 ya?

    oke juga tuh bro tutorialnya,
    trnyata asik juga ya klo bisa berbagi ilmu..
    tapi biasanya gw kalo bikin pake coreltrace boz…
    menurut gw seh lebih enak tinggal beberapa kali klik trus di rapiin deh…

    tapi selera orang kan beda2 ya gak…

  46. dito says:

    mas ajarin saya dong bikin vektor…

    saay udah coba pake FLASh tapi susah banget apa ada cara yang lebih gampang

    mohon bantuan nya!!1

    thanks

  47. ali says:

    kk aku cuman mao nannya,,

    kalo gambar” distro ituh pake software apa yah??

  48. amie says:

    bagus uy kerenlah