Membuat Objek Vektor - Desain Grafis

Membuat Objek Vektor - Desain Grafis



Desain grafis sekarang ini lagi diminatin banget nih. Baik di dunia pendidikan, bisnis konvensional, dan e-commerce. Pokoknya yang berunsur gambar digital, desain grafis adalah dewanya. Desain grafis biasanya sih berupa poster, komik, logo branding, hiasan hadiah kejutan, atau infografis. Siapapun bisa bikin desain grafis, kok. Dari yang nggak bisa gambar sampai yang nggak bisa komputer sekalipun. 

Ya asal mau terus berlatih sih. 

Contohnya aku. Aku mana bisa sih gambar pakai pensil/ballpoint secara spontan? Nggak seperti jemari syantik-nya Emak Gaoel yang bisa meliuk lincah bikin doodle atau handwriting. Aku sih bisanya nge-blat atau mencontoh materi gambar yang sudah ada.

Kalian percaya nggak kalau dulu aku bikin gambar digital seperti gambar di bawah ini? Ya, ini adalah foto keluargaku yang kugambar dengan... ah.. sudahlah...


Tapi mungkin kemudian aku akrab dengan Aplikasi editor seperti Adobe Photoshop atau Adobe Ilustrator. Dari oret-oretan gambar nggak jelas itu kukombinasiin jadilah sebuah karya baru yang kubuat secara digital yang dinamakan vektor.



Lah, gambar pakai pensil aja nggak bisa!
Ya udah, kita coba olah foto yang sudah ada. Misal foto wajah temen langsung kita buat vektornya tanpa harus dikonsep dengan pensil. 

Bisa gambar, sih... Tapi nggak bisa bikin versi digital atau vektornya
Maka inilah tujuanku panjang lebar dari tadi. Waks. Aku bakal share tutorial membuat objek vektor dengan mudah. Kuberikan beberapa langkah dan tips-tipsnya di bawah ini, ya!


Hal yang perlu disiapkan

