tutorial membuat sketsa vector menggunakan adobe...
TRANSCRIPT
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Tutorial Membuat Sketsa Vector Menggunakan Adobe
Illustrator CC
Kris Budiyanto
Abstrak
Pernakah teman-teman melihat suatu ilustrasi/logo yang terlihat seperti gambar sketsa,
namun apabila diperhatikan lebih detail ternyata merupakan gambar vector. Ilustrasi
tersebut sering dinamakan Sketsa Vector. Style Sketsa Vector sudah sering sekali dipakai
untuk kepentingan branding, seperti : ilustrasi website, ilustrasi buku/sampul buku,
poster, kartu nama, dan juga logo. Keunggulan Sketsa Vector ini adalah style yang
ditampilkan terlihat seperti gambar sketch tetapi garis yang dipakai terlihat tegas dan
sederhana, sehingga cantik untuk dilihat. Itulah mengapa beberapa perusahaan atau
pengusaha memilih style ini untuk brand mereka. Dan juga karena ilustrasi ini dibuat
dalam format vector tentu saja apabila size ilustrasinya dibesarkan atau dikecilkan tidak
akan pecah. Pada umumnya gambar sketsa digital dibuat menggunakan aplikasi
Photoshop dan bantuan alat pen tablet. Tetapi kali ini saya akan membahas cara membuat
sketsa pada aplikasi Adobe Illustrator CC dan tetap menggunakan pen tablet. Caranya
cukup sederhana dan tool software yang digunakanpun tidak terlalu rumit. Dan apabila
teman-teman terus berlatih menggunakan style ini maka hasilnya akan semakin baik.
Kata Kunci: sketsa vector, adobe illustratos cc, branding
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Pendahuluan
Sebuah sketsa dapat memiliki beberapa tujua, yaitu merekam sesuatu yang dilihat
oleh seniman, merekam atau mengembangkan gagasan untuk dipakai kemudian, atau
dapat juga digunakan sebagai cara singkat menggambarkan citra, gagasan, atau prinsip.
Sketsa dapat dibuat pada beragam media gambar tetapi disini saya hanya akan
menjelaskan sketsa yang dibuat dengan software Adobe Illustrator CC menggunakan pen
tablet. Lalu apakah pembuatannya harus menggunakan pen tablet? Pen tablet berguna
seperti kuas, pensil, atau pulpen yang peruntukannya seperti mensketsa secara tradisional
namun perbedaannya adalah pen tablet langsung diinput secara digital menggunakan
pc/laptop. Apabila menggunakan mouse maka proses sketsa akan sulit karena mouse
tidak diperuntukkan untuk menggambar.
Kenapa harus menggunakan Adobe Illustrator bukan Photoshop?
Tentu saja mensketsa secara digital menggunakan Photoshop bisa saja,namun hasil file
yang akan ditampilkan akan menjadi raster image bukan vector image.
Raster image dan Vector Image merupakan hal yang sangat berbeda.
Vektor image adalah gambar yang terbentuk dari sejumlah garis / kurva. Garis ini
tidak tergantung oleh banyaknya pixel, sehingga apabila dilakukan pembesaran
(zooming) tidak akan kehilangan detailnya, dan juga gambar tidak terlihat pecah atau
kabur berbentuk kotak kotak. Vektor image biasanya digunakan untuk pembuatan logo,
karena logo sering ditempatkan pada skala yang sangat kecil seperti kartu nama/kop surat
atau skala yang sangat besar sekali, seperti banner atau bill board.
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Sedangkan Raster image / Bitmap merupakan gambar yang terbentuk dari titik –
titik atau pixel. Apabila membuat ilustrasi menggunakan raster image, ini tergantung oleh
banyaknya pixel sehingga apabila dilakukan zooming / pembesaran, akan terlihat kotak-
kotak piksel dari gambar tersebut. Atau apabila terlalu dibesar atau dikecilkan dapat
menimbulkan image tersebut menjadi rusak/buram.
Pembahasan
Oke langsung saja kita memulai cara membuat sketsa vectornya. Pertama-tama buka
software Adobe Illustrator terlebih dahulu. Saya disini menggunkan Adobe Illustrator
versi CC2018, karena fiturnya yang lebih lengkap dibandingkan versi sebelumnya.
Namun jangan khawatir, hanya adobe versi CC pun juga sudah cukup untuk membuat
sketsa vector ini, berikut tampilannya:
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Untuk Canvasnya teman-teman dapat menggunakan A4 atau canvas web.
Kemudian klik tool Blob Brush Tool atau dapat melalui shortcut (shift+B).
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Pastikan stroke sudah diberi warna yang kontras dengan background agar terlihat saat
menggambar.
Kemudian Double klik tool Blob Brush Tool sehingga akan tampil display seperti
dibawah ini dan ikuti settingan sesuai image tersebut lalu klik OK.
Settingan size disini tidaklah fix, dapat diubah-ubah tergantung sketsa yang ingin
digambar. Untuk shortcut settingan size Blob Brush Tool dapat mengguakan ( [ = untuk
mengecilkan ) dan ( ] = untuk memperbesar ).
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Kemudian setelah itu teman-teman bisa langsung memulai mensketsa apapun yang
teman-teman inginkan. Disini proses sketsa yang ditampilkan adalah sketsa vector logo.
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Bagi teman-teman yang kesulitan menggambar garis lurus menggunakan pen tablet, pada
Blob Brush Tool Option tingkat smooth dapat ditambah agar lebih halus.
Untuk pemberian detailnya, teman-teman sebaiknya jangan memberikan tool fill pada
sketsa kalian, sebagai gantinya tetap menggunakan Blob Brush Tool dan sizenya dirubah
menjadi lebih besar. Hal ini karena agar sketsa terlihat artistik (terlihat ada sedikit warna
background bukan full block warna).
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Setelah kerangka illustrasi selesai, tambahkan detail coretan teksture dan latar belakang
pepohonan tergantung illustrasi kalian. Apabila terjadi kesalahan, kalian juga dapat
menghapus garis Blob Brush Tool kalian dengan menggunakan Eraser Tool dengan
shortcut SHIFT + E.
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Agar illustrasi kalian tampak lebih realistic, kalian dapat menambahkan shading atau
bayangan. Teknik shading yang digunakan dapat menggunakan Teknik Hatching atau
teknik Cross Hatching, dengan tetap menggunakan tool Blob Brush Tool.
Dibawah ini adalah contoh pengaplikasian cross hatching pada beberapa object.
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Ulangi proses pemberian detail Shading (cross hatching) dan beberapa detail latar
belakang sampai hasil yang diinginkan.
Ingat, ubahlah ukuran Blob Brush Tool pada coretan yang sesuai agar ilustrasi lebih
artistik.
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Untuk sentuhan logo, berikan beberapa elemen logo seperti nama branding dan berikan
sedikit warna agar illustrasi tidak berwarna monochrome.
Horeee! Selamat Ilustrasi Sketsa Vector kalian sudah selesai :)
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Penutup
Sederhana bukan tool yang digunakan? Pembuatan sketsa ini hanya menggunakan
Blob Brush Tool untuk menggambar dan Erase Tool untuk menghapus garis apabila
terjadi kesalahan. Selain itu kalian juga dapat memakai tool-tool lain yang ada pada
illustrator untuk mempercantik ilustrasi kalian.
Apabila kalian sering-sering berlatih menggunakan style ini, Insyallah kalian dapat
membuat karya-karya hebat lainnya.
Referensi
youtube.com/watch?v=tlGi41d3V7g
id.wikipedia.org/wiki/Sketsa_(gambar)
cia.edu/blog/2017/08/the-difference-between-adobe-photoshop-and-adobe-
illustrator
belajarkomputer98.wordpress.com/2016/06/24/pengertian-dan-perbedaan-
antara-vektor-dan-raster-pada-grafis/
mybluprint.com/article/this-hatching-exercise-will-make-your-drawings-better
Biografi
Perkenalkan saya Kris Budiyanto, Mahasiswa semester 6 jurusan IT. Kegiatan saya saat
ini selain menjadi mahasiswa adalah terjun dibidang Graphic Design. Saya bercita-cita
agar menjadi orang sukses yang mampu membantu keluarga dan saudara-saudara saya
dari sisi finansial ataupun lainnya. Bagi kalian yang ingin menghubungi saya dapat
melalui Instagram @kris_budiyanto99, Terima kasih telah membaca.