Anda di halaman 1dari 158

ADOBE ILLUSTRATOR

Great Tutorial
Sanksi Pelanggaran Pasal 113
Undang-Undang Nomor 28 Tahun 2014
tentang Hak Cipta
1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana
dimaksud dalam Pasal 9 ayat (1) huruf i untuk Penggunaan Secara Komersial dipidana
dengan pidana penjara paling lama 1 (satu) tahun dan/atau pidana denda paling banyak
Rp100.000.000 (seratus juta rupiah).
2. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau pemegang Hak
Cipta melakukan pelanggaran hak ekonomi Pencipta sebagaimana dimaksud dalam Pasal 9
ayat (1) huruf c, huruf d, huruf f, dan/atau huruf h untuk Penggunaan Secara Komersial
dipidana dengan pidana penjara paling lama 3 (tiga) tahun dan/atau pidana denda paling
banyak Rp500.000.000,00 (lima ratus juta rupiah).
3. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau pemegang Hak
Cipta melakukan pelanggaran hak ekonomi Pencipta sebagaimana dimaksud dalam Pasal 9
ayat (1) huruf a, huruf b, huruf e, dan/atau huruf g untuk Penggunaan Secara Komersial
dipidana dengan pidana penjara paling lama 4 (empat) tahun dan/atau pidana denda
paling banyak Rp1.000.000.000,00 (satu miliar rupiah).
4. Setiap Orang yang memenuhi unsur sebagaimana dimaksud pada ayat (3) yang dilakukan
dalam bentuk pembajakan, dipidana dengan pidana penjara paling lama 10 (sepuluh) tahun
dan/atau pidana denda paling banyak Rp4.000.000.000,00 (empat miliar rupiah).

ii | Adobe llustrator Great Tutorial


ADOBE ILLUSTRATOR
Great Tutorial
Edi Sarwono © 2018

PENERBIT PT. ELEXMEDIA KOMPUTINDO

Adobe llustrator Great Tutorial  |  iii


Adobe Illustrator Great Tutorial

Edi Sarwono, S.Sn.


© 2018, PT. Elexmedia Komputindo, Jakarta
Hak Cipta dilindungi undang-undang
Diterbitkan pertama kali oleh
Penerbit PT. Elexmedia Komputindo
Kelompok Gramedia Anggota IKAPI, Jakarta 2018

Dilarang keras menerjemahkan, memfotokopi, atau memperbanyak sebagian


atau seluruh isi buku tanpa izin tertulis dari penerbit.

Dicetak oleh Percetakan PT Gramedia, Jakarta


Isi di luar tanggung jawab percetakan.

iv | Adobe llustrator Great Tutorial


KATA PENGANTAR
Buku- buku panduan mengenai Ilustrator masih sangat minim, dibandingkan dengan
buku-buku Coreldraw. Penulis telah melakukan riset kecil dengan mengamati buku-
buku panduan komputer di beberapa toko buku di Jakarta.
Selain itu, penulis juga mendapati bahwa buku-buku panduan ilustrator yang ada
lebih banyak membahas tentang bagaimana cara membuat efek-efek menarik saja.
Masih sangat sedikit buku yang membahas secara lengkap tentang bagaimana
memahami tools, perintah, dan fitur-fitur yang ada pada program berbasis vektor
ini. Hal ini sangat memprihatinkan sehingga muncul ide untuk segera merilis buku
panduan lengkap tentang Adobe Illustrator berikut contoh kasus berupa tutorial
sebagai latihan.
Buku ini adalah penyempurnaan dari buku ajar yang penulis pakai untuk mengajar
Komputer Grafis (Digital Illustration) di Sekolah Tinggi Media Komunikasi Trisakti
dan Sekolah Tinggi Desain Interstudi sampai saat ini.
Penulis sudah mempunyai pengalaman menulis buku photoshop yang dirilis oleh
Elexmedia Komputindo (Photoshop CS2 Great Tutorial - 2007 & Photoshop CS3 Great
Tutorial - 2008).
Semoga buku ini dengan segala kekurangannya dapat memenuhi keinginan para
hobbyist, praktisi, dan para pengajar komputer grafis untuk lebih mendalami
program ini.
Terima kasih yang tak terhingga kepada Allah Swt Istri dan anak saya Alces Mata &
Gorgeous son - Gabriel Azalia nun jauh di sana.. Essang - Talauuud..

Edi Sarwono, S.Sn.

Adobe llustrator Great Tutorial  |  v


DAFTAR ISI
Bab 1 Teknik Seleksi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Selection Tool (Panah Hitam) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Isolation Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Lasso Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Magic Wand Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Selection Command . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Layers Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Bab 2 Membuat objek sederhana dan pengaturannya . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12


Bentuk Sederhana . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Transformasi Objek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Perataan Objek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Pathfinder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Bab 3 Bekerja Dengan Warna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Menentukan Model Warna (Color Model) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Memilih Warna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Menyimpan Warna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Membuat Warna Gradasi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Memilih Warna Harmonis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

Bab 4 Penguasaan Pen Tool, Mengedit & Mendistorsi Path . . . . . . . . . . . . . . . . . . . . . . . . . . 50


Pen Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Memodifikasi Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

Bab 5 Default Brush VS Custom Brush . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62


Default Brush . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Scatter Brush . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Art Brush . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Pattern Brush . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74

vi | Adobe llustrator Great Tutorial


Bab 6 Typography . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Membuat Teks untuk Judul dan Paragraf . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Memilih Jenis Font . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Mengunduh Font dari Internet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Teks Mengikuti Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Mendistorsi Teks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
Mengubah Teks Menjadi Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Menambahkan Outline (Stroke) bertumpuk pada Teks . . . . . . . . . . . . . . . . . . . . . . . 88
Text Wrap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Memasukkan Image ke dalam Teks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

Bab 7 Membuat Pattern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

Bab 8 Blend Tool dan Opacity Mask . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100


Blend Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Opacity Mask . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Membuat Animasi Flash Sederhana di Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . 104

Bab 9 Membuat Objek 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112


Extrude & Bevel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
Mempersiapkan Map Art . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
Revolve . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117

Bab 10 Tutorial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120


Line Art . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Live Trace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Desain Isometris (Isometric Design) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136

Adobe llustrator Great Tutorial  |  vii


Abstract Vector Art.
Warp Tool, Twirl Tool & Clipping Mask.
© 2016-edi sarwono.

viii | Adobe llustrator Great Tutorial


PENDAHULUAN

Program pengolah gambar berbasis vektor yang banyak dikenal di Indonesia saat ini yang
penulis ketahui saat ini adalah CorelDraw dan Adobe Illustrator.
Freehand sudah tidak dikembangkan lagi karena sudah diakuisisi oleh Adobe Corp. Semua
tools dan fitur yang ada di program ini dimasukkan ke dalam Adobe Illustrator sehingga
program Adobe Illustrator semakin lengkap.
Penulis memilih program Adobe Illustrator karena pertimbangan kegunaannya yang
sangat fleksibel dengan program lain sesama keluaran Adobe System (Cross-Platform),
seperti Photoshop, Flash (Adobe Animate), After Effect, Dream Weaver, dll.

Untuk Siapa Buku Ini?


Buku ini ditulis untuk siapa saja yang tertarik untuk membuat ilustrasi berbasis vektor.
Buku ini baik untuk pemula atau yang sudah pernah menggunakan aplikasi Illustrator.
Ditulis dengan alur yang terstruktur dengan pemahaman tools dan fitur-fitur yang
paling mendasar sampai pemahaman tingkat lanjut. Pada bab akhir, penulis memberikan
beberapa tutorial dengan contoh kasus untuk mempraktikkan teori yang sudah
dijelaskan pada bab-bab sebelumnya.
Short-cut

Windows Mac

Ctrl Cmd
Alt Opt
Edit > Preferences Application > Preferences

Kebutuhan Minimum
Buku ini menggunakan adobe Illustrator CS6 sebagai tool untuk melakukan fungsi
editing. Jika Anda menggunakan versi di bawahnya, mungkin akan ada beberapa
fitur yang tidak sesuai dengan penjelasan yang ada di buku ini.

Adobe llustrator Great Tutorial  |  1


File Latihan
Untuk membantu mengikuti latihan untuk praktik, sangat disarankan bagi Anda untuk
memiliki file latihan yang telah kami sediakan. Pastikan seluruh font yang kami sediakan
Anda instal terlebih dahulu, sebelum memulai latihan.
Buku ini tidak dilengkapi CD pendamping, maka Anda dapat mengunduhnya dari website
penulis: http://edisarwono366.wixsite.com/portfolio

2 | Adobe Illustrator Great Tutorial


•• Masuk ke website penulis: http://edisarwono366.wixsite.com/portfolio.
•• Klik Tab
•• Setelah masuk ke halaman Adobe Illustrator Great Tutorial, klik tombol
•• Sekarang Anda bisa mengunduh file-file latihan dari Google Drive.

•• Klik lalu pilih untuk mengunduh


seluruh folder file-file latihan.
•• Klik-kanan pada folder Bab yang Anda pilih, lalu pilih download untuk mengunduh folder
ini.

Best Regards,

Edi Sarwono, S.Sn

Adobe Illustrator Great Tutorial  |  3


BAB 1

Teknik Seleksi

Sebelum memodifikasi atau melakukan 1. Selection Tool


editing terhadap objek, yang perlu kita 2. Lasso tool
lakukan pertama adalah menyeleksi/memilih 3. Magic Wand tool
objek tersebut. Pada bab ini, Penulis akan 4. Isolation mode
menjelaskan bagaimana cara menyeleksi 5. Selection commands
objek dengan berbagai teknik. 6. Layers panel

Selection Tool (Panah Hitam) . . . . . . . . . . . . . . . .


Shorcut :
Tekan tombol ‘V‘ pada keyboard.

Untuk memilih objek, lakukan hal berikut:


•• Klik pada objek langsung, atau klik-geser dari
luar ke arah objek (objek tidak perlu dikurung/
marquee).
•• Untuk memilih banyak objek. Tahan tombol
Shift, lalu klik-geser pada objek-objek yang
ingin dipilih.
•• Jika ada beberapa objek sedang terpilih,
Shift-klik pada salah satu objek untuk tidak
memilihnya.

4 | Adobe llustrator Great Tutorial


Isolation Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Jika Anda masuk ke dalam Moede Isolasi (Isolation Mode), maka objek di luar mode ini tidak akan dapat
diedit/dipilih dan ditampilkan dengan transparansi 50% (dimmed).

•• Buka file Isolation Mode (Bab 1).


•• Pilih objek yang ingin Anda edit (pilih objek
bunga yang di tengah), lalu klik tombol Isolate
Selected Objek pada sisi kanan atas baris
pilihan. Group 1

•• Jika objek terdiri dari beberapa group, pilih Group 2


salah satu group, lalu klik tombol Isolate Group 3
Selected Objek. Group 4
Group 5
•• Lakukan hal yang sama untuk mengisolasi
objek di dalam group.
•• Jika ingin keluar dari mode Isolation Mode,
pastikan tidak ada objek yang terpilih, klik
tombol Isolate Selected Objek.

Shortcut •• Klik-ganda pada objek dengan Selection tool untuk masuk ke dalam
mode Isolation Mode.
•• Klik-ganda di luar objek untuk keluar dari mode Isolation Mode.

Tidak dapat diedit

Dapat diedit

Adobe llustrator Great Tutorial  |  5


Bab 1 Teknik Seleksi

Lasso Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Shorcut:
Tekan tombol ‘Q’ pada keyboard.

Untuk memilih objek, lakukan hal berikut:


•• Buka file Selecting (Bab 1).
•• Kelilingi objek dengan tool ini.
•• Untuk memilih banyak objek. Tahan tombol
Shift, lalu kurung pada objek-objek yang ingin
dipilih.
•• Untuk memilih objek secara keseluruhan,
pastikan seluruh objek terkurung. Jika hanya
sebagian objek yang terpilih, maka Anda hanya
memilih beberapa titik (anchor point) saja.

Magic Wand Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


Shorcut:
Tekan tombol ‘Y’ pada keyboard.
Tool ini memilih objek berdasarkan atribut (Fill
Color, Stroke Color, Stroke Weight, Opacity, dan
Blending Mode).
Untuk memilih objek, lakukan hal berikut:
•• Klik-ganda pada Magic Wand Tool untuk
memunculkan panel pilihan. Secara default,
Pilih Reset untuk
tool ini hanya memilih objek berdasarkan Fill
mengembalikan ke
Color (warna isi). setting default.
•• Nilai Tolerance pada Fill Color adalah 20, Matikan pilihan
artinya ada 20 unsur warna yang akan terpilih. Use All Layers, jika
Masukkan nilai 0, jika ingin memilih satu unsur ingin memilih objek
warna saja. pada satu layer

6 | Adobe Illustrator Great Tutorial


•• Stroke Color : Memilih objek berdasarkan
warna stroke (garis).
Matikan pilihan yang lain.
Masukkan nilai ‘0’, jika ingin memilih satu unsur
warna stroke.

•• Stroke Weight : Memilih objek berdasarkan


ketebalan garis.
Matikan pilihan yang lain.
Masukkan nilai ‘0’, jika ingin memilih objek
dengan ketebalan garis yang sama.

•• Opacity : Memilih objek berdasarkan


tingkat transparansi.
Matikan pilihan yang lain.
Masukkan nilai ‘0’, jika ingin memilih objek
dengan tingkat transparansi yang sama.

•• Blending Mode : Memilih objek berdasarkan


Blending Mode yang dipilih.
Matikan pilihan yang lain.
Masukkan nilai ‘0’, jika ingin memilih objek
dengan tingkat transparansi yang sama.

Pilihan Blending Mode


berada di Panel Transparency
(Window > Transparency).

Adobe Illustrator Great Tutorial  |  7


Bab 1 Teknik Seleksi

Perintah Select
Penulis akan menjelaskan
perintah-perintah yang berada
pada menu dan submenu Select.