Alat tulis seperti Kertas, ballpoint atau pensil jika ingin membuat objek dari nol.
Gambar/foto yang ingin dibuat objek dari gambar yang sudah jadi.
Aplikasi Editor gambar/foto.

    Di tutorial ini aku menggunakan aplikasi editor Adobe Ilustrator ya. Boleh loh pake aplikasi apa saja yang kamu punya. Asal dengan resolusi yang tinggi.


    Langkah-langkah:

    1. Siapkan gambar yang ingin dibuat vektor
    2. Scan atau foto saja dengan smartphone dengan kualitas foto yang baik, seperti Smartphone-nya Smartfren Andromax E2 misalnya. 
    3. Simpan gambar tadi di komputer
    4. Buka aplikasi edior gambar, buat kanvas baru. 
    5. Buat ukuran besar (sebutuhnya aja) dengan resolusi besar juga (300dpi)
    6. Drag gambar tadi ke dalam kanvas



    Membuat Vektor

    Kunci pertama membuat grafis ada adalah bermain LAYER. Dengan layer, kita bisa mengatur objek mana yang berada di atas atau dibawah.

    Pilih New Layer untuk menambahkan layer. Kunci dengan Lock (gambar gembok) di beberapa layer supaya nggak geser. Kunci dan lepas Lock sesuai kebutuhan.



    Menggeser Layer

    Suatu ketika Layer A di bawah Layer B. Kita ingin Layer B berada di atas Layer A. Maka caranya cukup tekan dan geser Layer B tepat di atas Layer A.




    Penggunaan Pen Tool

    Kunci Kedua dalam membuat grafis adalah penggunaan PEN TOOL. Ini seolah-olah pensil kita di dunia digital. Kita akan membuat berbagai area objek dengan berbagai bentuk. Konsepnya seperti membuat kurva. Buat titik awal dan titik berikutnya hingga membentuk sebuah objek.



    Teknik pewarnaan pada PEN TOOL ada dua: Fill dan Outline. Sesuaikan dengan kebutuhan ya. 

       TIPS   
    Membuat objek supaya mudah adalah dengan membuat outlinenya terlebih dahulu, baru isi dengan warna.


    Save Objek Vektor

    Save file mentah dengan cara: Save As...
    Nah, untuk save objek vektor yang sudah jadi ada 2 jenis nih. Yaitu Export dan Save for Web.



    Perbedaannya adalah:
    Export – Menyimpan gambar objek dengan ukuran yang paling baik dan rekomendasi untuk percetakan.
    Save for Web – Menyimpan gambar objek dengan ukuran yang kecil untuk kepentingan blog/website supaya anti lelet.

    Sesuaikan saja ya...




    Nah, sekarang mulai 
    mencoba membuat objek yuk! 
    Siapkan gambar sederhanamu dan mulai dibuat versi digitalnya.


    Untuk lebih lengkapnya, yuk simak tutorial
    yang kubuat langsung menggunakan video.
    Just 5 minutes. 




    Selamat mencoba!
    Ingat, bukan hanya grafis saja yang bagus, kontennya juga harus berkualitas,
    sehingga apa yang kita sampaikan menarik dan bermanfaat!


    Previous
    Next Post »

    35 komentar

    Write komentar
    Rifqi Banyol
    AUTHOR
    Thursday 26 May 2016 at 17:08:00 GMT+7 delete

    Gila! Keren bgt deh. Gue cuma bisa edit2 pake photoshop doang nih.

    Eh iya. Keren bgt tau gambarnya. Nti malem mulai belajar edit2 lagi.. makasih ya..

    Untuk video mungkin nanti gue liat. Klo sekarang masih krisis kuota.. hehe

    Reply
    avatar
    HendraDigital
    AUTHOR
    Thursday 26 May 2016 at 17:14:00 GMT+7 delete

    Very nice bakat Vindy. Belajar berapa lama? Profesi kamu sangat menjanjikan banget loh, bisa ngasilin uang dan bermanfaat buat blog juga. Sukses terus buat lombanya yaa

    Reply
    avatar
    PIPIT
    AUTHOR
    Thursday 26 May 2016 at 17:39:00 GMT+7 delete

    Vindy.. Kamu nih udah cantik pinter lagi, aku yg cewek aja kesengsem sama kamu vin.

    Btw kamu belajar otodidak kan? Butuh waktu berapa lama tuh buat bisa mahir? Soalnya aku pribadi bukan orang yg tahan banting kayak kamu yg bisa fokus blajar otodidak kayak gini.

    Sukses yah buat lombanya, semoga kamu menang vin :)

    Reply
    avatar
    rizki
    AUTHOR
    Thursday 26 May 2016 at 18:01:00 GMT+7 delete

    Aku sempet nganga, gila hasilnya keren banget ya. Brb download aplikasinya nih.

    Ditambah ada video tutorialnya lagi, keren. Eh, apa cuma menurutku aja kalo suaranya kekecilan?

    Reply
    avatar
    Inna riana
    AUTHOR
    Thursday 26 May 2016 at 18:02:00 GMT+7 delete

    wah keren...bukmark dulu. tfs ya mba

    Reply
    avatar
    Pakde Cholik
    AUTHOR
    Thursday 26 May 2016 at 18:31:00 GMT+7 delete

    Asyik dapat ilmu baru
    Saya akan cobanya
    Terima kasih tutorialnya Mbak
    Salam hangat dari Surabaya

    Reply
    avatar
    Thursday 26 May 2016 at 18:50:00 GMT+7 delete

    Wah... Keren ya Vin. Salut banget sama cewek yang kreatif gini. Nah, apalagi kontennya makin hari makin keren aja, nih. Nice Video bangetlah.

    Kapan ya, gue bisa buat Video juga. :D

    Reply
    avatar
    kakdidik13
    AUTHOR
    Thursday 26 May 2016 at 19:14:00 GMT+7 delete

    Ajarin buat vektor mbak hehehe :)

    Reply
    avatar
    Thursday 26 May 2016 at 20:15:00 GMT+7 delete

    ngewarna2in gitu lumayan makan waktunya ya?harus byk latihan ya bikin ilustrasi... bagus videonya :)

    Reply
    avatar
    Li Partic
    AUTHOR
    Thursday 26 May 2016 at 20:41:00 GMT+7 delete

    Coba pake sotosop bisa ga yaaa

    Reply
    avatar
    Agung Rangga
    AUTHOR
    Thursday 26 May 2016 at 20:50:00 GMT+7 delete

    asik nambah ilmu baru~
    makasih mbak sharingnya~ :D

    Reply
    avatar
    khairiah
    AUTHOR
    Thursday 26 May 2016 at 22:01:00 GMT+7 delete

    Alhamdulillah dapat ilmu baru tfs yaa

    Reply
    avatar
    Uwien Budi
    AUTHOR
    Thursday 26 May 2016 at 23:36:00 GMT+7 delete

    Waaaa, thanks for sharing. Pengen bisa, dikit-dikit belajar ah.

    Reply
    avatar
    Friday 27 May 2016 at 00:04:00 GMT+7 delete

    Yaj pake ilustrator. Gak punya softwarenya. #persoalan Bikin tutorial pake photoshop dong mbak :'3

    Reply
    avatar
    Milda Ini
    AUTHOR
    Friday 27 May 2016 at 06:57:00 GMT+7 delete

    keren infonya mb, ma ksh ya

    btw blognya udh sy folow ya

    Reply
    avatar
    Friday 27 May 2016 at 08:34:00 GMT+7 delete

    Keren mba, pake video segala, jelas banet lah pokoknya. Tapi aku masih bingung kalau pake photoshop, ga ngerti-ngerti.

    Reply
    avatar
    Unknown
    AUTHOR
    Friday 27 May 2016 at 10:45:00 GMT+7 delete

    Desain grafis ini sekarang di era digital kayak gini emang dibutuhkan banget yaa. Terlebih lagi kita para blogger kalau pengen blog nya kece juga seenggaknya paham ilmu dasarnya.

    Jujur aku dari dulu itu pengen banget loh bisa bikin vector, tapi sampe sekarang masih belum bisa-bisa. Entah akunya mungkin yang males belajar hehe.

    Aku udah liat videonya loh btw dan keren banget vlognya! tutorialnya juga cukup singkat padat dan jelas, Vin.

    Reply
    avatar
    Friday 27 May 2016 at 10:46:00 GMT+7 delete

    Keren banget!! Mau belajar juga ah. Aku masih kagok pake Photoshop dan ga pernah nyobain Adobe Illustrator . Selama ini cuma Photoscape :|

    Reply
    avatar
    Melisa
    AUTHOR
    Friday 27 May 2016 at 11:28:00 GMT+7 delete

    Wahhh, kreasinya Mbak Vindy keren banget.
    Kalo gambar vektor itu emang sentuhannya lebih personal, ya.
    Donlot software-nya dulu ah biar bisa belajar juga :D

    Reply
    avatar
    Siti Nurjanah
    AUTHOR
    Friday 27 May 2016 at 11:33:00 GMT+7 delete

    blm pernah coba adobe ilustrator, bermain photoshop blm main grafis tingkat tinggi seperti membuat animasi :D

    Reply
    avatar
    Friday 27 May 2016 at 14:23:00 GMT+7 delete

    Sampai sekarang masih belum beres kalau pakai tools vector di photoshop euy :((

    Reply
    avatar
    Om Elang
    AUTHOR
    Friday 27 May 2016 at 17:00:00 GMT+7 delete

    Mau vektorin hatiku nggak Vin, #eh

    Reply
    avatar
    Friday 27 May 2016 at 19:04:00 GMT+7 delete

    keren nih, gue juga baru banget belajar vektor :D

    Reply
    avatar
    zaenudin
    AUTHOR
    Saturday 28 May 2016 at 14:23:00 GMT+7 delete

    wah mesti tahan banting ya kalau mau bisa secara otodidak.. hehe

    makasih Tipsnya nona vindy

    Reply
    avatar
    Unknown
    AUTHOR
    Saturday 28 May 2016 at 14:55:00 GMT+7 delete

    Anjir kereeeeeen paraaaaaah. Biasanya gue nemuin yang jago design grafis gini cowok, eh ini ada cewek. Sempurna amat lu kak jadi cewek, cantik, blogger, pinter design grafis lagi. Bikin envy -_-

    Haha gak percaya gue itu gambar digital pertama kaka yang buat. Setelah liat sekarang kek gitu hasilnya. Itu mukanya absurd gitu. But emang sih semua ada prosesnya sendiri ya. Dan lagi makin di asah ilmu nya, pasti makin tajem, jadilah kaka sekarang jago seperti itu.

    Dulu gue suka juga buat gambar digital gitu kak, tapi pake adobe photoshop dan sumpah gue manual tau kak. Hahaha geli!!! Jadi pan gue gambar pake mouse gitu ngikutin gambar yang udah gue copy di kanvas. Jadi kebayang la kan gambarnya ada geter-geter gitu, pake mouse sih. Alat pen apalah gitu gak punya.

    Next, bakal gue buka tutor di blog kaka ini. Pengen juga la bisa design grafis, minimal buat foto sendiri ato edit tarok di blog kan :D

    Btw, salam kenal ya kak

    Reply
    avatar
    Heru Ramadhan
    AUTHOR
    Saturday 28 May 2016 at 18:45:00 GMT+7 delete

    Keren! Saya juga gak bisa gambar pake pensil, lebih suka gambar digital.

    Reply
    avatar
    Monday 30 May 2016 at 05:30:00 GMT+7 delete

    keren juga mbak cara buat grafisnya, ternyata lewat manual dulu toh

    Reply
    avatar
    Akarui Cha
    AUTHOR
    Monday 30 May 2016 at 11:03:00 GMT+7 delete

    Wuaaaaaa makasih tutorialnya Vind. Aku jadi pengen nyobain. Secara image sama content kan saling berkaitan. Siapa tau bisa bikin blog makin.cantik. ^.^

    Reply
    avatar
    Inda Chakim
    AUTHOR
    Tuesday 31 May 2016 at 18:58:00 GMT+7 delete

    kereennn mbk, pgn belajar juga nih, iyak klok pakek potoshop suka pecah, sm kayak hatiku yg sering diporak porandakan oleh tgl tua, hahahaha
    tengkiu ya mbk

    Reply
    avatar
    efo.teo
    AUTHOR
    Wednesday 1 June 2016 at 11:00:00 GMT+7 delete

    Aaaakh :D keceee :D sejauh ini aku masih buta sama hal-hal desain semacam vector ini :D terimakasiiiih yak mbak :D

    Reply
    avatar
    dWi (nining)
    AUTHOR
    Friday 10 June 2016 at 05:33:00 GMT+7 delete

    Alamaaaaak, belum mudeng make toolsnya wkwkwk katrok yak.
    Btw selamat yaaah, keren ilmunya. Tfs ya ^^

    Reply
    avatar
    Heru Prayogo
    AUTHOR
    Thursday 23 June 2016 at 12:06:00 GMT+7 delete

    vektor paling mantep kalo emang pake aplikasi jodohnya, illustrator atau corel, nice info

    Reply
    avatar

    Jejakkan komentar, saran, kritik, dan pertanyaan melalui Contact atau komentar di bawah ini. Gunakan komentar Facebook (di atas) jika ingin mendapat notifikasi balasan langsung dari Facebook. Atau bisa juga dengan akun Blog/Gmail.

    Terima kasih berkenan membaca dan mampir di Vindy Pindy Mindy.
    --- www.vindyputri.com ConversionConversion EmoticonEmoticon