12
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 [email protected] 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

Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

  • Upload
    lediep

  • View
    229

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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

[email protected]

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

Page 2: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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.

Page 3: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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:

Page 4: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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

Page 5: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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

Page 6: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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.

Page 7: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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

Page 8: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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.

Page 9: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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.

Page 10: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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.

Page 11: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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 :)

Page 12: Tutorial Membuat Sketsa Vector Menggunakan Adobe ...ilmuti.org/wp-content/uploads/2019/02/Kris-Budiyanto_Tutorial-Membuat... · poster, kartu nama, dan ... Tentu saja mensketsa secara

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.