•• Select > All (Ctrl/Cmd+A) •• Select > Deselect •• Select > Next Object Above
Memilih seluruh objek pada (Ctrl/Cmd+Shift+A) (Ctrl/Cmd+Alt/Opt+])
seluruh artboard (halaman). Menonaktifkan seleksi. Memilih objek satu layer
Shortcut: di atas objek yang sedang
•• Select > All on Active
Apa pun Tools yang sedang terpilih.
Artboard
aktif, tahan Ctrl/Cmd untuk
(Ctrl/Cmd+Alt/Opt+A) •• Select > Next Object Above
mengaktifkan panah hitam
Memilih seluruh objek pada untuk sementara, lalu klik di (Ctrl/Cmd+Alt/Opt+[)
artboard (halaman) yang luar objek. Memilih objek satu layer di
sedang aktif. bawah objek yang sedang
•• Select > Reselect (Ctrl/ terpilih.
Cmd+6)
Mengulang kembali perintah
seleksi yang terakhir
digunakan.

8 | Adobe Illustrator Great Tutorial


•• Select > Same > Appearance
Perintah ini memilih objek berdasarkan semua
atribut yang dimiliki objek.
Seleksi objek dengan atribut tertentu (mis:
objek berwarna fill merah, stroke hitam,
ketebalan garis 3pt, Effect: Drop Shadow). Jika
sudah, pilih Select > Same > Appearance, maka
semua objek dengan atribut yang sama akan Panel Appearance
terpilih. (Window > Appearance)

Catatan:
Efek (Drop Shadow, Outer Glow, dll) yang
diterapkan pada objek yang ingin dipilih harus
mempunyai parameter yang sama.

•• Select > Same > Appearance Attiribute


Perintah ini memilih objek berdasarkan atribut
secara lebih spesifik.
Seleksi objek, lalu buka panel Appearance.
Pilih salah satu atribut. Jika sudah, pilih Select
> Same > Appearance Attiribute, maka semua
objek dengan atribut yang sama akan terpilih.
Klik di sini untuk memilih salah satu
atribut sebagai acuan untuk memilih
•• Select > Same > Blending Mode, Fill & Stroke,
objek
Fill Color, Opacity, Stroke Color & Stroke
Weight
Saya lebih suka menggunakan Magic Wand
untuk perintah-perintah di atas.

•• Select > Same > Graphic Style •• Select > Same > Link Block Series
Pilih objek yang bermuatan Graphic Style, Pilih salah satu frame teks yang berhubungan
lalu pilih perintah di atas, maka semua objek (Threaded Text), lalu pilih perintah di atas,
dengan style yang sama akan terpilih. maka semua frame teks akan terpilih.

•• Select > Same > Symbol Instance


Pilih objek Symbol, lalu pilih perintah di atas,
maka semua objek dengan Symbol yang sama
akan terpilih.

Adobe Illustrator Great Tutorial  |  9


Bab 1 Teknik Seleksi

Memilih semua objek dalam satu layer.


Seleksi salah satu
Memilih Anchor Point berikut Tangkai objek terlebih
Kendali (Directions Handle). dahulu, baru Anda
Memilih semua objek yang tidak pilih perintah
menempel ke Pixel Grid.
Memilih semua objek Bristle Brush
Strokes.
Memilih semua objek Brush Strokes.
Memilih semua objek Clipping Mask. Anda tidak perlu
Memilih semua objek Stray Points. menyeleksi objek
Stray Points adalah Anchor Point terlebih dahulu
(titik) yang berdiri sendiri. Stray
Points tidak terlihat karena tidak
mempunyai warna Fill & Stroke
(contoh kasus: Pen Tool: Anda meng-
klik/klik-geser, lalu tidak dilanjutkan
ke titik berikutnya. Type Tool: Anda
meng-klik sekali pada area kerja, tapi
Anda tidak melakukan pengetikan).
Ada baiknya sesekali Anda pilih objek
Stray Points, lalu Anda buang (Delete).
Memilih semua objek Teks.

•• Select > Save Selection


Jika objek yang Anda seleksi cukup rumit, atau
mungkin Anda sering menyeleksi beberapa
objek untuk proses editing, ada baiknya seleksi
tersebut disimpan.

•• Select > Edit Selection


Pilih pilihan ini untuk mengedit nama seleksi
Beri nama yang Seleksi yang disimpan berada pada
atau jika ingin membuangnya. spesifik urutan paling bawah, klik di sini
untuk memunculkan seleksi

10 | Adobe Illustrator Great Tutorial


Layers Panel
Dengan Panel Layer, Anda bisa secara akurat memilih objek secara individual, group, objek di dalam group,
atau seluruh objek di dalam satu layer. Buka file Selecting by layer (Bab 1).

Klik pada kolom paling kanan Layer untuk Klik pada kolom paling kanan Sublayer untuk
memilih seluruh objek pada layer memilih seluruh objek pada sublayer

Klik pada kolom paling kanan Group Klik di sini untuk memilih
untuk memilih seluruh objek pada group objek di dalam group

TIPS Shift+klik pada layer/sublayer/group/


individual untuk memilih atau tidak
memilih objek.

Klik di sini untuk


minimize/maximize

Adobe Illustrator Great Tutorial  |  11


BAB 2

Membuat Objek Sederhana


dan Pengaturannya

Pada bab ini, Penulis akan mencoba menjelaskan teknik-teknik dasar


dalam pembuatan dan pengelolaan objek dengan Adobe Illustrator.

Materi yang akan dibahas adalah:


1. Cara membuat Bentuk Sederhana (Basic Shape).
2. Transformasi Objek (Transforming Objects).
3. Perataan Objek (Aligning & Distributing Objects).
4. Bekerja dengan Warna (Working with Colors).

Arahkan kursor ke sini untuk melepasnya


dari kelompok tools (tear off)

12 | Adobe llustrator Great Tutorial


Rectangle Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

•• Pilih Rectangle Tool , klik drag pada area


kerja untuk membuat kotak dengan ukuran Klik + geser
bebas.

•• Shift + geser untuk membuat kotak sama sisi.

Shift + geser

•• Alt/Opt + geser untuk membuat kotak dari


tengah. Alt/Opt + geser

•• Alt/Opt + Shit + geser untuk membuat kotak


dari tengah dan sama sisi.
Alt/Opt +Shift + geser

TIPS Teknik di atas berlaku juga untuk objek Rounded Rectangle, Ellipse, Polygon, dan Star Tool.

Adobe llustrator Great Tutorial  |  13


Bab 2 Membuat Objek Sederhana dan Pengaturannya

•• Untuk membuat Objek dengan ukuran


tertentu, cukup klik sekali pada area kerja. 2cm
10cm
Jika sudah, masukkan nilai, lalu klik ok.

klik di sini agar nilai Widht dan Height terhubung


(proporsional)

•• Jika units/satuan ukuran tidak sesuai, Anda


dapat mengubahnya. Klik button Document
Set Up pada sisi kanan atas Menu Bar. Ubah
satuan ukuran pada Units.

Rounded Rectangle Tool. . . . . . . . . . . .

TIPS Anda dapat mengatur lengkungan


dengan Shortcut.

Klik-geser (tahan mouse), lalu


tekan panah atas pada keyboard
untuk mengatur lengkungan lebih
Corner Radius Smooth/halus.
Semakin besar nilai, semakin halus lengkungannya.
Tekan panah bawah pada keyboard
untuk mengatur lengkungan lebih
Hard/tajam.

14 | Adobe Illustrator Great Tutorial


Polygon Tool . . . . . . . . . . . . . . . . . . .

TIPS
Klik-geser (tahan mouse), lalu
tekan panah atas pada keyboard
untuk menambahkan sisi.

Sides: Mengatur banyaknya sisi. tekan panah bawah pada keyboard


untuk mengurangi sisi.

Star Tool. . . . . . . . . . . . . . . . . . . . . . .

TIPS
Klik-geser (tahan mouse), lalu tekan panah atas
pada keyboard untuk menambahkan sisi.
tekan panah bawah pada keyboard untuk
mengurangi sisi.
Tahan tombol Ctrl/Cmd ketika membuat objek
Points: Mengatur banyaknya sudut. untuk mengunci Radius 2.
Tahan tombol Alt/Opt ketika membuat objek
untuk meratakan segmen yang berseberangan.

Radius 1 Radius 2 Points Segmen Radius 1 Radius 2

R1 : 4cm R1 : 4cm Tombol Alt/Opt untuk R1 : 4cm R1 : 4cm


R2 : 2cm R2 : 2cm meratakan segmen. R2 : 3,5cm R2 : 0,5cm
Pnts : 4 Pnts : 5 Pnts : 50 Pnts : 50

Adobe Illustrator Great Tutorial  |  15


Bab 2 Membuat Objek Sederhana dan Pengaturannya

Smart Guides, Rulers,


Grids & Guides
Untuk memudahkan dalam penempatan objek, Illustrator menyediakan beberapa fasilitas. Anda dapat
menggunakan sesuai kebutuhan.

Smart Guides
Pilih View > Smart Guides.
(Ctrl/Cmd+U) intersect

Jika pilihan ini aktif, maka path


akan muncul indikator ketika center
Info nilai Widht dan
kursor berada di tengah Height juga muncul ketika
objek (center), outline (path), Anda membuat object.
anchor
persinggungan (intersect),
maupun anchor point.

TIPS Jika sudah tidak ingin menggunakannya, Anda dapat menyembunyikan Smart Guides
dengan memilih View > Smart Guides (Ctrl/Cmd+U) lagi.

Grids
Pilih View > Show Grids (Klik
kanan > Show Grids).
Jika sudah, pilih View > Snap
to Grids. Pilihan ini membuat
objek yang Anda buat akan
menempel (Snap) ke Grids.
Besaran kotak-kotak pada
Grids dapat Anda ubah sesuai
kebutuhan.
Pilih Edit > Preferences >
Guides & Grids.
Gridline ditandai oleh kotak dengan outline lebih tebal.
Subdivision adalah banyaknya kotak (vertical/horizontal) di dalam Gridline.

TIPS •• Jika sudah, tidak ingin menggunakannya, Anda dapat menyembunyikan Grids dengan
memilih View > Hide Grids (Klik kanan > Hide Grids).
•• Pilih View > Snap to Grids lagi untuk mematikan pilihan ini.

16 | Adobe Illustrator Great Tutorial


Rulers
•• Untuk membuat garis bantu (Guides), Anda
harus memunculkan Rulers terlebih dahulu Zero Point
(Ctrl/Cmd+R/klik-kanan, lalu pilih Show
Rulers).
Artboard/Area Kerja
•• Titik nol (Zero Point) akan berada pada sudut
kiri atas Artboard.
•• Jika Anda ingin memindahkannya ke dalam
Artboard, lakukan hal berikut:
Arahkan kursor ke sudut kiri atas Rulers,
klik di sini lalu seret ke dalam Artboard.
Zero Point
•• Klik-ganda di sudut kiri atas Rulers,
untuk mereset Zero Point ke posisi awal.
•• Klik-kanan pada Rulers untuk mengubah Units
(satuan ukuran).
klik-kanan
Guides
•• Untuk membuat garis bantu (Guides), klik
(tahan) pada Rulers (vertical/horizontal) lalu
tarik ke dalam Artboard.
•• Untuk memindahkan Guides ke posisi lain,
matikan pilihan Lock Guides (klik-kanan untuk
memilih pilihan ini), lalu geser dengan panah
hitam ,
•• Untuk meletakkan Guides dengan akurat,
gunakan panel Transform (di sisi kanan atas
baris menu).

Nilai X : Untuk mengatur posisi garis bantu


vertical.
Nilai Y : Untuk mengatur posisi garis bantu
horizontal.

Adobe Illustrator Great Tutorial  |  17


Bab 2 Membuat Objek Sederhana dan Pengaturannya

Transformasi Objek
Move (menggeser), Scale/Resize (mengubah ukuran),
Rotate (memutar), dan Reflect (membalik).

Move (menggeser)
•• Untuk menggeser objek secara bebas:
Pilih objek dengan Selection Tool , (tekan V pada
keyboard), lalu pindahkan ke tempat lain.
•• Untuk menggeser objek secara vertical, horizontal, atau
diagonal, tahan tombol Shift ketika menggeser objek.
•• Tahan tombol Alt/Opt ketika menggeser objek untuk
meng-copy.
•• Tahan tombol Alt/Opt+Shift ketika menggeser objek untuk
meng-copy secara vertical, horizontal, atau diagonal.

•• Klik-ganda Selection Tool untuk


menggeser objek dengan jarak tertentu.

Horizontal : nilai untuk menggeser ke kanan.


nilai untuk menggeser ke kiri.
Vertical : nilai untuk menggeser ke bawah.
nilai untuk menggeser ke atas.

Klik OK untuk menggeser objek.


Klik Copy untuk meng-copy objek.

TIPS Setelah Anda meng-copy objek (baik menggunakan teknik Alt/Opt+drag atau klik-ganda
pada Selection Tool). Dengan kondisi objek masih terpilih, tekan Ctrl/Cmd+D berulang-ulang
untuk meng-copy objek beberapa kali.

18 | Adobe Illustrator Great Tutorial


LATIHAN

•• Buat sebuah objek kotak Alt/Opt+Shift+drag Ctrl/Cmd+D Ctrl/Cmd+D


dengan ukuran bebas. Jika
sudah, pilih Selection Tool
, lalu geser objek ke
kanan dengan menahan
tombol Alt/Opt untuk
meng-copy. Tahan juga
tombol Shift agar objek
tetap sejajar. Lepas mouse
terlebih dahulu, baru ikuti
tombol kombinasi.
•• Tekan Ctrl/Cmd+D beberapa
kali untuk meng-copy lagi
dengan jarak yang sama.
Seleksi seluruh objek
•• Anda juga dapat meng-
copy lebih dari satu objek
sekaligus. Seleksi seluruh
objek, lalu copy lagi dengan Alt/Opt+Shift+drag
cara yang sama.

Ctrl/Cmd+D
•• Seperti yang sudah
dijelaskan sebelumnya,
Anda juga dapat meng-
copy dengan jarak tertentu Ctrl/Cmd+D
dengan meng-klik-ganda
pada Selection Tool .

Adobe Illustrator Great Tutorial  |  19


Bab 2 Membuat Objek Sederhana dan Pengaturannya

Scale/Resize (mengubah ukuran)

Selection Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Shift + drag


•• Seleksi objek, lalu dorong sudut handle
bounding box ke arah dalam/luar untuk
mengubah ukuran tinggi dan lebar objek.
•• dorong tengah handle bounding box ke arah
dalam/luar untuk mengubah ukuran tinggi sudut handle
atau lebar objek. bounding box

•• Tahan tombol Shift jika ingin mengubah


ukuran objek secara proporsional.

Alt/Opt+ Shift + drag


•• Tahan tombol Alt/Opt, lalu dorong sudut
handle bounding box ke arah dalam/luar
untuk mengubah ukuran tinggi dan lebar
objek berawal dari tengah. Tambahkan tombol
Shift jika ingin mengubah ukuran objek secara
proporsional.

•• Tahan tombol Alt/Opt, lalu dorong tengah


handle bounding box ke arah dalam/luar
untuk mengubah ukuran tinggi atau lebar
objek berawal dari tengah.

tengah handle
bounding box

Alt/Opt + drag Alt/Opt + drag

20 | Adobe Illustrator Great Tutorial


TIPS a b

Perhatikan ketebalan garis (Stroke


Weight) dari objek yang sudah Anda
Resize. Secara Default, ketebalan garis
tidak akan mengalami perubahan.
Jika Anda ingin ketebalan garis mengikuti
perubahan ukuran secara proporsional,
sebelum me-resize objek, klik-ganda
pada Scale tool , lalu centang pilihan
Scale trokes & Effects. Jika sudah, klik OK.

•• Ketik 'text', pada area kerja. Jika sudah, •• Perhatikan ketebalan garis tidak akan
tekan Shift+X pada keyboard untuk berubah (5pt) > Contoh a .
membalik warna Fill menjadi warna Stroke. •• Klik-ganda Scale Tool, lalu centang pilihan
Beri ketebalan garis 5pt. Scale Strokes & Effects seperti yang sudah
•• Perbesar atau perkecil objek menggunakan dijelaskan di atas.
panah hitam . •• Perhatikan ketebalan garis berubah secara
proporsional > Contoh b .

a
ketebalan garis sama

b
ketebalan garis
proporsional

Adobe Illustrator Great Tutorial  |  21


Bab 2 Membuat Objek Sederhana dan Pengaturannya

Scale Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

•• Seleksi objek, lalu klik-ganda pada Scale Tool.


•• Uniform : Mengubah ukuran objek secara
proporsional.
•• Non-Uniform : Jika ingin mengubah
tinggi/lebar objek dengan ukuran yang
berbeda.
•• Scale Stroke & Effects: Mengatur ketebalan
garis (Stroke Weight) & Efek yang sudah
diterapkan (Drop Shadow, Outer Glow,
dll), tetap dipertahankan atau mengikuti
transformasi secara proporsional.
•• Copy : Untuk menduplikasi objek.
•• OK : Untuk mentransformasi objek.

Panel Transform
Jika ingin mengubah objek dengan ukuran
tertentu, Anda bisa menggunakan panel
Transform.
•• Klik Button Transform pada sisi kanan baris
pilihan.
•• Jika ingin mengubah objek secara
proporsional, pastikan ikon di sisi kanan nilai
Widht dan height seperti ini .
Refrerence Point Locator Pilihan Scale Stroke & Effects
•• Jika ingin mengubah nilai Widht atau height juga ada pada panel ini
saja, klik pada ikon tersebut sampai ikon
berubah seperti ini .
•• Reference Point Locator menentukan posisi
awal transformasi. Setting default berawal Default
dari tengah objek, klik pada kotak yang lain
untuk memindahkannya.

22 | Adobe Illustrator Great Tutorial


Rotate Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

1. Pilih objek dengan Selection Tool . Jika


sudah, arahkan kursor di dekat Handle (agak
keluar sedikit sampai kursor berubah menjadi
), lalu putar objek.
Untuk memutar dengan sudut kelipatan 450,
tahan tombol Shift ketika memutar objek.
2. Klik-ganda pada Rotate Tool . Jika sudah,
masukkan nilai pada Angle.
Klik OK untuk memutar objek.
Klik Copy untuk memutar sekaligus meng-copy
objek.

LATIHAN

Dengan Rotate Tool Anda dapat


membuat elemen-elemen grafis
seperti contoh (spiroraph).

•• Buat objek kotak sama sisi, tanpa


warna fill.
•• Klik-ganda pada Rotate Tool
Jika sudah, masukkan nilai 150
pada Angle.
•• Klik Copy untuk memutar
sekaligus meng-copy objek.
•• Tekan Ctrl/Cmd+D beberapa kali.
•• Lakukan eksperimen dengan
objek yang lain.

Adobe Illustrator Great Tutorial  |  23


Bab 2 Membuat Objek Sederhana dan Pengaturannya

Mengubah Reference Point


Secara default, perputaran
objek berporos di tengah,
Anda dapat memindahkannya
ke tempat lain.
•• Seleksi objek, lalu pilih
Rotate Tool (bukan klik-
ganda). Alt/Opt+klik di sini
•• Tahan tombol Alt/Opt, lalu
klik di tempat yang akan
Anda jadikan poros.

Alt/Opt+klik di sini

Mengatur Sudut
Untuk mengatur jarak interval Interval awal Interval akhir
awal dan akhir supaya sama,
pastikan nilai pada angle dalam
kelipatan 3600 (lingkaran).
Untuk mempermudah, Anda
dapat memasukkan nilai: 360/
berapa jumlah objek dalam
lingkaran.

TIPS Anda dapat membuat komposisi dari beberapa objek,


Jika sudah, seleksi seluruhnya, lalu copy dengan
teknik seperti yang sudah dijelaskan di atas.

24 | Adobe Illustrator Great Tutorial


Reflect (membalik)

•• Seleksi objek, lalu klik-ganda pada Reflect Tool


(klik-tahan pada Rotate Tool untuk
memunculkan tool ini).
•• Horizontal : Membalik objek dengan poros
horizontal.
•• Vertical : Membalik objek dengan poros
vertical.
•• Angle : Mengatur perputaran objek.
•• Copy : Untuk menduplikasi objek.
•• OK : Untuk mentransformasi objek.

Panel Symbol
Untuk latihan gunakan symbol dari panel 1
symbol.
1. Klik Ikon panel symbols (Window > 3
Symbol).
2. Klik Ikon symbol libraries > Regal Vector 2
Pack.
3. Pilih salah satu symbol, lalu drag ke area
kerja.

Mengubah Reference Point


Secara default, acuan untuk membalik
objek berporos di tengah, Anda dapat
Alt/Opt+klik di sini (vertical)
memindahkannya ke tempat lain.
•• Seleksi objek, lalu pilih Reflect Tool
(bukan klik-ganda).
•• Tahan tombol Alt/Opt, lalu klik di tempat
yang akan Anda jadikan poros.

REFLECTED TEXT Alt/Opt+klik di sini


(horizontal)
Opacity: 20%

Adobe Illustrator Great Tutorial  |  25


Bab 2 Membuat Objek Sederhana dan Pengaturannya

Perataan Objek
Illustrator menyediakan fasilitas untuk
perataan objek dengan Panel Align
(Window > Align).

Pilih Show Option


untuk memunculkan
Opsi yang lain.

Align Object
Align Objects Distribute Object

• Horizontal Align Left • Vertical Align Top


Seleksi dua objek atau lebih, lalu klik ikon ini Seleksi dua objek atau lebih, lalu klik ikon ini
untuk meratakan objek pada sisi kiri. untuk meratakan objek pada sisi atas.

• Horizontal Align Center • Vertical Align Center


Seleksi dua objek atau lebih, lalu klik ikon ini Seleksi dua objek atau lebih, lalu klik ikon ini
untuk meratakan objek pada poros tengah untuk meratakan objek pada poros tengah
horizontal. vetical.

• Horizontal Align Right • Vertical Align Bottom


Seleksi dua objek atau lebih, lalu klik ikon ini Seleksi dua objek atau lebih, lalu klik ikon ini
untuk meratakan objek pada sisi kanan. untuk meratakan objek pada sisi bawah.

Key object ditandai dengan garis tebal

TIPS
Secara default, objek rata terhadap objek
terluar. Setelah semua objek terpilih, klik
sekali pada objek yang ingin dijadikan
acuan (key object).
Objek yang Anda klik tidak akan berubah
posisinya.

26 | Adobe llustrator Great Tutorial


Distribute Objects

• Vertical Distribute Top • Horizontal Distribute Left


Seleksi dua objek atau Seleksi dua objek atau lebih, lalu klik ikon ini
lebih, lalu klik ikon ini untuk mendistribusi jarak objek dari sisi kiri.
untuk mendistribusi
jarak objek dari sisi
atas.

• Vertical Distribute Center • Horizontal Distribute Center


Seleksi dua objek atau Seleksi dua objek atau lebih, lalu klik ikon ini
lebih, lalu klik ikon ini untuk mendistribusi jarak objek dari tengah.
untuk mendistribusi
jarak objek dari tengah.

• Vertical Distribute Bottom • Horizontal Distribute Right


Seleksi dua objek atau Seleksi dua objek atau lebih, lalu klik ikon
lebih, lalu klik ikon ini ini untuk mendistribusi jarak objek dari sisi
untuk mendistribusi kanan.
jarak objek dari sisi
bawah.

Adobe llustrator Great Tutorial  |  27


Bab 2 Membuat Objek Sederhana dan Pengaturannya

Distribute Spacing

• Vertical Distribute Space • Horizontal Distribute Space


Seleksi dua objek atau Seleksi dua objek atau lebih, lalu klik ikon
lebih, lalu klik ikon ini ini untuk mendistribusi (menyamakan) jarak
untuk mendistribusi antar objek.
(menyamakan) jarak
antar objek.

• Mengatur Jarak Objek dengan Nilai Tertentu


Anda dapat mengatur jarak antar objek dengan
nilai tertentu.
a. Seleksi dua objek atau lebih, lalu klik sekali
pada salah satu objek untuk mengaktifkan
Spacing Value (nilai jarak), sekaligus mengunci
posisi objek yang di-klik.
b. Masukkan nilai. Jika sudah, klik ikon Vertical/ Klik sekali untuk
Horizontal Distribute Space. mengunci objek
(Key Object).

Klik sekali untuk


mengunci objek
(Key Object).
1cm

28 | Adobe llustrator Great Tutorial


Use Preview Bounds

Jika objek yang ingin diratakan Objek rata pada


mempunyai ketebalan "Bounding Box"
garis yang berbeda, maka
secara default, Illustrator
akan meratakan objek dari
Objek rata pada
"Bounding Box".
sisi terluar objek.
Pilih Use Preview Bounds
pada menu pull-down untuk
meratakan objek dari sisi
terluar objek.

Perataan Titik (Anchor Point)

Align Panel juga dapat kita •• Secara Default, perataan


gunakan untuk meratakan mengacu pada Anchor point
titik/Anchor point. sisi terluar.
•• Pilih beberapa Anchor point, Shift+klik 2 kali pada Anchor
dengan panah putih (lihat point untuk mengubahnya
hal. 40), lalu pilih salah satu menjadi acuan (Align to Key
tombol perataan. Anchor).
Jika sudah, pilih salah satu
tombol perataan.

Adobe llustrator Great Tutorial  |  29


Bab 2 Membuat Objek Sederhana dan Pengaturannya

Pathfinder
Panel Pathfinder (Window > Pathfinder) digunakan untuk
menggabung dua objek atau lebih, membuang bidang objek yang
bertumpuk, memotong dengan bidang yang lain, dsb.

• Unite • Minus Front • Intersect


Menggabung dua objek Objek yang berada di atas Objek yang bertumpuk
atau lebih. akan memotong objek yang dipertahankan.
berada di bawah

• Exlude • Divide • Trim


Objek yang bertumpuk Semua objek yang bertumpuk Objek yang berada di bawah
dibuang. akan terpotong. akan terpotong. Warna
Stroke hilang.

• Merge • Crop
Sama dengan Unite, namun Objek di luar path objek paling atas
warna Stroke hilang. akan dibuang. Warna Stroke hilang.

30 | Adobe Illustrator Great Tutorial


TIPS • Outline • Minus Back
Warna fill dan stroke hilang Kebalikan dari Minus Front,
(none), lalu semua path akan objek yang berada di bawah akan
Untuk memisahkan objek terpotong. memotong objek yang di atas.
yang sudah di-pathfinder,
pilih Objek > Ungroup
(Ctrl/Cmd+Shift+G),

TIPS Tahan Alt/Opt+klik pada salah satu button Shape Mode , agar objek yang
sudah di-pathfinder masih dapat diedit. Klik-ganda dengan panah hitam untuk memilih
objek secara individual, lalu menggeser, memutar, mengubah ukuran, dll. Jika sudah, klik-
ganda di luar objek.
Cara lainnya adalah menggunakan panah putih untuk memilih, lalu gunakan panah hitam lagi
untuk mengedit.
Klik tombol untuk menggabung seluruh objek.

Klik-ganda pada salah satu objek untuk masuk ke Anda dapat memilih objek secara individual untuk
Isolation Mode. melakukan editing.

Adobe Illustrator Great Tutorial  |  31


BAB 3

Bekerja dengan Warna

Sebelum mengedit warna, sebaiknya tentukan terlebih dahulu Color Model yang akan
Anda gunakan (RGB atau CMYK).

RGB : Red - Green - Blue (Basis: Sinar).


Digunakan untuk kebutuhan “On Screen”, atau hasil akhirnya akan ditampilkan pada
layar monitor, TV, Cinema Screen, dll.

CMYK : Cyan - Magenta - Yellow - Black (Basis: Tinta). Huruf K adalah singkatan dari Key
Color, selain huruf B juga sudah digunakan pada Blue (RGB). Warna hitam ditambahkan
untuk menambahkan kepekatan (Shadow Density).
Color Model ini digunakan untuk kebutuhan Offset Printing/cetak.

Menentukan Color Model


•• Anda dapat menentukan Color Model pada saat membuat dokumen baru.

•• Anda dapat mengubah Color Model pada dokumen yang sudah terbuka.
Pilih File > Document Color Mode.

32 | Adobe llustrator Great Tutorial


Memilih Warna
Ada tiga cara untuk mengakses panel Swatches, Color Panel, dan Color Picker.

•• Pada baris pilihan/Option


Bar (sisi atas area kerja).

•• Atau pilih menu Window >


Swatches/Color
(klik ikonnya pada panel di
sisi kanan area kerja).

Untuk memilih
Swatches Panel warna Fill. Untuk memilih Anda dapat memilih warna
warna Stroke. dengan cara:
Shift + klik di sini •• Seleksi objek, lalu
untuk mengubah
pilih warna pada panel
Swatches Panel
menjadi Color Panel.
Swatches/Color.
•• Seret warna dari panel
Swatches ke objek tanpa
harus menyeleksi objeknya
terlebih dahulu.

Color Panel
TIPS
Tekan D untuk
mereset ke warna
Default
(Fill: putih, Stroke: hitam).
Tekan X untuk
membalik warna.
Tekan / untuk
memilih None
(tidak ada warna).

Color Picker
Fill
Klik-ganda pada Fill/Stroke untuk memunculkan
Stroke
Color Picker.

Adobe llustrator Great Tutorial  |  33


Bab 3 Bekerja Dengan Warna

Eyedroper Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dengan Eyedropper Tool, Anda dapat mengambil sample warna atau atribut dari objek vector maupun
Image berbasis pixel (Raster Base).
Ada dua cara menggunakan Eyedropper Tool:
Buka file Eye Dropper (Bab 3).
•• Eyedropper Picks Up
Seleksi objek yang ingin diubah tampilannya (Target) dengan panah hitam. Jika sudah, pilih
Eyedropper Tool, lalu klik pada objek yang ingin diambil atributnya (Sample).
•• Eyedropper Applies
Pastikan tidak ada objek yang terseleksi. Pilih Eyedropper Tool, lalu klik pada Sample objek untuk
mengambil atribut. Jika sudah, tahan Alt/Opt lalu klik pada Target objek untuk menerapkan atribut.

Seleksi objek 'target' Klik objek 'sample' Tampilan objek target akan sama
dengan dengan persis dengan objek sample.

Target Sample Target

Alt + klik objek 'target' Tampilan objek 'target' akan sama


Klik objek 'sample' dengan dengan persis dengan objek sample.

Sample Target Target

Klik-ganda pada Eyedropper Tool untuk memunculkan Eyedropper Option.


TIPS
Secara default semua atribut pada Eyedropper Picks Up dan Eyedropper
Applies terpilih, Anda dapat memilihnya sesuai kebutuhan.

34 | Adobe Illustrator Great Tutorial


Dengan Eyedropper Tool, Anda dapat mengambil sample warna atau atribut dari objek vector maupun
Image berbasis pixel (Raster Base). Secara default, jika objek yang akan diambil samplenya memiliki
unsur warna gradasi, maka objek target akan mengembalikan arah gradasi dari kiri ke kanan (Linear),
atau berawal dari tengah (Radial).
Pada Eyedropper Picks Up,
centang pilihan Appearance
untuk mengambil seluruh
atribut.
Centang pula pilihan
Appearance pada
Eyedropper Applies untuk
menerapkan seluruh
atribut.

Buka file Eye Dropper - Picks Up and Applies (Bab 3).


Menggunakan Eyedropper Tool dengan kondisi Eyedropper Picks Up dan Eyedropper Applies tidak terpilih.

Radial

Objek sampel dan target


arah gradasinya akan
sama persis.

Menggunakan Eyedropper Tool dengan kondisi Eyedropper Picks Up dan Eyedropper Applies terpilih.

Adobe Illustrator Great Tutorial  |  35


Bab 3 Bekerja Dengan Warna

EVERYCHAMPION
WAS ONCE A CONTENDER
BASTIAN MG IDAH IRWAN ADE MALIK EDI EKKY
PRATAMA WIDIASIH SYAHPUTRA ABDUL AZIZ SARWONO FABIAN

Anda dapat mengambil sampel warna dari image/gambar untuk


diterapkan pada teks. Seleksi teks dengan panah hitam, lalu
Shift+klik pada gambar menggunakan Eyedropper Tool .

NOVEMBER 30TH, 2013 SATURDAY 09.00-12.00


BOOT CAMP - DIGITAL PAINTING
36 | Adobe llustrator Great Tutorial
Live Paint Bucket Tool . . . . . . . . . . .

Dengan Live Paint Bucket Tool, Anda dapat mewarnai area dari objek yang bertumpuk (overlap). Hal ini
tidak dapat dilakukan dengan teknik pewarnaan biasa.

Pewarnaan dengan Live Paint Bucket


Untuk mewarnai
1. Seleksi dua objek atau lebih. Stroke/Edge,
tahan tombol
2. Pilih warna dari panel color, swatches, Shift, lalu klik
atau color picker. pada stroke
3. Pilih Live Paint Bucket Tool lalu
arahkan ke bidang fill/face yang
ingin diwarnai. Jika sudah, klik untuk Anda dapat memilih bidang atau stroke dengan Live Paint
mewarnai. Selection Tool . Jika sudah, Anda dapat melakukan
editing (mengubah warna, mengubah ketebalan garis, dll)

Mengedit Objek Live Paint Group


Objek yang sudah diwarnai dengan live
paint bucket disebut dengan Live Paint
Group.
1. Untuk memilih objek lingkaran/kotak,
klik-ganda dengan Selection Tool
pada objek untuk masuk ke dalam mode
Isolation Mode.
2. Jika sudah, Anda sekarang dapat
memilih objek lingkaran/kotak.
3. Jika Anda menggeser, memutar, atau
mengubah ukuran objek, maka warna Jika ingin menambahkan elemen/
bidang/garis akan menyesuaikan (live). bidang baru > seleksi seluruh objek >
4. Untuk keluar dari mode Isolation Mode, klik tombol Merge Live Paint
klik-ganda di luar objek atau klik ikon
Exit Isolation Mode.

Adobe llustrator Great Tutorial  |  37


Bab 3 Bekerja Dengan Warna

Selain mewarnai objek Objek Vektor Image Bitmap


yang bertumpuk, Anda juga
dapat mewarnai bidang yang
dipisahkan oleh garis.
1. Buka file Live Paint (Bab 3)
untuk latihan.
2. Seleksi seluruh path yang
ingin diwarnai, Jika sudah,
pilih Live Paint Bucket Tool. arahkan panah
3. Anda dapat mengambil hitam ini pada
target
sample warna dari image
berbasis pixel, dengan
menahan tombol Alt/ Alt/Opt+
Opt+Shift+klik. Shift + klik
4. Jika sudah, arahkan ke
bidang yang ingin diwarnai.

Mengubah Live Paint Group


menjadi Objek biasa Sudut
1. Sebelum mengubah menjadi Bounding Box
objek biasa, set warna Stroke Object Biasa.
ke None. Hal ini dilakukan
Path yang tidak
agar garis pembatas akan mempunyai
hilang setelah menjadi objek warna (None),
biasa. akan hilang
Setelah di-expand,
seluruh object dalam
kondisi Group. Anda
dapat memilih pilihan
Ungroup, dengan klik-
kanan atau pilih Object
> Ungroup.
2. Jika sudah, klik tombol
Expand pada baris pilihan
(sisi atas dokumen).

38 | Adobe llustrator Great Tutorial


Menyimpan Warna
TIPS
Anda dapat menyimpan tema/skema warna
tertentu untuk dapat dipakai pada kesempatan Anda dapat membuat skema warna
yang lain. Anda bahkan dapat me-load tema di Photoshop (Window > Extension >
warna dari aplikasi lain atau sebaliknya, meng- Kuler). Banyak aplikasi pembuat skema
export ke aplikasi lain dengan format ASE warna di internet: Color Schemer Studio,
(Adobe Swatch Exchange). Adobe Kuler, Color Lovers, dll. Simpan ke
dalam format ASE.
• Membuat Color Group
1. Buka panel Swatches, lalu klik ikon New
Color Group . Beri nama yang spesifik.
2. Buat warna baru dari Color Picker atau New
Swatch (klik panah kecil pada sisi kanan atas
panel), Jika sudah, seret warna ke dalam
Group.
3. Group ini akan tersimpan bersama dengan
file. New Color Group

• Menyimpan Warna dalam format ASE


Anda dapat menyimpan beberapa group
dengan skema warna tertentu dalam format
ASE (Adobe Swatch Exchange).
1. Seleksi seluruh swatches kecuali [None]
, [Registration] , dan group yang
ingin disimpan dengan Shift+klik. Jika
sudah, klik ikon Delete Swatch .
2. Klik panah kecil pada sisi kanan atas panel,
lalu pilih Save Swatch Library as ASE.
3. Untuk me-load Swatches:
Open Swatch Library > Other Library

Adobe llustrator Great Tutorial  |  39


Bab 3 Bekerja Dengan Warna

Membuat Warna Gradasi


Pada dasarnya, Gradients di illustrator
dikelompokkan menjadi dua: 1. Gradient pada
bidang. 2. Gradient pada garis.

• Membuat warna gradasi pada bidang. Default Linear Radial

1. Buat sebuah bidang (kotak, lingkaran, dll).


2. Buka panel Gradient (Window > Gradient),
lalu klik sekali di gradient bar untuk
menerapkan warna gradasi yang terakhir
diterapkan.
3. Untuk menambahkan warna, klik sekali di
bawah gradient bar (akan muncul color
stop/slider).

Angle,
Reverse Gradient untuk mengubah
untuk membalik arah gradient
warna gradient Midpoint,
geser untuk mengubah warna
Gradient Bar mana yang lebih dominan
Color Stop Opacity,
Klik-ganda untuk mengatur tingkat
memunculkan panel transparansi warna
Color/Swatches Location,
Seret ke bawah Anda dapat memasukkan
untuk membuang nilai di sini atau menggeser
stop color slider color stop ke kiri atau
ke kanan

40 | Adobe llustrator Great Tutorial


4. Seleksi objek yang sudah diberi warna
gradasi, lalu pilih Gradient Tool untuk
memunculkan Gradient Annotator.
5. Gradient Annotator identik dengan yang
Anda lihat pada panel Gradient. Anda dapat
mengubah warna langsung dari sini.
6. Anda dapat menggeser atau memutar
posisi annotator ke tempat lain.
7. Dengan Gradient Tool , klik-geser di
mana pun Anda mau untuk membuat arah
gradasi secara bebas.

Klik di sini untuk


memunculkan gradasi
warna yang siap pakai

Klik di sini untuk melihat gradasi


warna lainnya

Adobe llustrator Great Tutorial  |  41


Bab 3 Bekerja Dengan Warna

• Membuat warna gradasi pada garis/Stroke


1. Buat objek bebas berupa 4. Lakukan eksperimen pada panel Gradient.
lengkungan dengan pen tool/ Terapkan Apply gradient within stroke, Apply
pencil tool). Jika sudah, buat gradient along stroke, dan Apply gradient
juga sebuah objek lingkaran. Set across stroke terhadap objek.
warna fill ke None.

2. Buka panel Swatches, lalu klik di sudut kiri


bawah. Pilih Gradients > Metals. Apply gradient within stroke

Apply gradient along stroke


3. Seleksi objek lengkungan dan lingkaran. Jika
sudah, pilih Chrome.

Apply gradient across stroke

42 | Adobe llustrator Great Tutorial


• Membuat efek saling tumpang tindih
1. Munculkan Smart Guide agar Anda Klik di sini dengan Scissor Tool Setelah terpotong, objek
mudah memilih path. Pilih View > berpindah ke bawah.
Smart Guide (Ctrl/Cmd+U).

2. Pilh Scissor Tool , lalu klik pada


Path untuk memotong (lihat gambar).

3. Lakukan hal yang sama path berikutnya.


Potong pada bagian-bagian yang ingin
dipindahkan ke atas atau ke bawah.

4. Pilih objek yang sudah 5. Untuk memindahkan objek 6. Untuk memindahkan objek
terpotong dengan Selection ke atas, klik kanan pilih ke bawah, klik kanan pilih
Tool , lalu pindahkan Arrange > Bring to Front Arrange > Send to Back
posisinya berada di atas atau (Ctrl/Cmd+Shit+]). (Ctrl/Cmd+Shit+[).
di bawah objek yang lainnya.

Lihat file hasil akhir di bab 3 (gradients_stroke_explore)

Adobe llustrator Great Tutorial  |  43


Bab 3 Bekerja Dengan Warna

• Membuat warna gradasi pada teks


Pada prinsipnya, Anda tidak dapat menerapkan Gradient pada teks. Anda baru dapat menerapkan
Gradient dengan menggunakan panel Appearance.

1. Ketik beberapa atau dua baris teks dengan


Type Tool . Jika sudah, set warna teks
ke None.

2. Buka panel Appearance. Klik panah kecil di


sisi kanan atas, lalu pilih Add New Fill.

3. Klik kotak warna, lalu pilih gradasi warna


pada panel Swatches. Anda dapat melakukan
editing warna gradasi pada panel Gradient.

44 | Adobe Illustrator Great Tutorial


LATIHAN
1. Buat komposisi teks yang sudah diberi warna
gradasi dengan meng-copy beberapa kali,
lalu ubah ukuran dan memutar objek.

2. Gunakan panah hitam , lalu tahan tombol


Alt/Opt+Shift+drag untuk meng-copy teks.

3. Seleksi objek, lalu arahkan


di luar sedikit dari
Bounding Box. Jika sudah,
putar objek sambil menahan tombol Shift.

4. Secara default, masing-masing objek 5. Seleksi beberapa objek (Shift+klik). Pilih


memiliki Gradient Annotator (kendali Gradient Tool , lalu tentukan arah
warna dan arah gradasi) secara individual. gradasi baru dengan klik+drag.
Anda dapat memilih beberapa objek, lalu
menerapkan satu Gradient Annotator saja. Lihat file hasil akhir di bab 3 (gradient_text)

Adobe Illustrator Great Tutorial  |  45


Bab 3 Bekerja Dengan Warna

Memilih Warna Harmonis


Seringkali desainer kesulitan dalam memilih warna alternatif dalam karya desainnya. Dalam tahap ini,
penulis akan menjelaskan bagaimana cara memilih warna yang harmonis berdasarkan warna desain
utama.

Tema/Skema Warna
(Color Scheme)
Seperti yang sudah dijelaskan
sebelumnya, pilihlah
tema/skema warna untuk
mendapatkan Mood dalam
karya desain. Selain dari
aplikasi lain, Anda juga dapat
memilih tema warna yang siap Klik di sini untuk
pakai di Illustrator. memunculkan tema warna
1. Buka panel Swatches yang lain
(Window > Swatches).
2. Klik tombol Swatch Libraries
Menu untuk memunculkan
tema warna.

Tema warna Tema warna


Impressionism Pop Art

46 | Adobe Illustrator Great Tutorial


Recolor Artwork
Untuk membuat komposisi
warna alternatif, gunakan
perintah Recolor Artwork.

1. Buka file recolor_artwork_ Klik-ganda di sini


start (Bab 3), lalu seleksi objek untuk mengubah warna
bunga tengah. secara individual

2. Klik ikon Recolor Artwork pada


sisi atas (baris pilihan).
3. Klik ikon Swatch Library, lalu
pilih tema warna yang Anda
inginkan.
4. Untuk mengubah warna secara
bersamaan (harmony colors)
dengan komposisi buatan
sendiri (custom), pindahlah ke
tab Edit.
Geser ke warna yang lain
5. Klik ikon Link Harmony Colors
. Jika sudah, pilih salah
satu warna, lalu geser ke
warna yang lain. Link Harmony colors,
mengubah warna secara
bersamaan atau individual
Slider untuk mengatur tingkat kecerahan
(brightness)

Adobe Illustrator Great Tutorial  |  47


Bab 3 Bekerja Dengan Warna

LATIHAN

Membuat objek Buttons


1. Buat sebuah lingkaran
sempurna dengan Ellipse Tool
(Shift+drag).
2. Pilih gradasi White, Black pada
warna Fill dan ubah warna
Stroke ke None.
3. Buka panel Gradient, ubah type
ke Radial. Klik sekali pada stop
color, lalu klik-ganda pada Fill
untuk memilih warna dari Color
Picker. Untuk memilih warna
dari panel Swatches/Color,
klik-ganda pada Stop Color.
4. Pilih Gradient Tool , klik
dari kiri bawah ke kanan atas.
5. Copy lingkaran, lalu letakkan di
belakang. Pilih Edit > Copy, lalu
pilih Edit > Paste in Back.
6. Dengan panah hitam, perbesar
ukurannya dengan mendorong
handle ke arah luar (tahan
tombol Alt/Opt+Shift).
7. Ubah type ke Linear dan Angle
ke 90°. Klik Stop Color warna
ungu, lalu masukkan nilai 50%
pada Location.
8. Copy Stop Color warna putih,
Tahan Alt/Opt, lalu seret ke
kanan.

48 | Adobe Illustrator Great Tutorial


9. Copy lagi lingkaran depan.
Pilih Edit > Copy, lalu pilih
Edit > Paste in Front.
10. Ubah bentuknya menjadi elips
dengan mendorong handle ke
arah dalam. Tahan Alt/Opt
jika ingin kedua sisi handle
bergerak bersamaan.
11. Ubah Type ke Linear, Angle
ke 90°, set Opacity ke 0°
agar warna putih menjadi
transparan. Geser slider
warna putih ke kanan sedikit
(pada annotator, geser ke
atas) agar area transparan
lebih dominan. Jika sudah,
ubah slider ungu ke warna
putih.

Touch-up
Untuk mendapatkan efek 3D pada objek, kita akan menambahkan efek Inner Shadow dan Outer Glow.
•• Seleksi lingkaran dalam, lalu pilih Effect > Stylize > Inner Glow. Efek inner shadow di illustrator tidak
ada, sehingga kita siasati dengan perintah Inner Glow. Bereksperimenlah dengan opsi yang ada. Set
Mode ke Normal.
•• Tambahkan efek rim light, pilih Effect > Stylize > Outer Glow.

Lihat file hasil akhir di bab 3 (Buttons & Signage)

Adobe Illustrator Great Tutorial  |  49


BAB 4

Penguasaan Pen Tool, Mengedit,


dan Mendistorsi Path

Pada bab ini, Penulis akan menjelaskan tentang cara


penggunaan Pen Tool dan bagaimana cara mengedit path.

Materi yang akan dibahas adalah:


1. Cara membuat Garis Lurus
2. Cara membuat Garis Lengkung
3. Cara membuat Garis dengan bantuan Grid
4. Cara membuat Garis dengan bantuan Smart Guide
5. Pemahaman tentang Path terbuka (open path)
dan Path tertutup (closed path)

50 | Adobe llustrator Great Tutorial


Pen Tool . . . . . . . . . . . . . . . . . . . . . . . . . . .

Membuat Garis Lurus & Lengkung

•• Pilih Pen Tool , lalu klik pada area


kerja. Jika sudah, klik di tempat lain
untuk membuat garis lurus.

•• Shift+klik untuk membuat garis


Vertical atau Horizontal, atau garis
dengan kemiringan 450.

•• Klik+geser untuk membuat garis


lengkung.

LATIHAN 1

1. Buka file Basic Path (Bab 4). 3. Arahkan ke titik berikutnya, Jika sudah,
Shift+klik+geser ke angka 2 .
2. Pilih Pen Tool , lalu set warna Fill ke None.
Klik+geser pada titik awal ke angka 1 sambil 4. Untuk membuat sudut, klik pada titik
menahan tombol Shift (agar handle tegak terakhir. Jika sudah, arahkan ke titik
lurus). Pada tahap ini, Anda belum membuat berikutnya, Shift+klik untuk membuat garis
titik/garis melainkan hanya membuat tangkai lurus.
kendali (handle) untuk mengendalikan
lengkungan (curve). 5. Lanjutkan lagi seperti pada tahap 1.

Klik + geser
1 Shift + klik di sini 4 5
untuk membuat
garis lurus.
Klik + geser Klik + geser

Setelah klik+geser, klik Setelah klik+geser, klik


sekali lagi di sini untuk Klik + geser sekali lagi di sini untuk
membuat sudut. membuat sudut.
2 3 7

Adobe llustrator Great Tutorial  |  51


Bab 4 Penguasaan Pen Tool, Mengedit dan Mindistorsi Path

Pada latihan berikutnya, kita akan menggunakan 1cm Gridline every


fitur Grid. Pilih View > Show Grid (klik kanan > Subdivision
Show Grid). Nilai default dari setting grid adalah
Gridline every: 72pt (2,54cm) dan Subdivision:
8. Gridline every ditandai kotak dengan stroke
lebih tebal, sementara Subdivision adalah 10 kotak
banyaknya kotak vetical/horizontal di dalam
kotak Gridline every.

Untuk mengubah setting default, pilih:


Windows: Edit > Preferences > Guides & Grid..
Mac: Illustrator > Preferences > Guides & Grid..
Pada Latihan 2, setting Grid sudah diubah
Default Setting menjadi Gridline every: 1cm dan Subdivision: 10

Snap to Grid Handle menempel


Pilih View > Snap to Grid. Jika pilihan ini aktif, ke Grid.
maka setiap titik (anchor point) dan tangkai
kendali (handle) yang Anda buat akan selalu
menempel ke Grid.

Penting !!
Matikan pilihan ini, jika ingin membuat path
secara bebas lagi.. Pilih View > Snap to Grid. Anchor Point menempel ke Grid.

TIPS
Setiap kali membuat garis lengkung, lakukan Jika Anda memulai dengan cara klik sekali,
dengan cara Klik+geser untuk memunculkan maka handle tidak akan muncul. Ini artinya
tangkai kendali (handle). Anda tidak mempunyai kesempatan untuk
mengendalikan lengkungan pertama.

Klik+geser untuk Klik sekali


memunculkan
handle.

52 | Adobe llustrator Great Tutorial


LATIHAN 2
1. Zoom in pada latihan 2. Jika sudah, klik kanan, 4. Pilih View > Snap to Grid.
lalu pilih Show Grid. 5. Dengan Pen Tool, klik dari titik 1 , lalu seret
2. Pindahkan tampilan grid agar berada di atas ke titik 2 . Karena pilihan snap to grid aktif,
artwork, pilih Edit (Win)/Illustrator (Mac) > maka Anda tidak perlu menekan tombol Shift
Preferences > Guides & Grid.. matikan pilihan untuk membuat garis tegak lurus.
Grids In Back. 6. Jika sudah, klik di titik 3 , lalu seret ke titik
4 (jangan lepas mouse) tahan tombol Alt,
pindahkan handle ke titik 5 .
7. Klik di titik 6 , lalu seret ke titik 7 (jangan
3. Jika perlu, ubah warna Grids dengan warna lepas mouse) tahan tombol Alt, pindahkan
lain, agar lebih jelas terlihat. handle ke titik 8 .
8. Lakukan hal yang sama pada titik 9 , 10 , 11 .
9. Ulangi langkah no. 5 pada titik 12 - 18 dengan
arah yang terbalik.

Alt + drag

Alt + drag

•• Dengan materi yang sudah dipelajari di atas, Anda dapat mencoba sendiri latihan 3, 4, dan 5.
•• Matikan pilihan Snap to Grid jika ingin membuat path secara bebas lagi.

TIPS Pada saat menggunakan Pen Tool, tahan tombol Ctrl/Cmd untuk mengendalikan handle yang
terhubung. Gunakan tombol Alt/Opt untuk mengendalikan/memindahkan salah satu handle.

Adobe llustrator Great Tutorial  |  53


Bab 4 Penguasaan Pen Tool, Mengedit dan Mindistorsi Path

Memodifikasi Path
Pen Tool
Path
•• Arahkan pada Path untuk menambahkan Anchor Point
Anchor point (titik).
•• Arahkan pada Anchor point untuk mengurangi/
membuang Anchor point.

Panah Putih
•• Gunakan Tool ini untuk memilih Anchor point
(klik sekali atau klik-geser). Untuk memilih
lebih dari satu Anchor point, gunakan cara
Shift+klik atau klik-geser. Setelah memilih,
Anda dapat memindahkan atau membuang
Anchor point.
Tool ini juga dapat digunakan untuk
mengendalikan tangkai kendali/Handle.

Eraser Tool
•• Klik-ganda pada Tool ini untuk pengaturan
lebih jauh. Klik-geser pada path untuk
menghapus.

Jika ada dua atau lebih path/


bidang yang bertumpuk, seleksi
terlebih dahulu objek yang
ingin dihapus agar objek yang
lain tidak terpengaruh

54 | Adobe llustrator Great Tutorial


Scissor Tool
Klik sekali pada path untuk
memotong.

Buka file stroke_adjustment (Bab 4).

Anda dapat bereksperimen dengan


memilih beberapa pilihan yang ada di
panel Stroke.
Komposisi berikut adalah modifikasi
dari bentuk lingkaran yang dipotong.
Ada beberapa yang dilanjutkan
dengan Pen Tool.

Adobe llustrator Great Tutorial  |  55


Bab 4 Penguasaan Pen Tool, Mengedit dan Mindistorsi Path

Widht Tool . . . . . . . . . . . . . . . . . . . . . . . . .
Path, sebelum dimodifikasi.
Pilih Widht Tool untuk mengubah
ketebalan garis (widht) secara
parsial atau pada bagian yang
Path, setelah dimodifikasi.
diinginkan.

•• Buat path menggunakan tool apa saja (pencil,


line segment tool, atau pen tool).
•• Pilih Widht Tool, lalu arahkan ke path sampai
terlihat lingkaran putih. Jika sudah, klik-
seret ke arah dalam atau luar path.

Buka file tracing_wajah (BAB 4) untuk latihan.

56 | Adobe llustrator Great Tutorial


Warp Tool . . . . . . . . . . . . .

•• Klik tahan, lalu seret pada •• Tahan Alt/Opt, lalu seret kuas •• Tahan Alt/Opt+Shift, lalu
objek yang sedang terpilih ke atas, bawah, kiri, atau seret kuas ke atas, bawah,
atau tidak sedang terpilih. ke kanan untuk mengubah kiri, atau ke kanan untuk
ukuran kuas secara tidak mengubah ukuran kuas secara
proporsional. proporsional.

Twirl Tool . . . . . . . . . . . .
•• Klik tahan pada objek. Setting •• Klik tahan pada objek, •• Klik seret pada objek untuk
default akan memutar objek lalu tekan Alt/Opt untuk mendistorsi objek secara
ke kiri. mengubah arah ke kanan. lebih acak.

•• Buat dua objek bertumpuk. •• Dalam kondisi kedua objek •• Twirl Tool akan mempengaruhi
tidak terpilih, maka Twirl Tool hanya objek yang terpilih saja.
akan mempengaruhi kedua
objek.

Adobe llustrator Great Tutorial  |  57


Bab 4 Penguasaan Pen Tool, Mengedit dan Mindistorsi Path

Pucker , Bloat , Scallop & Crystallize Tool

Bereksperimenlah dengan keempat tool ini untuk memperoleh efek yang Anda inginkan. Cara kerja tool
ini sama dengan Twirl Tool, yaitu dengan klik pada objek atau klik seret. Buat empat bidang berdekatan.
Jika sudah, gunakan keempat tool ini.

Wrinkle Tool . . . . . . . . . . . . . . . . . . . . . . . . . .

•• Klik dua kali pada tool ini untuk memunculkan •• Naikkan nilai Horizontal ke 100% untuk
Options. mempengaruhi kedua path Horizontal & Vertical.

Horizontal: 0%, Horizontal: 100%,


Vertical: 100% Vertical: 100%
Untuk memperoleh kesan
Hand drawing, gunakan
Wrinkle Tool pada path.

58 | Adobe Illustrator Great Tutorial


TIPS Klik-ganda pada tools untuk mengatur fleksibilitasnya. Hampir semua tools mempunyai
opsi: Intensity, Detail, dan Simplify.
•• Intensity : Mengatur seberapa cepat/lambat tool mempengaruhi path.
•• Detail : Semakin besar nilai, semakin banyak titik (anchor point).
•• Simplify : Semakin besar nilai, semakin halus lengkungan (kurva).
Lakukan eksplorasi terhadap nilai lainnya untuk memperoleh efek yang diinginkan.

Nilai rendah Detail Nilai tinggi Nilai rendah Simplify Nilai tinggi

Latihan 1:
1. Buat beberapa bidang 3. Untuk memperoleh
dengan warna yang Anda hasil yang lebih acak,
suka. seleksi salah satu objek
2. Pastikan semua objek lalu gunakan tool agar
tidak terpilih. Gunakan objek yang lain tidak
tool yang ada, lalu terpengaruh.
terapkan pada semua 4. B e r e k s p e r i m e n l a h
objek. Bereksperimenlah dengan mode blending
dengan nilai. dan nilai Opacity
(Window > Transparency)

Multiply,
opacity: 80%

Screen,
opacity: 50%
Difference,
opacity: 100%

Adobe Illustrator Great Tutorial  |  59


Bab 4 Penguasaan Pen Tool, Mengedit dan Mindistorsi Path

5. Untuk membatasi objek dengan frame, buat 6. Jika sudah, seleksi seluruh objek > klik kanan
kotak di atas bidang. > Make Clipping Mask.

Lihat contoh di folder Distortion (Bab 4).

Anda juga dapat menggunakan teks


untuk membatasi bidang dengan
cara yang sama.
•• Buat teks di atas bidang.
•• Seleksi seluruh objek. Jika
sudah, klik kanan lalu pilih
Make Clipping Mask.

60 | Adobe Illustrator Great Tutorial


Knife Tool . . . . . . . . . . . . . . . . .

Tool ini digunakan untuk membelah/


memisahkan bidang.

•• Klik-geser di atas bidang untuk


membuat potongan secara bebas.

•• Alt/Opt-drag di atas bidang untuk


membuat potongan lurus.

•• Alt/Opt+Shift+drag di atas bidang


untuk membuat potongan tegak
lurus (vertikal/horizontal).

•• Untuk memisahkan objek, klik kanan


pada objek yang terselekesi lalu pilih
Ungroup.

Adobe Illustrator Great Tutorial  |  61


BAB 5

Default Brush VS Custom Brush

Pada bab ini, Penulis akan membahas


bagaimana cara membuat Kuas Sendiri
(Custom Brush), dengan
Adobe Illustrator.
Di Illustrator, ada 5 jenis Kuas:
•• Calligraphic Brush
•• Scatter Brush
•• Art Brush
•• Bristle Brush
•• Pattern Brush

Namun, kali ini Penulis hanya akan


membahas Scatter Brush, Art Brush,
dan Pattern Brush saja. Penulis
akan membahas kuas yang lain pada
kesempatan yang lain.

Selain membuat Kuas Sendiri (Custom •• Jangan kaget karena kuas hasil download
Brush), Anda juga diijinkan untuk Anda berupa file Illustrator.
memasukkan kuas hasil download dari •• Jika sudah, klik Open untuk memunculkan
internet. kuas hasil download.
•• Download brush dari internet.
•• Buka Panel Brush.
•• Klik panah di sudut kanan-atas panel,
lalu pilih Open Brush Library > Other
Library.
•• Pilih file hasil download Anda.

62 | Adobe llustrator Great Tutorial


Bulu Mata & Detail Rambut
Menggunakan Art Brush

Adobe llustrator Great Tutorial  |  63


Bab 5 Default Brush VS Custom Brush

Default Brush
Buka panel Brush (Window > Brushes/atau tekan F5).
Illustrator sudah menyiapkan kuas standar yang siap
pakai. Kuas yang ditampilkan pada tampilan default
memang hanya sedikit, namun Anda dapat mengakses
kuas yang lain.

•• Buat dokumen baru. Pilih Brush Tool, lalu lakukan


beberapa eksperimen dengan dengan menyapukan
kuas yang ada pada panel Brush.

Untuk mengubah warna kuas Untuk mengubah ketebalan kuas Panel Brush.

64 | Adobe Illustrator Great Tutorial


•• Selain menggunakan Brush Tool, Anda juga
dapat menerapkan kuas ke dalam Path dengan
menggunakan tools, seperti: Pen Tool, Pencil
Tool, Line Segment Tool, Spiral Tool, Rectangle
Tool, Ellipse Tool, dll.

•• Masih banyak lagi kuas yang menarik. Untuk


memunculkannya, klik di sudut kiri bawah panel
Brush, lalu pilih salah satu kuas.
•• Klik tombol Next/Previous untuk melihat kuas
yang lain.

Adobe Illustrator Great Tutorial  |  65


Bab 5 Default Brush VS Custom Brush

Custom Brush
Custom Brush adalah kuas buatan sendiri. Anda dapat membuat kuas sendiri dengan objek vektor.

Scatter Brush
Scatter Brush adalah Kuas yang dihasilkan
dari objek asli, namun objek seperti di-copy
mengikuti path/kuas yg dibuat.

Latihan 1:
1. Buat dokumen baru (Ctrl/Cmd+N).
2. Buat objek lingkaran dengan Ellipse Tool
. Set warna Fill ke None (tekan tombol
‘/’ pada keyboard).
3. Buka panel Brush (Window > Brushes).
4. Dengan panah hitam , seret objek
lingkaran ke panel Brush.

5. Biarkan pilihan pada Scatter Brush, klik OK


untuk menutup kotak dialog New Brush dan
beri nama Lingkaran, lalu klik OK lagi pada
Scatter Brush Option.
6. Sekarang, kita akan mencoba kuas yang baru
kita buat. Pilih Brush Tool , lalu tarik
dari kiri ke kanan.
7. Default Brush seperti tampilan pada gambar
di sebelah kanan.
8. Klik-ganda pada kuas yang baru Anda buat
di Panel Brush untuk memodifikasi tampilan
Kuas.

66 | Adobe llustrator Great Tutorial


9. Parameter pada Scatter Brush Option:

- Size : Fixed > Random, lalu geser ke kiri slider minimum (kiri) & geser ke kanan
sedikit slider maximum (kanan) agar ukuran lingkaran bervariasi.
- Spacing : Fixed, lalu geser slider ke kiri agar objek tumpang tindih.
- Scatter : Fixed > Random, lalu geser ke kiri slider minimum (kiri) & geser ke kanan slider
maximum (kanan) untuk mengacak objek menjauh dari Path.
- Rotation : Tidak diubah karena objek kuas berupa lingkaran.
- Colorization : Method > Hue Shift, agar warna Kuas sesuai dengan warna Stroke.
Jika sudah, klik OK, lalu pilih Apply to Strokes.

Adobe llustrator Great Tutorial  |  67


Bab 5 Default Brush VS Custom Brush

Explorasi Brush 1

1. Buat lingkaran dengan warna dan ketebalan 3. Tahan tombol Alt/Opt+Shift lalu dorong
tertentu. handle ke arah luar atau dalam.

2. Jika sudah, kopi (Ctrl/Cmd+C), lalu letakkan 4. Ubah ketebalan garis, warna fill/stroke sesuai
di belakang objek asli (Edit > Paste in Back). keinginan.

Warna Warna Ketebalan


Fill Stroke Garis

5. Lakukan teknik seperti yang sudah dijelaskan 7. Klik ikon Eyedropper, lalu arahkan ke preview
di atas. Seret objek ke Panel Brush, lalu ubah untuk memilih warna sebagai Key Color. Ini
parameter sesuai keinginan. artinya warna yang dipilih akan sesuai warna
Stroke yang Anda pilih. Jika sudah, klik OK.
6. Karena objek terdiri dari banyak warna, maka
kita perlu memilih salah satu warna sebagai 8. Pilih Brush Tool , lalu terapkan pada area
Key Color. kerja dengan ketebalan garis dan warna yang
bervariasi. Atur juga Opacity untuk mengatur
tingkat transparansi.

Lihat file hasil akhir di bab 5 (explorasi_scatter_brush)

68 | Adobe llustrator Great Tutorial


Explorasi Brush 2

•• Masih menggunakan Brush dengan objek


lingkaran. Setelah menerapkannya pada area
kerja, seleksi seluruh Kuas dengan panah hitam
(Ctrl/Cmd+A).
•• Buka panel Transparency, lalu coba untuk
bereksperimen dengan beragam jenis Blending
Mode. Saya memilih Screen.

Dengan mengubah Blending Mode, objek yang


bertumpuk akan menghasilkan warna lain.

Explorasi Brush 3
•• Jika objek bukan berupa lingkaran, Anda dapat
memutar elemen pada objek brush dengan
mengubah setting pada opsi Rotation.

Lihat file hasil akhir di bab 5


(explorasi_scatter_brush)

Adobe llustrator Great Tutorial  |  69


Bab 5 Default Brush VS Custom Brush

Explorasi Brush 4
•• Anda juga diijinkan untuk membuat
Brush dengan menggunakan lebih
dari satu objek.
•• Buat beberapa variasi objek, lalu
buat komposisi sesuai keinginan
Anda.
•• Atur Opacity objek dengan level
yang bervariasi, agar nampak
lebih dinamis.

Opacity: Opacity:
60% 30%

Explorasi Brush 5 1

Dengan setting Default, Anda


juga dapat membuat objek Brush
yang menarik. Mungkin yang perlu
2
diubah hanya pada opsi Spacing dan
Rotation relative to: Path, agar objek
mengikuti alur path.

TIPS
Anda dapat mendownload kuas secara gratis maupun
berbayar dari internet. Berikut link website:
https://blog.spoongraphics.co.uk/articles/25-adobe-
illustrator-brush-sets-you-can-download-for-free

70 | Adobe Illustrator Great Tutorial


Art Brush
Art Brush adalah kuas yang dihasilkan dari objek yang didistorsi mengikuti path/kuas yg dibuat.

Latihan:
•• Buat objek segitiga pipih
dengan Pen Tool . Set
warna fill ke hitam dengan
tanpa warna stroke (None).
•• Seret objek ini ke panel
Brushes. Jika sudah, pilih Art
Brush.
•• Pada Method, pilih Tints atau
Hue Shift agar warna kuas
dapat diubah.

Bereksperimenlah dengan bentuk


lain untuk mendapatkan kuas
yang menarik.
1 2 3 4

Lihat file hasil akhir di bab 5 (explorasi_art_brush)

Adobe Illustrator Great Tutorial  |  71


Bab 5 Default Brush VS Custom Brush

Latihan:
•• Gunakan Spiral Tool
untuk membuat floral brush
seperti terlihat pada contoh.
•• Klik sekali pada area
kerja dengan Spiral Tool.
Lakukan eksperimen pada
nilai Radius, Decay, dan
Segments.

TIPS •• Klik-geser dengan Spiral Tool (jangan lepas


mouse), tahan tombol Ctrl/Cmd, lalu geser lagi
mouse ke arah luar untuk mengubah bentuk spiral
menjadi lebih longgar. Geser mouse ke arah dalam
untuk mengubah bentuk spiral menjadi lebih
sempit (jangan lepas mouse).
Sebaiknya nilai pada Decay (80%)
dan Segments (10) diingat, agar •• Masih dalam kondisi mouse belum dilepas, tekan
Anda dapat mengembalikan panah atas/bawah untuk menambah/mengurangi
bentuk spiral ke bentuk awal panjang spiral (lepas mouse).
(default).

Lihat file hasil akhir di bab 5 (explorasi_art_brush)

Bereksperimenlah dengan
bentuk lain untuk mendapatkan 2
kuas yang menarik.

1
1
2 2
2
2

3 3

72 | Adobe Illustrator Great Tutorial


Warna Gradasi pada Art Brush:
Anda tidak dapat menerapkan warna gradasi langsung pada Art Brush.
Anda harus mengubah Art Brush terlebih dahulu menjadi bidang.

•• Pastikan objek kuas


tidak mempunyai
warna Fill.
•• Seleksi kuas dengan panah
hitam. Jika sudah, pilih Object
> Expand Appearance.
•• Karena objek sudah
menjadi bidang, Anda dapat
menerapkan warna gradasi.

Mengubah Image berbasis pixel menjadi Art Brush:


Cari image tekstur yang artistik menurut Anda jika dikonversi menjadi kuas, atau mungkin hasil scan
dari cipratan alami kuas yang Anda buat dengan media cat air/minyak. Buang bagian yang tidak perlu
dan atur gelap terangnya di Photoshop.

•• Pilih File > Place. Pilih file •• Tekan tombol Expand pada •• Klik kanan pada objek, lalu
Splash, atau gunakan image baris pilihan (sisi atas area pilih Ungroup. Jika sudah,
sendiri. kerja). pilih kotak pembatas, lalu
•• Buka panel Image Trace tekan delete.
(Window > Image Trace). •• Ubah objek vektor ini
Perintah ini akan mengubah menjadi kuas.
image bitmap menjadi objek
Delete
vektor.
•• Klik pihan Advance, lalu
centang pilihan Ignore White
dan Preview.

Adobe Illustrator Great Tutorial  |  73


Bab 5 Default Brush VS Custom Brush

Pattern Brush
Pattern Brush adalah kuas yang dihasilkan dari objek yang yang berulang, namun
objek terlihat menyatu dan berkesinambungan.

Latihan:

1. Buat 2 garis melintang horizontal, 4. Pilih Brush Tool, lalu terapkan kuas yang baru
lalu tambahkan 1 garis melintang Anda buat.
vertical.

2. Seret objek ini ke panel Brush. Jika sudah,


pilih Pattern Brush.

5. Penerapan
kuas pada
lingkaran.

3. Pilih Tints atau Hue Shift pada


Method agar kuas sesuai dengan
warna Stroke yang Anda pilih.

Lakukan eksperimen dengan objek-objek yag lain.

74 | Adobe llustrator Great Tutorial


Latihan:

1. Buat lengkungan dengan Pen Tool , dengan 6. Seleksi anchor point terluar dengan panah
ketebalan tertentu (saya menggunakan putih , lalu tekan tombol delete 2 kali.
ketebalan 4 pt). Jika sudah, klik sekali dengan
panah hitam .

2. Pilih Rotate Tool , lalu Alt/Opt+klik pada


anchor point untuk memutar objek sekaligus
meng-copy. Pilih View > Smart Guide (Ctrl/ 7. Pilih Scissor Tool , lalu klik pada path
Cmd+U) untuk mempermudah melihat titik seperti terlihat pada gambar. Gunakan panah
(anchor point). Masukkan nilai 180°, lalu klik hitam untuk memilih path yang sudah
tombol Copy. terputus. Jika sudah, tekan delete. Lakukan
hal yang sama pada sisi kanan objek.
Alt/Opt+Klik di sini

3. Pilih View > Outline (Ctrl/Cmd+Y) untuk


melihat path dalam bentuk wireframe.
4. Dengan panah hitam , tahan Alt/
Opt+Shift+seret ke kanan untuk meng-copy
8. Sambung kembali path yang terbuka dengan
objek.
Pen Tool . Jika sudah, pilih View > Outline
(Ctrl/Cmd+Y) untuk melihat path dalam
bentuk aslinya.

5. Tekan Ctrl/Cmd+D sebanyak 4 kali untuk


meng-copy.

Adobe llustrator Great Tutorial  |  75


Bab 5 Default Brush VS Custom Brush

9. Pilih Object > Expand untuk mengubah 14. Jika sudah, copy kotak ke sisi kiri dan kanan.
Stroke (garis) menjadi Fill (bidang).

15. Klik tombol Divide pada


panel Pathfinder untuk
10. Buka panel Pathfinder, lalu klik Unite untuk memisahkan objek
menggabung. menjadi 3 bagian.

11. Pilih Live Paint Bucket Tool untuk


mewarnai. Jika sudah, pilih Object > Expand 16. Klik kanan > pilih Ungroup. Buang kotak yang
untuk mengubah Live Paint Group menjadi sudah tidak kita butuhkan lagi.
objek biasa.

Mengubah objek menjadi kuas.


Objek sudah terbagi menjadi 3 bagian. Bagian
paling kiri sebagai awal kuas, bagian tengah
sebagai tengah kuas, dan bagian paling kanan
sebagai akhir kuas.
12. Buat kotak, lalu letakkan di tengah (lihat
1. Buka panel Swatches. Seleksi bagian paling
gambar).
kiri dengan panah hitam , lalu seret ke
13. Bayangkan sisi kiri objek dalam kotak akan dalam panel. Lakukan hal yang sama pada
bertemu dengan sisi kanan objek dalam bagian yang lain.
kotak.

76 | Adobe Illustrator Great Tutorial


2. Pastikan tidak ada objek yang terseleksi. Jika 5. Klik pada kotak pertama (Side Tile), lalu pilih
sudah, klik bagian awal pada panel Swatches, 'Tengah Kuas', lalu klik pada kotak keempat
lalu klik panah pada sudut kanan panel, pilih (Start Tile), pilih 'Awal Kuas'. Jika sudah, klik
Swatch Options.. beri nama Awal Kuas.. pada kotak terakhir (End Tile), pilih 'Akhir Kuas'.

3. Lakukan hal yang sama pada bagian tengah


dan akhir kuas.
4. Buka panel Brushes, lalu klik panah pada
6. Beri nama yang sesuai, lalu klik OK.
sudut kanan panel, pilih New Brush. Jika
sudah, pilih Pattern Brush. 7. Sekarang, Anda sudah bisa menggunakannya.
Pilih Brush Tool , lalu sapukan pada area
kerja.

8. Anda juga bisa menerapkan pada tools yang


lain, seperti Pen Tool, Pencil, lingkaran,
kotak, dll.

Lihat file hasil akhir di bab 5 (Rope)

Adobe Illustrator Great Tutorial  |  77


BAB 6

Typography

Pada bab ini, Penulis akan mencoba menjelaskan teknik-teknik dasar


dalam pengelolaan teks dengan Adobe Illustrator.

tracking kerning

leading
Typography baseline shift

in illustrator

Materi yang akan dibahas adalah:


•• Teks untuk judul dan paragraf.
•• Teks mengikuti path dan teks di dalam path.
•• Mendistorsi teks (warp, mesh, dan envelope).
•• Mengubah teks menjadi path.
•• Multiple Stroke pada teks.
•• Text Wrap.
•• Memasukkan image ke dalam teks.

78 | Adobe llustrator Great Tutorial


tj k
ujklhgyo e
tjk mihjkljncip dolortin
uo e venit utat lutat nulla
minci p conmlkkyiifdggulput e
DeVotyop[lhjklobo r
dolortin periliqvgkuam adiatum
venit utat lutat quisl incidunt nullan
nulla conulpute hesdftylpnib h
DeVolobor periliquam ed i
adiatum quisl incidunt
nullan henibh e a feugue
minim vel euis adizxcvXcdnisci
liquis autatinis accum iusci tio
duismod minisillcddsaadm vel ipsum

tjk tjk tjk


uoe uoe mincip uoe mincip
mincip dolortin venit dolortin
utat lutat venit utat
nulla lutat nulla
dolortin venit conulpute conulpute
utat lutat DeVolobor DeVolobor
nulla conulpute periliquam periliquam
DeVolobor adiatum quisl adiatum
periliquam incidunt quisl
adiatum quisl nullan henibh incidunt
incidunt nullan ea feugue minim nullan
henibh ea vel euismlopqrstu henibh
feugue vehkiuugiuyf eakl feugue
minim adizxcvXcdnisci minim vel
vel liquis autatinis euis
euis adizxcvXcdnisci liquis accum iusci tio adizxcvXcdnisci liquis

Adobe llustrator Great Tutorial  |  79


Bab 6 Typography

Membuat teks untuk judul

•• Pilih Type Tool , lalu klik sekali pada area •• Jika pengetikan sudah selesai, tekan
kerja. Jika sudah, ketik apa saja yang Anda mau. Ctrl+Enter/Cmd+Return.
•• Untuk turun ke baris kedua, tekan Enter/
Return.

Untuk memperbesar/memperkecil ukuran teks,


dorong sudut bounding box ke arah luar/dalam
dengan panah hitam .
Tahan tombol Shift agar ukuran tetap proporsional.
Shorcut: Ctrl/Cmd+Shift+>.

TIPS
1. Alt/Opt+panah atas: 1 Gabriel
Gabriel
azalia
azalia Gabriel
2 Gabriel
azalia
azalia
Mengurangi jarak antar baris. mymy
cute
cute
& &
2. Alt/Opt+panah bawah: Gorgeous
Gorgeous sonson mymycute
cute
& &
Menambah jarak antar baris. Gorgeous
Gorgeoussonson
3. Alt/Opt+panah kiri:
Mengurangi jarak antar huruf. 3 Gabriel
Gabriel
azalia
azalia G
4 aGbar bi er li eal z aa zl iaal i a
4. Alt/Opt+panah kanan: Menambah my my
cutecute
& & m ym cy uct ue t & e &
jarak antar huruf. Gorgeous
Gorgeoussonson G oGr og regoeuos u ss o sno n

Membuat teks untuk paragraf


•• Klik-seret dengan Type Tool untuk
membuat paragraf.
•• Dorong salah satu handle bounding
box untuk mengubah ukuran text
frame.
•• Gunakan Free Transform Tool
untuk mengubah ukuran huruf
sekaligus ukuran text frame.

80 | Adobe Illustrator Great Tutorial


Matikan pilihan Hyphenate
untuk membuang tanda sambung (-)

Klik tombol Character atau tombol Paragraph untuk memunculkan opsi yang lebih lengkap.
Lakukan eksperimen dengan mengubah nilai pada parameter yang ada.

Glyphs
Anda dapat memunculkan karakter unik pada
jenis font yang Anda pilih, seperti: ½, ±, Å, ©, dll.

•• Pilih Type > Glyphs.


•• Letakkan kursor pada teks, lalu klik dua kali
pada karakter yang Anda pilih pada panel
Glyphs.

Adobe Illustrator Great Tutorial  |  81


Bab 6 Typography

Memilih Jenis Font

Untuk memilih jenis font dengan melihat preview atau tampilan jenis huruf, pilih Type > Font.

Mengunduh Font dari Internet

Anda dapat mengunduh font dari internet secara gratis maupun berbayar. Setelah mengunduh, Anda
hanya perlu menginstalnya. Klik kanan pada font yang akan diinstal, lalu pilih Install.

82 | Adobe Illustrator Great Tutorial


Teks mengikuti path

•• Buat path dengan Pen Tool . Jika


sudah, pilih Type Tool , lalu klik
pada path jika kursor sudah berubah
menjadi .
•• Ketikkan teks sembarang.
•• Tekan Ctrl+Enter/Cmd+Return.
•• Untuk menggeser teks, arahkan
kursor pada awal teks dengan panah
hitam , sampai kursor berubah
seperti . Jika sudah, Anda dapat
menggeser teks ke kiri/kanan.

•• Untuk membuat teks pada path


tertutup (lingkaran, kotak, dll), pilih
Type on a Path Tool lalu klik
pada path.
•• Tekan Ctrl+Enter/Cmd+Return.
•• Untuk menggeser teks sekaligus
untuk memindahkan teks berada
di dalam lingkaran, arahkan kursor
seperti contoh di samping.
•• Jika sudah, geser mengikuti path
atau dorong ke sisi dalam lingkaran.

•• Untuk membuat teks berada di Plih Justify all lines


dalam lingkaran, klik sekali pada untuk mengisi seluruh
path dengan Type Tool , lalu lingkaran dengan teks
lakukan pengetikan.

Matikan pilihan
Hyphenate
untuk membuang
tanda sambung (-)

Adobe Illustrator Great Tutorial  |  83


Bab 6 Typography

Mendistorsi Teks
•• Ketik apa saja dengan Type Tool , lalu
tekan Ctrl+Enter/Cmd+Return.
•• Pada sudut kanan atas baris pilihan, klik ikon
Make Envelope.

•• Pilih Style yang Anda suka (Arc, Arc Lower,


dll), lalu atur nilai pada Bend dan Distortion
sesuai keinginan. Centang pilihan Preview
untuk melihat perubahan.

Untuk mengedit teks (mengubah Selain mengedit dari baris pilihan,


jenis huruf, warna teks, dll), klik Anda juga dapat mengedit secara
ikon Edit Contents , manual pada titik (anchor point)
maupun handle (tangkai kendali)
dengan menggunakan panah putih
,

84 | Adobe Illustrator Great Tutorial


Mendistorsi objek mengikuti bidang

1. Buat bidang (lingkaran, elips,


segitiga, dll).

2. Letakkan di atas teks. Jika teks


berada di atas bidang, seleksi
teks dengan panah hitam > klik
kanan > Arrange > Send to back.

Lihat file hasil akhir di bab 6


(envelope_distort_text_1)

Mendistorsi objek dengan Make with Mesh


1. Ketik teks sembarang. Jika sudah, tekan Ctrl/
Cmd+Enter.
2. Pilih Object > Envelope Distort > Make with
Mesh.. Masukkan nilai Rows dan Collumns sesuai
kebutuhan.
3. Gunakan panah putih untuk mengubah bentuk.
4. Untuk mengedit teks (mengubah jenis huruf, Edit Contents untuk
warna teks, dll), klik ikon Edit Contents. mengedit teks.

Edit Envelope untuk


mengedit bentuk.

Rows

Collumns

Adobe Illustrator Great Tutorial  |  85


Bab 6 Typography

Mengubah teks menjadi path


Huruf harus diubah terlebih dahulu menjadi path (create outline) untuk dapat diubah bentuknya
(dipotong, dibuang bagian tertentu, dll).

Latihan 1:
•• Klik kanan pada teks yang
sedang terseleksi, pilih
Create Outlines.

•• Balik warna Fill menjadi klik di sini atau


warna Stroke (tekan tekan Shift+X untuk
Shift+x). membalik warna.

•• Pilih panah putih , klik Tekan panah


kanan atau
pada titik (anchor point), Delete shift+drag
lalu tekan Delete untuk
membuang.
•• Geser titik yang Anda
inginkan dengan panah
putih.

•• Dalam kondisi path terseleksi, •• Seleksi beberapa titik sekaligus •• Jika sudah, shift+seret dengan
Anda dapat menghapusnya dengan mengurungnya (klik- panah putih atau tekan panah
dengan Eraser Tool . seret) dengan panah putih . pada keyboard.

Lihat file hasil akhir di bab 6


Klik sekali pada garis Tekan delete sekali Tekan delete dua kali (create_outline)

86 | Adobe Illustrator Great Tutorial


Latihan 2:
1. Pada latihan 2, kita
akan memotong teks
menggunakan Knife Tool
.
2. Klik kanan pada teks yang
sudah di-create outline, lalu
pilih Ungroup.
Perbesar ukuran setiap objek Beri warna pada setiap bidang
3. Pilih Knife Tool, lalu tahan yang sudah terpotong dengan sesuai keinginan.
Alt/Opt+Shift. Klik-seret panah hitam (Shift-drag).
dari atas ke bawah pada
setiap huruf.

Efek kertas terpotong

1. Buat bidang kotak vertikal 3. Copy objek gradasi dengan 5. Beri warna gradasi dari atas
memanjang, lalu letakkan di Alt/Opt+Shift+seret ke ke bawah. Set warna dari
perpotongan objek. setiap perpotongan huruf. hitam-putih-hitam. Jika
sudah, seleksi seluruh objek
2. Buat gradasi dari arah kiri
gradasi.
ke kanan. Set warna dari
hitam ke hitam. Jika sudah,
klik slider pertama, lalu set
opacity ke 0%.

4. Buat lagi bidang kotak 6. Buka panel Transparency,


menutupi seluruh objek lalu klik tombol Make Mask.
gradasi.

7. Warna hitam pada kotak


gradasi atas membuat objek
gradasi bawah menjadi
transparan.
Lihat file hasil akhir di bab 6 (break_appart)

Adobe Illustrator Great Tutorial  |  87


Bab 6 Typography

Menambahkan outline (stroke) bertumpuk pada teks


Untuk menambahkan efek outline (stroke) yang bertumpuk pada teks, Anda harus menggunakan panel
Appearance (Window > Appearance).

1. Ketik teks apa saja pada area


kerja, lalu set warna teks ke
None (Anda akan memberi
warna pada panel appearance).

2. Pada panel Appearance, klik ikon


Add New Fill. Jika sudah, klik
atau shift klik pada kotak warna
untuk memilih warna .
Panel Color
Panel Appearance
Panel Swatches

Add New Fill Klik untuk memunculkan Shift+klik untuk


panel Swatches. memunculkan panel Color.

3. Klik panah kecil pada sisi 4. Ubah warna Fill kedua, lalu klik
kanan panel Appearance, lalu ikon Add New Effect. Pilih Path
pilih Duplicate Item untuk > Offset Path..
menduplikasi Fill yang pertama.

88 | Adobe Illustrator Great Tutorial


•• Duplikasi lagi Fill kedua, lalu
ubah warnanya.

•• Jika sudah, klik panah


kecil di samping Fill, lalu
klik Offset Path untuk
mengubah setting Offset ke
nilai yang lebih besar.

•• Klik Fill pertama, Jika


sudah, klik lagi ikon Add
New Effect, lalu pilih Stylize
> Drop Shadow.
•• Atur setting drop shadow
sesuai keinginan.

Lakukan eksperimen dengan


mengubah Fill ke warna gradasi
(gradient) atau Patterns.

Lihat file hasil akhir di bab 6 (outline_stroke_final)

edisarwono366
@gmail.com
Adobe Illustrator Great Tutorial  |  89
Bab 6 Typography

Text Wrap pada objek vektor

Latihan 1:
Dengan fitur Text Wrap, teks
tidak akan menyentuh objek
(baik Vector maupun Bitmap).
Objek Vector:
•• Pilih Type Tool , lalu klik
seret pada area kerja untuk
membuat text frame. Ketik
sembarang untuk latihan.
•• Buat bidang lingkaran di
tengah teks. Jika sudah, pilih
Object > Text Wrap > Make.

•• Untuk menambah/mengurangi
jarak dari objek ke teks, pilih
Object > Text Wrap > Text
Wrap Option..

Text Wrap objek Bitmap:

•• Persiapkan image bitmap •• Import image ke Illustrator •• Dalam kondisi image masih
dengan background (File > Place). teseleksi, pilih Object > Text
transparan (format PSD/PNG). •• Pilih image pada kotak dialog Wrap > Make.
Buka file Jump (Bab 6). Place, lalu matikan pilihan
Link agar text mengikuti objek
bitmap.
•• Klik OK pada kotak dialog
Photoshop Import Options.

Lihat file hasil akhir di bab 6 (text_wrap_1)

90 | Adobe Illustrator Great Tutorial


Latihan 2:
1. Ketik angka seperti contoh, 2. Pilih teks dengan panah 3. Buka panel Layers. Klik-
saya menggunakan jenis hitam , lalu klik kanan ganda pada layer 1, ubah
huruf Impact (huruf ada di > pilih Create Outline untuk namanya menjadi Bidang.
folder latihan Bab 6, silahkan mengubah teks menjadi Jika sudah, buat layer baru,
instal). Tekan Alt/Opt+panah path. beri nama Text Wrap (tahan
kanan untuk menambahkan Alt/Opt+klik ikon
jarak antar huruf. untuk membuat layer baru).

4. Copy text (Ctrl/Cmd+C). Jika 5. Aktifkan lagi layer Bidang. 6. Seleksi dengan panah hitam,
sudah, aktifkan layer Text Seleksi beberapa titik lalu balik warna stroke
Wrap, lalu pilih Edit > Paste (anchor point) yang tidak ke fill (Shift+X). Ungroup
in Place. Untuk sementara diperlukan dengan panah objek, lalu beri warna sesuai
sembunyikan dulu layer ini. putih , lalu tekan delete. keinginan.

7. Aktifkan sekaligus munculkan 8. Untuk membuat tiga kolom


lagi layer Text Wrap. Pilih teks yang terhubung, klik
Type Tool , lalu buat pada kotak merah bertanda
area teks (klik seret) selebar 'plus' (outport). Jika sudah,
angka 2. Ketik sembarang buat lagi area teks di atas
seperti contoh. angka 3. Lakukan hal yang
sama untuk membuat kolom
yang ketiga.

Adobe Illustrator Great Tutorial  |  91


Bab 6 Typography

9. Seleksi seluruh teks dengan


panah hitam, lalu klik kanan
> pilih Arrange > Send to
Back.

10. Seleksi angka 2,3,4, lalu 11. Pilih lagi Objek > Text Wrap 12. Seleksi angka 2,3,4, lalu set
pilih Objek > Text Wrap > > Text Wrap Options, lalu warna Stroke ke None.
Make. masukkan nilai nol pada
Offset.

13. Saatnya memindahkan


layer Text Wrap ke bawah
agar text berada di bawah
bidang. Klik tahan pada
layer Text, lalu seret ke Dorong Handle ke
bawah. kanan.

Pitati beri tquaeped quis


doloria quiscid ut conectem
nimus odissec escient
impor tio- runt omnite ped
sum num velligenis est, eliquam
verepe- aut quo te cum quam quas
rum id qui aspidig ut anihil
consecu llabora endae. explaut mod
tumqui venis Raerchicim mollorro quia
viti adit ent quatia quia cus. do- lorest el ipsa
do- luptistios volupta Ex- pedis dolupta
temporum susa nis ci- musam, temquib
eaquae optatis uscienia-
vendunt siminci tia vendunt
pos ped corionem cus occul- pa rumquias
mos sa core de pos dolupta voloriatqui reped et exero planda dolesti atius, que

Lihat file hasil akhir di bab 3 (text_wrap_2)

92 | Adobe Illustrator Great Tutorial


Memasukkan image ke dalam teks

•• Buat komposisi teks dengan •• Import image (pilih File > •• Seleksi teks dan image
jarak yang rapat. Usahakan Place). dengan panah putih. Jika
menggunakan jenis huruf •• Pindahkan image ke sudah, klik-kanan lalu pilih
yang tebal (Bold/Black/ belakang (klik-kanan > Make Clipping Mask.
Heavy) agar image terlihat Arrange > Send to Back).
jelas.

Mengatur komposisi:

•• Klik dua kali pada teks/


image untuk masuk ke
Isolation Mode. Klik lagi
pada teks/image untuk
mengatur komposisi.
• • Sekarang, Anda dapat
mengatur komposisi
(menggeser, mengubah
ukuran, memutar, dll).

•• Jika sudah, klik dua kali


di luar teks/image untuk
keluar dari Isolation Mode.

Lihat file hasil akhir di bab 3 (text_wrap_2)

Adobe Illustrator Great Tutorial  |  93


BAB 7

Membuat Pattern

Pattern atau pola adalah objek yang


berulang dalam suatu bidang.
Illustrator mempunyai banyak pattern
yang siap pakai, namun kita juga
dapat membuat pattern sendiri. Pola
dapat dibuat teratur (Grid) atau acak
(Brick dan Hex).

•• Buka panel Swatches (Window >


Swatches).
•• Buat bidang kotak, lalu klik default
pattern.

•• Hanya terdapat dua pattern saja


pada panel Swatches.
•• Untuk memunculkan pattern yang
lain, klik di sudut kiri bawah panel.

Klik di sini untuk memunculkan


pattern yang lain

94 | Adobe llustrator Great Tutorial


Latihan 1:
•• Buat objek lingkaran tanpa
warna Fill, lalu seret ke
panel Swatches untuk
mengubahnya menjadi
pattern.

Klik-ganda untuk mengedit Pattern.

•• Buat bidang kotak. Jika


sudah, klik pattern
lingkaran. Shortcut:
•• Klik-ganda pada pattern Klik-ganda di luar objek pattern
untuk memberi nama, lalu
klik Done.

•• Klik-ganda lagi pada pattern,


lalu coba ubah nilai Widht
•• Klik Save a Copy untuk •• Pada tahap ini sedikit
(seleksi nilai, lalu tekan
membuat pattern baru, lalu terdengar aneh, klik Cancel
panah atas/bawah) untuk
beri nama. untuk menyimpan pattern
menambah/mengurangi
baru (Jika Anda klik Done,
jarak antar objek.
maka pattern yang lama
akan tertumpuk dengan
pattern baru).

•• Klik ikon link, agar


nilai Widht dan Height
terhubung/tidak terhubung.

Adobe llustrator Great Tutorial  |  95


Bab 7 Membuat Pattern

Latihan 2:
•• Buat pattern dengan
objek bintang. Jika sudah,
bereksperimenlah dengan
Tile type.

•• Anda dapat mengatur •• Jika ingin mengubah jarak


jarak secara presisi dengan secara manual, klik ikon
memilih pilihan Size Tile to Pattern Tile Tool. Geser
Art. Masukkan nilai pada H sudut bounding box dengan
Spacing dan V Spacing. tool ini.

96 | Adobe Illustrator Great Tutorial


Menggeser, Memutar, dan Mengubah ukuran Pattern

•• Seleksi objek pattern


dengan panah hitam ,
•• Klik-ganda panah hitam,
Pada Option pilih hanya
Transform Pattern saja.
Jika sudah, seleksi nilai
Horizontal/Vertical, lalu
tekan panah atas/bawah
untuk menggeser pattern.

•• Klik-ganda Rotate Tool.


Pada Option pilih hanya
Transform Pattern saja. Jika
sudah, seleksi nilai Angle,
lalu tekan panah atas/
bawah atau masukkan nilai
untuk memutar pattern.

•• Klik-ganda Scale Tool.


Pada Option pilih hanya
Transform Pattern saja. Jika
sudah, seleksi nilai Uniform,
lalu tekan panah atas/
bawah atau masukkan nilai
untuk mengubah ukuran
pattern.

TIPS •• Jika pilihan Scale Strokes & Effects terpilih, maka ketebalan garis/atribut style akan
mengikuti pembesaran/pengecilan secara proporsional.
•• Matikan pilihan Transform Pattern jika ingin mengubah ukuran objek kotak secara
manual menggunakan panah hitam , tanpa mengubah pattern.

Adobe Illustrator Great Tutorial  |  97


Bab 7 Membuat Pattern

Latihan 3:
Cobalah bereksperimen dengan membuat komposisi objek yang tidak beraturan. Pada tahap ini, kita akan
membuat pattern dengan pola acak (seamless pattern).

1. Atur objek dengan komposisi 2. Seleksi semua objek, lalu 3. Beri nama yang spesifik, lalu
yang tidak beraturan dan pilih Object > Pattern > kurangi nilai Widht/Height.
saling tumpang tindih. Make. Ini adalah cara lain
membuat pattern, selain
drag and drop ke panel
Swatches.

4. Jangan paksakan objek


menumpuk terlalu jauh. Isi
bagian yang kosong dengan
meng-copy objek yang ada.

5. Gunakan Alt/Opt+drag
dengan panah hitam
untuk meng-copy objek.

Bereksperimenlah dengan opsi


Overlap untuk pengaturan Bottom in Front
penumpukan objek. Top in Front
Right in Front
Left in Front

Lihat file hasil akhir di bab 7 (Seamless Pattern - 1 & 2)

98 | Adobe llustrator Great Tutorial


Lihat file hasil akhir di bab 7 (Basic Pattern, Illustrated Vector Sneakers).

SEAMLESS
PATTERN

Adobe llustrator Great Tutorial  |  99


BAB 8

Blend Tool & Opacity Mask

Pada bab ini, penulis akan mencoba


menjelaskan tentang Blend Tool dan
Opacity Mask, dua hal menarik untuk
membuat ilustrasi.

Opacity Mask
Opacity Mask
Opacity Mask
Opacity Mask
Opacity Mask
Opacity Mask

100 | Adobe llustrator Great Tutorial


Blend Tool . . . . . . . . . . . . . . . . . . . . . . . . . . .
Blend Tool mempunyai fungsi untuk memunculkan objek baru dengan bentuk atau warna transisi.

Smooth Color
•• Buat objek lingkaran, lalu tahan tombol Alt/ •• Buat objek lingkaran dan bintang.
Opt+Shift seret objek ke kanan untuk meng- •• Cara lain untuk membuat objek blend adalah
copy. dengan menyeleksi kedua objek lalu pilih Objek
•• Pilih Blend Tool , lalu klik pada objek > Blend > Make (Ctr+Alt+B/Cmd+Opt+B).
lingkaran pertama dan lingkaran hasil duplikasi.

•• Buat dua objek lingkaran dengan warna Fill •• Buat dua objek lingkaran dengan ukuran yang
yang berbeda dengan tanpa warna Stroke. berbeda.
•• Blend kedua objek dengan cara seperti yang •• Blend kedua objek dengan cara seperti yang
sudah dijelaskan di atas. sudah dijelaskan di atas.

Specified Step
•• Seleksi objek blend dua warna yang berbeda
dengan panah hitam, dilanjutkan dengan klik-
ganda Blend Tool .

•• Pilih Specified Steps pada opsi Spacing, lalu •• Anda dapat membuat objek blend lebih dari
masukkan nilai untuk menentukan berapa dua objek.
banyak objek transisi.

Adobe llustrator Great Tutorial  |  101


Bab 8 Blend Tool & Opacity Mask

Selain bidang (path tertutup),


objek blend juga bisa berupa
garis (path terbuka).

•• Buat dua garis tegak lurus


dengan ketebalan yang
berbeda, lalu gunakan Blend Klik-ganda Blend Tool untuk
Tool untuk membuat objek memunculkan opsi ini.
blend.

•• Lakukan eksperimen dengan path yang Anda buat menggunakan Pen Tool/Pencil Tool.

•• Pilih path dengan panah •• Anda bisa bereksperimen •• Anda juga bisa menerapkan
putih, lalu ubah warnanya. dengan mengubah ketebalan warna gradasi pada garis.
garis.

1pt 1pt 3pt 0,25pt 0,25pt 6pt

102 | Adobe llustrator Great Tutorial


Opacity Mask

Anda dapat membuat objek transparan pada area •• Hitam = Menyembunyikan gambar
tertentu menggunakan masking (Opacity Mask) •• Putih = Memunculkan gambar
dengan warna gradasi atau warna solid. •• Abu-abu 50% = Transparan 50%

Opacitymask Opacitymask
Opacitymask Opacitymask Opacitymask Opacitymask

+ = + Opacitymask
Opacitymask = Opacitymask
Opacitymask
Opacitymask Opacitymask
Opacitymask
Opacitymask Opacitymask
Opacitymask

Masking gradasi Masking warna solid

Latihan 1:
Lihat file hasil akhir di bab 8 (Latihan 1)

1. Buat bidang kotak dengan 2. Letakkan objek gradasi di 3. Buka panel Transparency
warna gradasi (hitam- atas objek yang ingin di- (Window > Transparency),
putih-hitam) lebih besar masking, lalu seleksi kedua lalu klik tombol Make Mask.
sedikit dari objek yang objek dengan panah hitam.
ingin di-masking.

Adobe llustrator Great Tutorial  |  103


Bab 8 Blend Tool & Opacity Mask

Membuat Flash Animation sederhana di Illustrator

1. Anda dapat menggunakan objek sendiri, namun


untuk latihan ini, kita akan menggunakan objek
yang sudah ada di ilustrator.
2. Buka panel Symbol, lalu pilih Regal Vector Pack.
3. Seret 3 simbol ke area kerja. Jika sudah, klik
tombol Break Link untuk mengubah Symbol
menjadi objek path sehingga Anda dapat
mengubah warnanya.

4. Seleksi objek sayap yang terpisah dengan


panah hitam , lalu jadikan satu dengan
meng-klik tombol Unite pada panel Pathfinder.
Lakukan hal yang sama jika ada objek yang
terpisah.

5. Beri warna yang berbeda pada


masing-masing objek.

104 | Adobe Illustrator Great Tutorial


6. Seleksi ketiga objek, lalu pilih Objek > Blend
> Make. Urutan layer akan menentukan urutan
blending.

7. Klik-ganda pada Blend Tool , ubah Spacing


ke Specified Step, lalu masukkan nilai 5
(semakin banyak nilai, semakin halus efek
transisi animasi).

8. Pilih Object > Expand. Jika sudah, pilih lagi


menu Objek > Ungroup.

9. Posisikan objek, agar berada di satu tempat


menggunakan panel Allign.

Adobe Illustrator Great Tutorial  |  105


Bab 8 Blend Tool & Opacity Mask

10. Pisahkan seluruh objek ke layer yang


terpisah. Klik di sudut kanan-atas panel
layer, lalu pilih Release to Layers (Sequence).

11. Sekarang saatnya untuk mengeksport layer


di illustrator menjadi frame di format SWF.
Pilih File > Export..
Pilih format Flash (*.SWF).

12. Pada Export As, pilih AI Layers to SWF Frame.

106 | Adobe Illustrator Great Tutorial


13. Klik Tab Advance, masukkan nilai Frame Rate sesuai keinginan. Centang pilihan Looping agar animasi
berulang-ulang.

Top Down : Animasi dimulai dari layer paling atas ke bawah.


Bottom Up : Animasi dimulai dari layer paling bawah ke atas.

Lihat file hasil akhir di bab 8:


•• Blend Animation (*.Ai).
•• Blend Animation (*.SWF).

TIPS
•• Lakukan eksperimen dengan objek-objek lainnya.
•• Lakukan eksplorasi dengan mengubah nilai pada kotak dialog SWF Options.

Adobe Illustrator Great Tutorial  |  107


Bab 8 Blend Tool & Opacity Mask

Latihan 2:

1. Ketik teks sembarang 3. Buat bidang kotak dengan 4. Seleksi teks dan objek
dengan huruf kapital (Upper warna gradasi (putih-hitam) gradasi, lalu klik tombol
Case). untuk menutupi teks hasil Make Mask pada panel
2. Copy sekaligus balik teks duplikasi. Transparency.
dengan Reflect Tool (lihat:
hal 25).

5. Klik thumbnail kanan untuk 6. Pilih Gradient Tool , 7. Klik lagi thumbnail kiri untuk
mengedit masking. Jika lalu geser slider gradient kembali ke mode normal.
sudah, seleksi objek gradasi. atau geser annotator Turunkan nilai opacity objek
untuk mengatur tingkat masking jika perlu.
transparansi.

Thumbnail kanan (masking) Annotator


Klik thumbnail kiri untuk
kembali ke mode normal
Lihat file hasil akhir di bab 8 (Latihan 2)
Latihan 3:
1. Buat bidang dengan variasi
warna gradasi.
2. Jika sudah, buat lagi
komposisi objek dengan
warna gradasi linear
(hitam-putih). Objek ini
akan kita jadikan masking.
Tekan Ctrl/Cmd+G untuk
meng-group.
3. Seleksi kedua objek, lalu
klik tombol Make Mask pada
panel Transparency. Lihat file hasil akhir di bab 8 (Latihan 3)

108 | Adobe llustrator Great Tutorial


Latihan 4:

1. Import gambar yang Anda


suka (File > Place).
2. Ketik teks apa saja dengan
warna putih.
3. Seleksi kedua objek, lalu
klik tombol Make Mask pada
panel Transparency.

4. Klik thumbnail masking, 6. Pilih Line Segment Tool


lalu copy teks dengan panah buka panel Stroke, lalu klik
hitam (Alt/Opt+drag). tombol Round Cap.
5. Ubah ukuran teks, lalu 7. Pilih warna putih, lalu
bereksperimenlah dengan buat beberapaOpacity
garis tegak Mask
Opacity M
Opacity Ma
nilai opacity untuk lurus (Shift+drag) dengan
mengatur transparansi. ketebalan yang berbeda.

Opacity Mas
Opacity Mas
Opacity Ma
•• Lakukan eksperimen dengan
kuas yang beragam (lihat:
Bab V), bidang (lingkaran,
kotak, dll). Opacity Mask
Opacity Mask Klik di sini untuk
•• Atur opacity untuk mengatur Opacity Mask
tingkat transparansi. Opacity
OpacityMask
Mask
memutus link
antara image dan
masking. Anda dapat
•• Gunakan warna putih untuk
memunculkan gambar
Opacity Mask menggeser image
ke posisi yang ideal.
dan warna hitam untuk Jika sudah, klik
menyembunyikannya. lagi di sini untuk
•• Klik lagi thumbnail kiri untuk menghubungkan lagi.
kembali ke mode normal.

Adobe llustrator Great Tutorial  |  109


Bab 8 Blend Tool & Opacity Mask

Latihan 5:
Membuat frame dengan efek sapuan kuas pada foto.

1. Import gambar (File > Place) 2. Dalam kondisi image masih 3. Matikan pilihan Clip untuk
photoshop-2845779_1920. terseleksi, klik tombol menutup masking dengan
Image ini saya download dari Make Mask pada panel warna putih (gambar akan
https://pixabay.com (free Transparency. Gambar tidak muncul kembali). Klik
royalty). terlihat karena masking thumbnail kanan untuk
tertutup warna hitam mengedit masking.
sepenuhnya.

Klik di sini untuk mengedit masking

4. Buka panel Brushes, lalu


pilih kuas jenis Artistic.

Lihat file hasil akhir di bab 8 (Latihan 5)


5. Pilih Line Segment Tool
lalu tarik garis pada setiap
sisi gambar. Jika sudah,
seleksi semua garis, lalu TIPS •• Gunakan beragam jenis kuas agar efek lebih natural.
pilih kuas yang Anda suka. •• Bereksperimenlah dengan ketebalan garis dan nilai
6. Jangan ragu untuk opacity.
menumpuk beberapa garis •• Gunakan Brush Tool untuk sentuhan akhir.
pada satu sisi.

110 | Adobe llustrator Great Tutorial


Latihan 6:
Lihat file hasil akhir di bab 8 (Latihan 6 -Final).

1. Buatlah komposisi teks 2. Kirim tekstur yang sudah 3. Pilih Edit > Edit Colors >
seperti contoh (Latihan 6 Anda persiapkan (File > Invert Colors (perintah ini
- Start), atau kreasi Anda Place). Jika sudah, tekan tidak dapat dipilih jika image
sendiri. Jika teks terdiri dari tombol Embed. Atur tekstur belum di-embed.
beberapa handle, pastikan lebih besar sedikit dari
untuk meng-group-nya komposisi teks.
(Ctrl/Cmd+G).

4. Buka panel Image Trace


(Window > Image Trace),
lalu centang pilihan Preview.
Jika muncul peringatan
dari Illustrator, klik OK saja.
Geser slider Threshold untuk
mengatur warna dominan. 5. Dalam keadaan objek masih
Maximize pilihan Advanced, terpilih, pilih Edit > Cut (Ctrl/
lalu centang pilihan Ignore Cmd+X).
White untuk membuang
warna putih.

6. Buka panel Transparency, 7. Plih Edit > Paste in Front 8. Jika ingin mengganti atau
lalu seleksi objek teks. 1 (Ctrl/Cmd+F) untuk menambahkan tekstur baru,
Klik Make Mask, 2 matikan meletakkan tekstur pada klik kotak Opacity Mask,
pilihan Clip, 3 lalu klik masking. Jika sudah, klik lalu ulangi lagi dari langkah
kotak Opacity Mask untuk thumbnail untuk keluar kedua.
munculkan teks kembali. dari mode masking.

HE WHO OPENS
A SCHOOL DOOR

3
2
1
CLOSES
A P R I S O N
V i c t o r H u g o

Adobe llustrator Great Tutorial  |  111


BAB 9

Membuat Objek 3D

Meskipun Illustrator bukan aplikasi khusus pembuat


objek 3D, namun dengan sedikit kreatifitas objek-objek
menarik pun dapat dihasilkan dengan aplikasi ini.

Extrude & Bevel

Latihan 1:
1. Pilih Rectangle Tool , lalu buat kotak dengan
warna fill tanpa warna stroke. Klik sekali pada
area kerja dengan tool ini jika ingin memasukkan
nilai tertentu.

2. Pilih Effect > 3D > Extrude & Bevel. Klik tombol


Preview. Ubah nilai Extrude Depht untuk
mengubah ketebalan objek (untuk satuan
ukuran yang lain, ketik mm/cm di belakang
nilai).

3. Untuk memberi kesan perspektif, naikkan nilai


pada Perspective.

112 | Adobe llustrator Great Tutorial


Arahkan kursor di dalam kubus, lalu
geser untuk memutar objek 3D

Arahkan kursor di dalam kubus, lalu


geser untuk memutar objek 3D

Mengatur ketebalan objek

Geser posisinya untuk mengatur arah


cahaya. Klik ikon New Light untuk
menambahkan sumber cahaya baru
Semakin besar nilai, semakin Tahan Alt untuk
halus transisi gradasinya mengubah tombol Cancel
menjadi tombol Reset

Klik tombol ini untuk menempelkan


objek symbol pada sisi objek 3D

Klik tombol More Option untuk


melihat perintah yang lain.

TIPS Lakukan eksperimen dengan mengubah nilai/parameter untuk


menghasilkan efek menarik.

Adobe llustrator Great Tutorial  |  113


Bab 9 Membuat Objek 3D

Latihan 2 (menerapkan efek 3D pada garis):


1. Buat garis lengkung dengan Pen Tool .
2. Buka panel Stroke (Window > Stroke), lalu
tambahkan ketebalan garis ke 7pt. Ubah ujung
garis menjadi tumpul dengan memilih pilihan
Round Cap.

3. Jika sudah, pilih Effect > 3D > Extrude & Bevel..

Blend Steps dengan nilai rendah akan


memperlihatkan transisi yang kasar

114 | Adobe llustrator Great Tutorial


Untuk menerapkan efek 3D pada
teks, lakukan hal yang sama
seperti Anda menerapkan pada
bidang dan garis.

Mempersiapkan 'Map Art'


Bidang pada objek 3D (surface),
dapat Anda isi dengan ilustrasi
(objek vector, image bitmap,
atau teks).
Menyiapkan Symbol:
1. Buka file map_art untuk
latihan. Jika sudah, buka
panel Symbol (Window >
Symbol).
2. Seleksi objek yang ingin
dijadikan symbol (sebaiknya Image bitmap. Teks
objek di- group - Ctrl/ Klik tombol Embed, sebelum
Cmd+G). Jika sudah, seret menyeretnya ke panel symbol.
ke panel symbol. Beri nama
yang sesuai, lalu tekan OK.

Lakukan hal yang kreatif untuk membuat objek symbol. Misalnya menggunakan Blend Tool.

1. Buat 3 garis vertical, lalu


ubah ketebalan garis yang
berada di tengah.
2. Pilih Blend Tool , lalu klik
ketiga garis tersebut.
3. Klik-ganda Blend Tool, lalu
ubah Spacing ke Specified
Step dan kurangi nilainya.
4. Jika sudah, seret objek ini ke
panel symbol.

Adobe llustrator Great Tutorial  |  115


Bab 9 Membuat Objek 3D

Menerapkan 'Map Art'

1. Buka panel Appearance (Window >


Appearance).
2. Seleksi objek 3D, lalu klik 3D Extrude
& Bevel pada panel appearance untuk
mengedit objek 3D.
3. Jika sudah, klik tombol Map Art.. Centang
pilihan preview untuk melihat perubahan.

Klik di sini untuk Klik di sini untuk


memilih symbol melihat sisi objek 3D
yang lain

Anda dapat menggeser, memutar, dan mengubah


ukuran symbol. Untuk mengisi seluruh area
bidang 3D, klik tombol Scale to Fit.

Pilih Object > Expand Appearance untuk mengubah Lihat file hasil akhir di bab 9 (map-art)
objek 3D menjadi objek biasa. Seleksi bagian-bagian
objek 3D dengan panah putih untuk mengedit.

116 | Adobe llustrator Great Tutorial


Revolve
Untuk membuat objek 3D dengan perintah ini, buat objek setengah bagian saja (sisi kiri/kanan).
Latihan 1:
1. B u a t l i n g k a r a n 2. Pilih Anchor point 3. Terapkan efek 3D 4. Ubah arah putaran
sempurna. Set sisi kanan dengan Revolve (Effect > 3D ke Right Edge.
warna Stroke ke panah putih, lalu > Revolve).
None, gunak an tekan delete.
warna apa saja pada
Fill.

Anhor
Point
Tekan
Tekan
Delete
Delete

Left Edge Right Edge


5. Tambahkan cahaya
baru, turunkan nilai
pada Ambient Light
dan naikkan nilai
pada Blend Steps.

6. Buat symbol berupa 9. Letakkan symbol di 10. Untuk mengatur


l in g k a r a n p u t ih tengah bidang grid posisi symbol,
dengan angka 3 di sisi yang terang sebaiknya gunakan
dalamnya. agar symbol tidak kubus pemutar.
distorsi.
7. Seleksi objek 3D, lalu
klik 3D Revolve pada
panel Appearance.
8. Klik tombol Map
A r t , l a l u p i l ih
symbol yang sudah
dipersiapkan.

Adobe llustrator Great Tutorial  |  117


Bab 9 Membuat Objek 3D

Eksplorasi 1:
•• Buat symbol yang kreatif
untuk memperoleh objek
3D dengan map art yang
menarik.
•• Pastikan untuk memilih
pilihan Scale to Fit, agar
map art memenuhi seluruh
bidang secara otomatis.

Contoh di samping Extrude & Bevel


menggunakan efek 3D
Extrude & Bevel, Revolve,
dan Custom Brush

Custom Symbols

Revolve
Custom Brush

Lihat file hasil akhir di bab 9 (Karakter 3D_Robot)

118 | Adobe llustrator Great Tutorial


Eksplorasi 2:
1. A m b i l g a m b a r letakkan di belakang 3. Copy objek , lalu 4. Seleksi objek paling
(File > Place). Jika (klik kanan > Arange letakkan di depan depan dan image.
sudah, klik tombol > Send to Back). image. Tekan Ctrl/ Jik a sudah, klik
Embed pada sisi atas Ratakan objek Cmd+C, lalu tekan kanan, lalu pilih
dokumen. dengan Alignment. Ctrl/Cmd+F. Jika Make Clipping Mask.
2. B uat bidang lebih sudah, perkecil objek
besar sedikit dari (Alt/Opt+drag).
image dengan
Rounded Rectangle
Tool. Jika sudah,

5. Lakukan adjustment 7. Tahap berikutnya 8. Klik kanan, lalu pilih 9. Pilih Effect > 3D >
pada objek. Jika adalah membuat Un gr o up. B u a n g Extrude & Bevel, lalu
perlu, tambahkan objek 3D. Klik semua elemen terapkan Map Art
elemen grafis. tombol Break Link kecuali Rounded dengan symbol yang
untuk mengubah rec tangle bes ar. sudah dipersiapkan
6. S e l e k s i s e l ur uh s y m b o l m e nj a di Jika sudah, ubah sebelumnya.
objek, lalu seret ke objek biasa lagi. warnanya ke putih.
panel Symbol.

Lihat file hasil akhir di bab 9 (linkin_park)

Adobe llustrator Great Tutorial  |  119


BAB 10

Tutorial

Line Arts
menggunakan Custom
Brush, Wrinkle Tool, dan
efek Roughen

Di akhir tutorial, diterangkan


bagaimana cara memindahkan
file Ai ke program Photoshop
untuk eksplorasi lebih lanjut.

Tracing

1. Import gambar kamera, pilih File > Place.


Jika sudah, kunci layer.
2. Buat layer baru untuk melakukan tracing
objek. Pilih Pen Tool, set warna Fill ke
None, lalu pilih Stroke dengan warna
yang kontras dengan objek yang ditrace.
Kunci layer

120 | Adobe llustrator Great Tutorial


3. Tracing kontur terluar dari objek terlebih
dahulu dengan PenTool. Jika sudah, lanjutkan
tracing kontur bagian dalam. Gunakan Ellipse
Tool dan Rectangle Tool , jika perlu.

4. Pada bagian-bagian tertentu, ubah warna


Stroke menjadi Fill. Seleksi objek, lalu tekan
Shift+X.

5. Pilih Rounded Rectangle Tool . Atur


lengkungannya seperti yang sudah dijelaskan
di bab sebelumnya.

6. Pilih Object > Path > Offset Path untuk


meng-copy object dengan lengkungan yang
tetap proporsional. Masukkan nilai -0,1cm
pada offset.
7. Pilih anchor point sisi bawah dengan panah
putih, lalu dorong ke atas. Tahan tombol Shift
pada saat mendorong.

8. Kopi lagi objek untuk 9. Tahan Alt + geser


membuat objek sisi objek ke bawah
dalam dengan perintah dengan panah hitam
Offset Path. untuk meng-copy
kedua objek.

Adobe llustrator Great Tutorial  |  121


Bab 10 Tutorial | Line Art 1

Mendistorsi Objek

9. Seleksi seluruh objek, lalu


pilih Free Transform Tool.

10. Klik-tahan pada sudut kiri bawah bounding


box dengan tool ini. Jika sudah, tahan tombol
Ctrl/Cmd + Shift, lalu geser ke bawah sedikit
untuk memberi efek perspektif.

Efek 3D

11. Buat sebuah lingkaran sempurna dan bidang 13. Seleksi bidang kotak, lalu klik-ganda Rotate
kotak memanjang, seperti terlihat pada Tool . Masukkan nilai angle: 360/40. Jika
gambar. sudah, klik Copy. Tekan Ctrl + D berkali-kali
untuk meng-copy dengan sudut yang sama.
12. Pilih Window > Align. Seleksi kedua objek,
lalu klik ikon Horizontal Align Center dan
Vetical Align Center.

122 | Adobe Illustrator Great Tutorial


14. Seleksi semua objek, lalu klik tombol Unite 15. Pilih Effect > 3D > Extrude & Bevell.. Atur
(Window > Pathfinder). Tekan Shift + X sudut objek menyesuaikan perspektif
untuk membalik warna Stroke menjadi dengan memutar kubus axis.
warna Fill.

Putar kubus ini untuk mengatur sudut objek

16. Ubah objek 3D menjadi path. Pilih Object > 17. Balik warna Fill ke Stroke, lalu pilih Align
Expand Appearance. Stroke to Inside pada panel Stroke agar
ketebalan garis berada di dalam path.

Adobe Illustrator Great Tutorial  |  123


Bab 10 Tutorial | Line Art 1

Clipping Mask

Dengan Clipping Mask, kita dapat menyembunyikan objek vector


pada bagian yang kita mau.

18. Buat path mengelilingi objek 19. Seleksi objek path dan objek 20. Objek yang berada di luar
yang ingin dipertahankan. yang ingin di-clipping mask. path tidak akan terlihat.
Jika sudah, klik kanan lalu
pilih Make Clipping Mask.

21. Lakukan proses yang sama


terhadap objek yang lain.

124 | Adobe Illustrator Great Tutorial


Align Stroke to Outside

Sebaiknya beri efek outline pada objek dengan ketebalan garis berada di luar objek. Buka panel Stroke,
lalu tambahkan ketebalan pada garis outline. Jika sudah, klik ikon Align Stroke to Outline.

Mengatur ketebalan dan style pada garis (Stroke)


Masih di panel Stroke, bermainlah dengan ketebalan garis dan
Profile. Untuk memilih objek yg sudah di-klipping mask, klik-ganda
pada objek untuk masuk ke mode Isolation Mode, lalu klik sekali
lagi untuk memilih objek. Untuk keluar dari mode Isolation Mode,
klik-ganda di luar objek.

Profile akan mengubah bentuk atau


ujung dari garis. Bereksperimenlah
dengan ketebalan garis dan
bermacam profile yang ada.

Adobe Illustrator Great Tutorial  |  125


Bab 10 Tutorial | Line Art 1

Membuat efek sketsa dengan Filter 'Roughen'

22. Pastikan satuan ukuran ke dalam Point. Pilih


View > Rulers > Show Rulers (Ctrl/Cmd + R).
Jika sudah, klik kanan pada Rulers vertical
atau horizontal, lalu pilih Point.

23. Seleksi seleuruh objek (Ctrl/Cmd+A),


lalu pilih Effect > Distort & Transform >
Roughen..
Pastikan Absolute dan Corner terpilih, nilai
Size dan Detail sesuai kebutuhan.

•• Anda dapat mengubah warna Fill sekaligus •• Seleksi seluruh objek (Ctrl/Cmd+A), lalu klik
warna Stroke dengan mudah menggunakan tombol Recolor Artwork pada sisi atas dokumen.
perintah Recolor Artwork.

•• Ubah warna seperti yang sudah dijelaskan pada


Bab 3 (Bekerja dengan Warna) - Hal. 47.

126 | Adobe Illustrator Great Tutorial


Membuat efek sketsa dengan Filter 'Roughen'

24. Sebelum menerapkan efek filter, pastikan


satuan ukuran (unit ) adalah Point. Tekan
Ctrl/Cmd+R untuk memunculkan penggaris
(Rulers), lalu klik kanan pada Rulers > pilih
Point.
25. Seleksi seluruh objek, lalu pilih Effect >
Distort & Transform > Roughen..
Size: 1 pt, lalu pilih Absolute. Anda dapat
bereksperimen dengan nilai.

26. Perhatikan pada angka 27. Seleksi lagi seluruh objek, 28. Pilih Wrinkle Tool. Tool ini
122 dan beberapa bagian, tahan Shift, lalu klik atau berada di slot Widht Tool,
per ub ah an bent uknya klik-seret pada objek yang Klik-ganda Wrinkle Tool
terlalu ekstrim. Tekan Ctrl/ tidak ingin dipilih. Jika untuk memunculkan opsi
Cmd+Z untuk membatalkan. sudah, baru terapkan efek mengubah setting sesuai
Roughen. kebutuhan.

Untuk mengatur diameter kuas. Masukkan nilai


yang sama untuk bentuk kuas lingkaran sempurna

Semakin besar nilai, semakin cepat efek yang


diterapkan. Masukkan nilai sekitar 10% saja.

Nilai horizontal hanya akan mempengaruhi garis/path


yang mendatar (horisontal).
Nilai Vertical hanya akan mempengaruhi garis/path yang
tegak lurus (vertikal).

Adobe Illustrator Great Tutorial  |  127


Bab 10 Tutorial | Line Art 1

29. Setelah mengubah setting 30. Anda bisa mengubah setting 31. Jika ada efek yang berlebih,
Wringkle Tool, klik berkali- Wrinke Tool setiap saat, Anda bisa memperbaikinya
kali pada objek untuk sesuai kebutuhan. menggunakan Smooth Tool.
memberi efek tidak teratur. Seleksi path, lalu klik-geser
di sepanjang path untuk
menghaluskan.

Lihat file hasil akhir di bab 10: • Tracing with Hand Drawn Effect (*.Ai).
• Tracing with Hand Drawn Effect - PS (*.PSD)

Pewarnaan dan penambahan tekstur


dilakukan di Photoshop.

128 | Adobe Illustrator Great Tutorial


Inspiring
Arts
Setelah Anda menguasai materi yang sudah
dipelajari, maka Anda dapat melakukan eksplorasi
dengan menambahkan warna dan tekstur..

Jangan ragu untuk berpindah ke program Photoshop


untuk mendapatkan efek lain. Anda bisa berhenti
pada saat 'Line Art' selesai dibuat di Illustrator.

Ada 2 cara untuk memindahkan file Illustrator (Ai) ke


Photoshop (PS).
•• File dalam kondisi terbuka di Ai, pilih File >
Export > Save as type > Photoshop (*.PSD).
•• Buat dokumen baru di PS, lalu pilih File > Place..
Jika sudah, pilih file Ai yang akan di-impor ke PS.

Adobe Illustrator Great Tutorial  |  129


Bab 10 Tutorial | Live Trace

Sumber: https://id.pinterest.com/sketch-by-teo

Live Trace
Mengubah sketsa menjadi karya vektor

Original Image Clean-up Image


Sebaiknya, buatlah sketsa sebelum
mengubahnya menjadi karya digital. Anda
dapat memvisualisasikan ide dengan sangat
bebas dan cepat.

Perintah Live Trace dapat mengubah sketsa


menjadi karya vektor. Jika Anda membuat
sketsa dengan pencil, pastikan sketsa sudah
hampir selesai (Tight sketch) lalu perbaiki
kontras gambar dan buang yang tidak perlu di
Photoshop (Clean up).
Gunakan perintah Levels dan Eraser Tool.

130 | Adobe Illustrator Great Tutorial


Mengubah gambar pixel menjadi vektor

1. Buat dokumen baru di Ilustrator. Jika sudah,


pilih File > Place.. Pilih sketsa yang sudah
diedit di photoshop atau buka file Retro Line
Art_by_Teo_Clean_Up.
2. Pilih Window > Image Trace. Klik menu pull-
down pada Advance untuk memunculkan
pilihan yang leih lengkap.

3. Klik Preview untuk melihat hasilnya


dengan setting default. Jika belum sesuai,
bereksperimenlah dengan nilai yang ada.
Saya menggunakan nilai seperti gambar
di samping. Pada Method: klik button
Overlapping.

4. Klik tombol Expand untuk mengubah objek


live trace menjadi path biasa.

Adobe Illustrator Great Tutorial  |  131


Bab 10 Tutorial | Line Art 2

5. Pastikan tidak ada objek yang terpilih, klik di


luar objek dengan panah hitam (Shift+Ctrl/
Cmd+A). Area luar Area luar
6. Pilih panah putih , lalu klik pada area
putih di luar objek. Tekan Delete. Pastikan
area putih tidak bersambungan dengan area Area dalam Area dalam
putih yang berada di dalam objek.

Mewarnai dengan Live Paint Bucket


7. Pilih objek dengan panah hitam , lalu pilih
live Paint Bucket.
8. Anda bisa memilih warna dari panel Swatches/
Color, namun saya lebih suka membuat objek
sendiri, lalu mengisinya dengan warna
harmonis sebagai palet panduan warna (lihat
bab 3/Memilih Warna Harmonis-hal 46).

9. Dengan Live Paint Bucket, 10. Namun, ada beberapa bagian 11. Gunakan Pen Tool untuk
pilih warna lalu klik pada yang masih berlubang atau menutup bagian ini.
bidang objek untuk mewarnai. mempunyai celah.

12. Seleksi seluruh objek, lalu 13. Lanjutkan lagi mewarnai


klik tombol Merge Live Paint dengan Live Paint Bucket
pada sisi atas dokumen. Tool.

14. Tahan Alt/Opt+klik pada palet


warna atau dari objek yang
sudah Anda warnai untuk
mengambil sampel warna.

132 | Adobe Illustrator Great Tutorial


15. Sementara, isi dulu semua bidang dengan
warna solid.
16. Jika sudah, seleksi objek, lalu klik tombol
Expand untuk mengubahnya menjadi path
biasa.

Live Paint object Path biasa

Membuat warna gradasi pada objek


17. Jika Anda membuat palet warna seperti yang
saya lakukan, pastikan terkunci. Seleksi palet,
lalu pilih Object > Lock > Lock Selection (Ctrl/
Cmd+2).
18. Klik-ganda Magic Wand Tool , lalu set
Tolerance ke '0' agar hanya 1 unsur warna
saja yang terpilih.
19. Klik salah satu bidang dengan Magic Wand
Tool, lalu buka panel Gradient.

20. Klik-seret Fill ke stop color sisi kanan pada 21. Letakkan posisi panah putih agak ke kanan-
panel Gradient. bawah. Pastikan stop color hitam tidak ada
lagi.

Adobe Illustrator Great Tutorial  |  133


Bab 10 Tutorial | Line Art 2

22. Secara default, setiap objek mempunyai arah 23. Pilih Gradient Tool , lalu klik-geser untuk
gradasi masing-masing. Ubah arah gradasi mengubah arah gradasi.
menjadi satu arah (global light).

24. Jika ada warna yang sama pada beberapa 25. Anda dapat menggunakan panah putih
objek, maka Magic Wand Tool akan memilih untuk memilih objek secara individual. Tahan
semuanya. Shift untuk memilih banyak objek. Jika sudah,
baru Anda terapkan warna gradasi.

Lihat file hasil akhir di bab 10 (Live Trace)

134 | Adobe Illustrator Great Tutorial


Smoke some Love by Bernard Salonga
https://www.behance.net/gallery/12034885/Urban-Vibes

Inspiring
Arts
Jika Anda merasa mempunyai kemampuan menggambar
lebih dari rata-rata, sekarang saatnya untuk memulai
membuat karya hebat.. Vectorize is easy..
Kunjungi site berikut sebagai referensi:
• www.theyhatemydesign.net (Amin Mubarok - Purbalingga)
• www.behance.net/aftergani
PUMMOMA by Adi Purba. • www.123klan.com
https://www.behance.net/ • www.skaffs.com
gallery/36642193/PUMOMMA • www.kakofonia.com

Adobe Illustrator Great Tutorial  |  135


Bab 10 Tutorial | Isometric Design

ISOMETRIC design

Isometric Design
Apa itu Isometric Art? - Kamu pernah main
game? Pasti pernah dong, sekalipun kamu bukan
gamers, paling tidak kamu pasti pernah tahu
game, seperti The Sims, Age of Empires, Fallout,
SimCity, dan Dota2. Beberapa game yang kami
sebutkan itu memang berbeda secara genre dan
mode permainan. Namun, ada hal yang menjadikan
mereka sama. Isometrik.
Proyeksi isometrik bisa dibilang sebagai metode
untuk menampilkan objek 3 dimensi ke dalam ruang
2 dimensi dengan tetap mempertahankan unsur 3
dimensinya (volume).
TOP - LEFT - RIGHT
(Sumber: http://www.techsigntic.com)

136 | Adobe Illustrator Great Tutorial


Membuat Isometric Grid sebagai guidance

1. Buat dokumen baru dengan ukuran A3-


portrait atau ukuran apa saja yang Anda mau.
Ubah satuan ukuran ke Inch.

2. Zoom out area kerja, lalu buat garis vertical melebihi ukuran artboard dengan Line Segment Tool
atau Pen Tool. Letakkan garis ini sedikit di luar area kerja.

3. Klik-ganda panah hitam , lalu masukkan nilai Horizontal:


0,25 inch atau kelipatannya (0,125, 0,50, 0,75, dst). Jika
sudah, klik Copy.

4. Tekan tombol Ctrl/Cmd+dan tahan tombol D, sampai objek


ter-copy memenuhi seluruh area kerja dan sedikit keluar area kerja pada sisi kanan.

5. Seleksi seluruh objek (Ctrl/Cmd+A), lalu


klik-ganda Rotate Tool . Masukkan nilai
600 pada nilai Rotate. Jika sudah, klik Copy.

Adobe Illustrator Great Tutorial  |  137


Bab 10 Tutorial | Isometric Design

6. klik-tahan Rotate Tool untuk memilih


Reflect Tool . Klik-ganda pada tool ini
lalu masukkan nilai 900 -Vertical. Jika sudah,
klik Copy.

7. Pilih Rectangle Tool lalu buat kotak


sedikit lebih kecil dari area kerja. Posisikan
sudut kotak pada persinggungan garis. Agar
lebih presisi, gunakan Smart Guide (View >
Smart Guides).

8. Balik warna kotak (Shift + X), lalu seleksi 9. Buka panel Pathfinder (Window > Pathfinder),
seluruh objek (Ctrl/Cmd+A). lalu klik ikon Outline. Jika sudah, klik di luar
objek dengan panah hitam untuk menon-
aktifkan objek.

Outline akan mengubah objek yang yang berada di


dalam kotak mempunyai outline yang berwarna hitam
tanpa warna fill, sementara objek yang berada di luar
kotak tidak mempunyai warna fill dan stroke.

138 | Adobe Illustrator Great Tutorial


10. Klik-ganda Magic Wand Tool , lalu pilih 11. Pilih Select > Inverse untuk memilih objek
Stroke Color. Jika sudah, klik pada objek tanpa warna outline. Jika sudah, tekan Delete.
dengan outline berwarna hitam.

12. Letakkan objek berada di tengah artboard.


Seleksi objek lalu pilih Align to Artboard. Jika
sudah, klik ikon dan

13. Kopi objek sebelum mengubahnya menjadi


guide. Tekan Ctrl/Cmd+C, lalu pilih View >
Guides > Make Guides (Ctrl/Cmd+5).

14. Buat layer baru, lalu pilih Edit


> Paste in Front (Ctrl/Cmd+F)
untuk meletakkan objek di
tempat yang sama. Jika sudah,
ubah warna stroke ke None.

15. Klik-ganda pada layer, lalu ubah namanya Layer Live Paint berisi objek tanpa warna fill
menjadi Guides dan Live Paint. dan stroke, digunakan untuk membuat objek
isometric menggunakan Live Paint Bucket Tool.

Adobe Illustrator Great Tutorial  |  139


Bab 10 Tutorial | Isometric Design

Membuat Isometric Art dengan Live Paint Bucket Tool

1. Buat layer baru, beri nama Isometric Art.


2. Kopi objek pada layer Isometric Grid. Anda
boleh memilihnya langsung pada area kerja
atau klik lingkaran pada sisi kanan layer.
Jika sudah, tahan Alt/Opt, lalu geser kotak
pada sisi kanan layer Live Paint ke layer Klik pada lingkaran untuk
Isometric Art. memilih objek.
Alt/Opt geser ke layer
3. Kunci layer Live Paint. lain untuk meng-copy.

4. Seleksi objek di layer Isometric Art, lalu


pilih Live Paint Bucket Tool. Pilih warna
yang Anda suka.

5. Klik sekali pada objek, maka akan muncul peringatan, "The selection contains complex artwork....",
klik Continue untuk melanjutkan. Klik-seret untuk mewarnai objek.

6. Lanjutkan dengan memilih 7. Konsep Isometric Ar t, 8. Jika sudah, selesai, klik


warna yang lebih gelap. selalu ada Top - Left - tombol Expand untuk
Right. Area paling terang, mengubah Live Paint
warna tengah, dan area Group menjadi path biasa.
dengan warna paling gelap.

140 | Adobe Illustrator Great Tutorial


Lakukan teknik yang sama untuk membuat
objek yang lain.
9. Buka kunci layer Live Paint, lalu klik
lingkaran pada sisi kanan layer. Jika sudah,
tahan Alt/Opt lalu geser kotak pada sisi
kanan layer Live Paint ke layer Isometric Art.

10. Kunci lagi layer Live Paint. Sekarang, Anda


dapat membuat objek baru pada layer
Isometric Art. Jika sudah, selesai, klik lagi
tombol Expand.

Adobe Illustrator Great Tutorial  |  141


Bab 10 Tutorial | Isometric Design

Menambahkan outline pada objek

1. Klik-ganda pada Magic Wand Tool ., lalu


masukkan nilai Tolerance: '0' pada Fill Color.

2. Jika sudah, klik pada salah satu bidang


warna objek, lalu klik ikon Unite pada panel
Pathfinder.

3. Lakukan hal yang sama pada bidang warna lainnya.

142 | Adobe Illustrator Great Tutorial


4. Seleksi seluruh objek, lalu beri
outline.

5. Buka panel Stroke, lalu ubah sudut objek ke


Round Join.

Optional:
Jika ingin menambahkan lagi outline pada sisi terluar saja, lakukan beberapa langkah berikut.
6. Seleksi seluruh objek, lalu copy (Ctrl/Cmd+C). Jika sudah, letakkan objek hasil duplikat di belakang
objek asli, pilih Edit > Paste in Back (Ctrl/Cmd+B).
7. Gabung seluruh objek dengan memilih tombol
Unite pada panel Pathfinder.
8. Pilih align Stroke to Outside, lalu tambahkan
ketebalan garis.

Adobe Illustrator Great Tutorial  |  143


Bab 10 Tutorial | Isometric Design

Membuat Isometric Art dengan Pen Tool

1. Organisasikan layer sebaik


mungkin. Hal ini akan Pilih layer utama, lalu buat
membantu Anda jika ingin sublayer baru. Tahan Alt/
mengembangkannya lagi di Opt+klik ikon Create New
program lain untuk kebutuhan Sublayer, beri nama 'Line
animasi. Art'.

Seperti:
After Effect, Adobe Animate,
Toon Boom, dll.

2. Munculkan guides, pilih View > Guides > Show


Guides (Ctrl/Cmd + ;). Pastikan juga Smart
Guides aktif, View > Smart Guides (Ctrl/
Cmd+U). Ilustrator akan memberi tahu Anda,
di mana posisi path berada.

3. Para desainer handal dan sudah terkenal pun, biasanya diawali dengan membuat sketsa, sebelum
mengaplikasikannya secara digital.

144 | Adobe Illustrator Great Tutorial


4. S e k a r a n g , A n d a d a p a t
membuat objek isometric
dengan bebas menggunakan
Pen Tool. Sebaiknya, set
warna Fill ke None.
5. Secara default, jika Anda
klik pada titik/anchor yang
sudah ada maka titik ini akan
dibuang. Ditandai dengan
ikon Pen Tool dengan tanda
(-). Tahan Shift sampai ikon
berubah menjadi tanda (*).

Jika sudah selesai membuat


outline, saatnya mewarnai objek
dengan Live Paint Bucket Tool.

6. Duplikat layer Line Ar t ,


letakkan di bawah layer asli
lalu kunci layer asli.

7. Seleksi seluruh objek di layer


Line Art Copy, lalu set warna Jika ingin mewarnai dengan
Stroke ke None. warna gradasi, klik tombol
Expand lalu ungroup objek.
8. Pilih Live Paint Bucket Tool,
lalu warnai objek dengan
warna solid. Ingat prinsip
TOP-LEFT-RIGHT.

Lihat file hasil akhir di bab 10


(isometric-grid-pen tool)

Adobe Illustrator Great Tutorial  |  145


Bab 10 Tutorial | Isometric Design

Membuat Isometric Art dengan 3D effects


Lihat file hasil akhir di bab 10 (isometric-grid-design)

1. Ketik teks sembarang, lalu pilih Effect


> Extrude & Bevell.. Klik tombol More
Option untuk menampilkan pilihan
yang lebih lengkap.

2. Pada Position, pilih empat pilihan:


Isometric Left, Isometric Right,
Isometric Top, atau Isometric Bottom.

3. Bermainlah dengan pilihan yang ada


untuk tampilan efek 3D yang lebih
realistik (sudah dijelaskan pada
Bab 9).

Isometric Right Isometric Top

Isometric Left

4. Anda dapat mengubah objek 5. Tekan 'D', pada keyboard. 6. S ek ar ang, A nd a d ap a t


3D menjadi objek biasa. Pilih Jika sudah, klik kanan pilih memilih warna yang sesuai.
Object > Expand Appearance. Ungroup berkali-kali sampai
pilihan Ungroup tidak ada.

146 | Adobe Illustrator Great Tutorial


Inspiring
Arts

Inspirasi bisa diperoleh


dari mana saja..

Saya merekomendasikan
untuk mengunjungi
Pintersest, sebuah virtual
pinboard di mana Anda
bisa mengunggah foto atau
gambar sebagai sumber
inspirasi.

https://id.pinterest.
com/explore/isometric-
shapes/?lp=true

Adobe Illustrator Great Tutorial  |  147


ADOBE ILLUSTRATOR
Great Tutorial

148 | Adobe llustrator Great Tutorial


Profil Penulis // Edi Sarwono | 0817-7096-1039 | 0812-8560-2547

Penulis Buku Photoshop CS2 Great Tutorial (2007)


& Photoshop CS3 Great Tutorial (2008)
Penerbit: PT. Elex Media Komputindo (Gramedia Group)

Dosen Komputer Grafis di:


ST Mediakom Trisakti
Sekolah Tinggi Desain Interstudi (STDI)
SSR Jakarta - School of Creative Media
Pernah mengajar di:
Lasalle College International, Politeknik Media Kreatif,
SAE Jakarta, Digital Studio Workshop.

edisarwono366.wixsite.com/portfolio linkedin.com/in/edi-sarwono-494388ba/

facebook.com/edisarwono366 edisarwono366@gmail.com

Adobe llustrator Great Tutorial  |  149

Anda mungkin juga menyukai