Anda di halaman 1dari 66

Kata Pengantar

Bismillahirrahmanirrahim

Assalamualaikum wa Rahmatullah wa Barakatuh

Kami bersyukur kepada Allah SWT atas selesainya pembuatan


buku “Tutorial Simpe Adobe Illustrator”. Shalawat dan salam
semoga terlimpahkan kepada Nabi Muhammad SAW.

Buku ini dibuat bertujuan untuk memenuhi tugas sekolah, dan


tenteu nya pendapat pelajaran dan pengalaman yang berman-
faat, pahit ataupun manis.

Ucapan terimakasih kepada tim penulis dan penyusun, dan


pihak-pihak yang telah membantu terselesaikannya buku ini

Wassalamualaikum wa Rahmatullah wa Barakatuh


Daftar Isi
HALAMAN JUDUL ………………………………………………. i

KATA PENGANTAR ……………………………………………… ii

DAFTAR ISI …………………………………………………………. iii

BAB 1 Pembuatan Typography simple……………………………………..

BAB 2 Pembuatan Logo Adobe Illustator……………………………………..

BAB 3 Pembuatan ikon Panda……………………………………..

BAB 4 Pembuatan Sampul Buku……………………………………..

BAB 5 Pembuatan emotikon……………………………………..

BAB 6 Pembuatan Flan Desain……………………………………..

BAB 7 Pembuatan Vector mata……………………………………..

BAB 8 Pembuatan kartu nama-……………………………………..


BAB 1 PEMBUATAN
TYPOGRAPHY SIMPLE
Adobe CC 2019

Tahap 1. Bukalah App Adobe Illustrator.

Tahap 2.klik create new untuk membuka opsi new document


Tahap 3. Jadikan Ukuran 1920 pixel, lalu klik create.

Tahap 4. Klik Type Tool


Tahap 5. Klik pada kertas untuk mulai menuis, dan perb-
besarlah ukuran font

Tahap 6. Gunakan font jenis script yang calligraphy,


kamu dapat menginstall font di Dafont.com
Tahap 7. Perbesar lagi tulisan sesuai keinginan.Dengan
cara menarik ujung sambil menekan shift agar tulisan
tetap proporsional

Tahap 8. klik tulisan dengan selection tool, lalu gunakan


kombinasi CTRL + C lalu CTRL + F , Lalu drag tulisan.

Tahap 9. klik 2 kali pada fill untuk mewarnai tulisan


yang kedua.
Tahap 10. klik tulisan yang pertama kemudian klik yang
dilingkar merah untuk mengubah warna fill menjadi
warna stroke.

Tahap 11. klik properties lalu perbesarlah stroke


Tahap 12. klik tulisan yang kedua. Kemudian klik kanan
pada mouse/touchpad , klik arrange, klik bring to front.

Tahap 13. Pindahkan tulisan yang berwarna ke depan


tulisan yang hanya stroke saja
Tahap 14. ini hanya untuk memperindah, tambahkan
dekorasi menggunakan pen tool

selesai! , selamat mencoba


BAB 2 PEMBUATAN LOGO
ADOBE ILLUSTRATOR
Adobe CC 2019

Tahap 1. Buka app adobe illustrator, lalu klik create new.


Setting ukuran gambar menjadi 1920 pixel, lalu klik
create.

Tahap 2. Sekarang drag foto logo Adobe ke dalam app


Adobe Illustrator.
Tahap 3. Perbesar ukuran foto dengan cara menarik
ujung gambar dengan selection tool sambil menekan
shift agar gambar tetap sesuai.

Tahap 4. (optional) buat square untuk guide membuat


logo.
Tahap 5. Taruh kembali foto ditengah guide persegi, lalu klik layer tam-
bahkan layer baru dan lock layer yang pertama. Dengan cara klik dimana
tempat yang sudah dilingkari.
•Fungsi dari lock ini adalah agar saat mengerjakan di layer yang kedua kita
tidak menggeser benda- yang ada di layer pertama.

Tahap 6. Klik rectangle tool untuk membuat persegi logo adobe


illustrator (ligkaran hijau yg diatas)
•Lalu klik 2 kali Fill (lingkaran hijau dibawah) untuk mengatur
warna
Tahap 7. lalu bikin persegi yang kedua dengan cara klik persegi
dengan selection tool, lalu gunakan kombinasi ctrl + c lalu ctrl + v
• Setelah itu ganti warna persegi kedua dengan warna
hitam dengan cara kli klik 2 kali Fill (yang dilingkari hijau)

Tahap 8. Perkecil persegi kedua (hitam) dengan cara tarik ujung


persegi kedalam sambil menekan shift.
Tahap 9. Taruh persegi kedua ke tengah persegi yang
pertama.

Tahap 10. Gunakan selection tool /direct selection tool


• Klik persegi yang berwarna oren sampai ada
bulatan kecil berwarna putih diujung (yang dilingkari)
• Tarik kedalam bulatan kecil nya untuk membuat
sudut-sudut persegi menjadi rounded
Tahap 11. klik type tool untuk membuat tulisan dalam
logo ai “Ai” dengan character Myriad Pro.
Tahap 12. perbesar huruf , sesuaikan dengan besar
persegi yang sudah kita buat.

Tahap 13. Gunakan eyedropper tool untuk mengubah


warna tulisan, klik tulisan dengan selection terlebih
dahulu baru gunakan eyedropper
Tahap 14. Pindahkan tulisan yang sudah diubah warna
nya ke tengah persegi yang teah kita buat

Tahap 14. Selesai! , selamat mencoba


BAB 3 PEMBUATAN IKON PANDA
Adobe Cs 6

Tahap 1. Setelah membuka aplikasi ADOBE IILUSTRA-


TOR, Kemudian klik FILE Dan klik New setelah itu
setting aturan kertas sesuai keinginan.

Tahap 2. Pililah ukuran kertas sesuai yang kalian ingink-


an.
Tahap 4. Setelah selesai memilih ukuran kertas, klik
2x lambang KOTAK setelah muncul seperti ini klik
ELIPSE TOOL.

Tahap 5. Dan Mula – Mula bentuklah seperti ini.


Tahap 6 . Buat bentuk wajah yang halus dari lingkaran
berwarna biru, pindahkan anchor point bagian samping
ke bawah.

Tahap 7 .Kemudian Buatlah Hidung Panda dengan


menggunakan elipse tool, Pilih Scissors Tool (C) dan
klik anchor point samping dari bentuk yang digariskan,
pisahkan itu. Hapus separuh bagian atas, yang memben-
tuk senyum.
Bentuklah matanya dengan elipse tool, Buat elips yang
sempit dan putar sedikit ke kiri. Gunakan Reflect Tool
(O). untuk membuat salinan dan balikkan secara hori-
zontal ke sisi lain wajah.

Tahap 8 . Tetaplah pada bola mata, pergi ke Object >


Path > Offset Path dan buat pupil kecil di dalam mata.
Tahap 9. Bentuklah telinganya menggunakan elipse tool,
dan Tambahkan telinga bulat abu-abu tua pada kepala
panda, dan selesaikan dengan membentuk bayangan
semi transparan di sisi kanan wajahnya. Setelah itu, ses-
uaikan warna nya sesuka kalian
BAB 4 Cara Membuat Sampul
Adobe Ilustrator CS6

Tahap 1. yang pertama sama seperti langkah langa-


kah sebelumnya .Tinggal kita Ubah Ukuran Kertasnya
menjadi 148 x 210 Mm atau Kertas A5 seperti gambar di
bawah ini
Tahap 2. Kedua Kita harus Membuat Bentuk meng-
gunakan Rectagel tool (M) dengan Mengeklik lama
Gambar Persegi Di sebelah Kiri lalu klik Bentuk
Persegi atau Mengeklik M di Keybroad
Tahap 3. Kemudian Kita Bentuk Sesuai dengan Kertas
Yang kita buat tadi supaya menjadi seperti ini :

4.Jika Kalian Ingin Merubah warna Dalam Persegi maka


kita harus mengeklik sebelah kiri
5.Sampe Muncul seperti di gambar. Pilihlah Warna
sesuai dengan Kebutuhan Kalian

6.Lalu Lakukan hal Seperti Langka Nomor 2 tetepi


pada langkah ini persegi yang kita gunakan lebih kecil
dari langkah nomor 2 .Kemudian Copy Dan Paste Den-
gan Mengeklik Ctrl +C Dan Ctrl +V pada Keybroad
sampe Menjadi Tiga buah Persegi
7.Lalu Kita Akan memberi Tulisan pada Sampul yang
kita Buat. Dengan mengeklik icon T yang Ada di sebe-
lah Kiri Seperti Gambar Dibawah ini
9.Kemudian klik ke arah kertas dan mulai lah menulis

10.Jika tulisan terlihat seperti gambar dibawah ini kita


besarkan dengan cara mengklik teks lalu teken shift
lalu klik yang berada di bawah sebelah kanan lalu gera-
kan sesuai yang kalian ingin kan Dan jika ingin meru-
bah warna lakukan seperti langkah nomor 2
11.Jika Kita merubah font pada tulisan. Kita akan
mengeklik charater yang ada di atas

12.Sebelumnya kita blok dulu teks yang sudah kita buat


atau tulis seperti di gambar
13.Lalu kita kilik pada charater lalu kita tulis font yang
diinginkan lalu klik maka tulisan akan berubah seperti
yang di inginkan seperti gambar di bawah ini

14.Selesai sampul pun jadi lalu kita save menjadi pdf.


lalu kita tinggal cetak
BAB 5 PEBUATAN EMOTIKON
Adobe illustrator CC 2019

Tahap 1. setelah membuka app ai, klik create new atur


setting kertas sesuka mu.

Tahap 2 . Klik ellips tool, klik dikertas sambil menekan


shift agar lingkaran seimbang.
Tahap 3. klik fill 2 kali sampai muncul option seperti
di bawah, lalu pilih warna kuning.

Tahap 4. klik stroke yg ada di seblah fill lalu klik none


untuk menghilangkan stroke pada lingkaran.
Tahap 5. gunakan ellips tool bentuklah oval tinggal tarik
ke bawah, jangan tekan shift.

Tahap 6. warnai oval dengan cara menekan fill, kemu-


dian gunakan kombinasi ctrl c + dan ctrl + v untuk
mengcopy oval nya.
Tahap 7. pindahkan kedua oval ke tengah lingkaran.

Tahap 8. buat mulut emotikon dengan pen tool.


Tahap 9. tekan pentool untuk membuat point achor
muncul, agar bisa membuat garis jadi melengkung.

selesai!, selamat mencoba~


BAB 6 PEMBUATAN FLAT DESAIN
Adobe illustrator CS6

Tahap 1. Setelah masuk ke aplikasi tekan “File” dan pilih


“New

Tahap 2. Setelah dokumen muncul,ubalah “‘size” men-


jadi A4, ubah “units” menjadi pixel dan “orientation”
menjadi potrait, kemudian jika sudah klik “Oke”. kemu-
dian kertas akan muncul
Tahap 3. kita akan mewarnai kertas tersebut. Tekan
“Rectangle tool” setelah itu tekan “Colour picker”. Anda
dapat memilih warna sesuai kebutuhan anda. setelah itu
tariklah dari ujung kiri atas hingga ujung kanan bawah
hingga warna memenuhi kertas

Tahap 4. tahap awal membuat lingkaran donat adalah


membuka kembali “Rectangle tool” dan pilih “elipse
tool”
Tahap 5.sambil menekan shift,tariklah seperti yang anda lakukan
sebelumnya saat mewarnai kertas hingga lingkaran terlihat cuk-
up besar. saat anda melepasnya tekan kembali lingkaran tersebut
kemudian tekan “Colour picker”. pilihlah warna coklat muda agar
warnanya seperti adonan kue yang terlihat matang

Tahap 6.Tekan kembali lingkaran tersebut kemudian


tekan, “CTRL+C kemudian “CTRL+V” pada keyboard
anda. Maka lingkaran tersebut akan ter-copy menjadi 2
bagian
Tahap 7.Perkecilah lingkaran tersebut dengan menekannya dan
menarik ujung kotak yang berwarna biru sambil menekan shift,ji-
ka lingkaaran tersebut sudah menjadi kecil,pilih option tool “Eye
droper” kemudian arahkan ke kertas,maka warnanya akan berubah
menjadi merah yang serupa dengan kertas. kemudian arahkan ke
tengah untuk membuat lubang pada donat

Tahap 8.selanjutnya adalah membuat selai pada donat.Copy


kembali lingkaran paling besar dengan menekan “CTRL+C”
dan “CTRL+V”
kemudian tekan “Colour picker” untuk mengubah warnanya,-
disarankan untuk memilih warna terang atau warna pastel
Tahap 9 .Untuk mengasilkan efek gelombang pada selai,
tekan lingkaran yang anda warnai sebelumnya kemudi-
an tekan “Efect’” kemudian pilih “distort & transform”
`kemudian pilih “zig zag”

Tahap 10. ketika option muncul,aktifkan kotak yang


bertuliskan “preview” kemudian ubah “points” menjadi
“smooth”. Kemudian ubah “Option” dengan “Size : 12 px
dan “Ridges per segment : 2”. Kemudian klik “Ok”
Tahap 11.Sesuaikan dengan kulit donat yang telah anda
buat
BAB 7 PEMBUATAN VECTOR
MATA
Adobe illustrator CC 2015

Tahap 1. Setelah mebuka app Klik File Lalu Klik New Atau Klik Ctrl
+ N Untuk Menambah File Untuk Membuat File Baru.

Tahap 2.Ubah Name/Nama,Ubah Units/Jenis Ukuran Menjadi Pix-


els,dan Ubah Ukuran Menjadi 1920 Px × 1920 Px
Setelah Mengubah Lalu Klik Ok Pada Tampilan Tersebut.
Setelah Muncul Tampilan Kertas Tersebut Lalu, Kita Mulai Untuk
Membuat Gambar.

Kita Buat Segitiga Tumpul Dengan Cara, Klik Tombol (Pen Tool)
Lalu
Klik Kertas Lalu Arahkan Pen Tool Tersebut Menjadi Garis Miring
Seperti Ini .
Setelah Itu Klik Kembali Kertas Tersebut Dan Klik Tom-
bol Shift Secara Bersamaan Lalu Tarik.
Lalu Lanjut Kan Garis Tersebut Seperti Contoh Di Atas
Lalu Bentuklah Sampai Yang Diberi Tanda Panah Seperti
Gambar Di Bawah Ini.

Setelah Itu Kita Block Gambar Tersebut Lalu Di Copy


Dengan Cara Klik Ctrl + C Lalu Kita Paste Dengan Cara
Klik Ctrl + V
Paste Gambar Tersebut Menjadi Tiga Gambar, Seperti Di Bawah
Ini.

Lalu Klik Gambar Tersebut Sampai Ada Garis Persegi Panjang


Berwarna Biru Seperti Gambar Di Bawah Ini. Setelah Muncul
Lalu Klik Persegi Kecil Berwarna Putih Di Lingkran Pada Gambar
Dibawah Ini Lalu Tahan Dan Dorong Menjadi Sedikit Lebih Kecil.
(Catatan : Kecilkan Pada Kedua Objek Tersebut Kecuali Gambar
Yang Tidak Diberi Tanda Panah Di Bawah Ini Lalu, Kecilkan Den-
gan Ukuran Yang Berbeda)
Lalu Satukan Sehingga Menjadi Gambar Di Bawah Ini.

Warnailah Gambar Tersebut Dengan Mengklik Objek


Tersebut Lalu Klik (Fill) Lalu Akan Muncul Color
Picker Lalu Klik Yang Ada Kotak Berisi Huruf Lalu, Kita
Ganti Code Warna Sesuai Yang Ada Di Bawah Kanan.
Setelah Itu Kita Kita Blok Semua Objek Lalu Kita Klik
(Stroke) Lalu Kita Klik Yang Bergaris
Miring Bewarna Merah, Maka Garis Hitam Pada Objeck
Akan Menghilang.
Tahap 5
Setelah Kita Menghilangkan Garis Hitam Lalu, Kita
Akan Buat Lingkan Dengan Cara Tekan Huruf (L)
Setelah Itu Kita Klik Objek Lingkaran Tersebut Lalu Di
Copy Dengan Cara Klik Ctrl + C Lalu Kita Paste Dengan
Cara Klik Ctrl + V. (Catatan : Paste Gambar Tersebut
Menjadi Tiga Gambar, Seperti Di Bawah Kanan Ini).
Lalu Kecilkan Kedua Lingkaran Tersebut Dengan Uku-
ran Yanga Berbeda Lalu Urutkan Menjadi Bola Mata.
Tahap 6
Setelah Buat Lingkaran Lalu Kita Warnai Dengan Code Warna Beri-
kut.
Lalu Setelah Di Warnai Lalu Kita Hilangkan Garis Hitam Di Ketiga
Lingkaran Tersebut.

Setelah Itu Kita Klik Objek Lingkaran Yang Besar Lalu Copy Lalu
Kita Paste.
Setelah Itu Kita Taruh Lingkaran Itu Di Tengah Bola Mata Seperti
Gambar Di Bawah Ini.
Tahap 8
Setelah Itu Kita Klik Lingkaran Tersebut Lalu Kita Klik
(Gradient).

Atur Lah Warna Gradientnya Seperti Di Bawah Ini.


Setelah Itu Kita Pilih (Gradient Tool) Untuk Merapihkan
Gradientnya
Seperti Di Bawah Ini.

Tahap 9
Setelah Kita Menggradient Warna Lingkaran Lalu Kita Copy Lalu
Kita Paste Menjadi Dua ,Lalu Warnai Salah Satu Yang Di Paste
Menjadi Warna Hitam.

Lalu Perbesar Ukuran Warna Hitam.


Setelah Itu Kita Pindah Kan Yang Warna Hitam Ke
Paling Belakang Dengan Cara Klik Kanan Lalu Pilih
Arrange Setelah Itu Pilih Send To Back. Setelah Itu
Pindahkan Ke Mata.
Tahap 10
Lalu Kita Pindahkan Yang Warna Abu Abu Ke Mata, Lalu
Kita Pilih Gradient. Lalu Kita Atur Gradientnya Seperti
Yang Di Bawah Ini.
hingga jadi seperti ini.

Tahap 11
Setelah Itu Kita Buat Lingkaran Kecil Lalu Kita Beri
Warna Dengan Kode Ffffff
Setelah Itu Kita Block Semua Objek Mata Lalu Kita Klik
Kanan Lalu Plih Transfrom Lalu Kita Pilih Reflect. Lalu,
Lalu Muncul Tampilan Lalu Kita Ubah Menjadi Vertical
Lalu Klik Copy.
Dan Selesai..
Maka Sudah Jadilah Gambar Vector Mata.
BAB 8 PEMBUATAN KARTU NAMA
Adobe illustrator 2019

1. setelah membuka app klik create new, lalu atur kertas


sesuai yang diatas lalu klik create

2.gunakan rectangle tool lalu sesuaikan seperti ukuran


diatas
3.klik layer lalu klik diantara mata untuk lock layer
pertama lalu tambahkan layer kedua untuk tulisna

4. gunakan type tool untuk menulis dan gunakan fill


untuk mengubah warna tulisan
5. bulatan ijo untuk tempat logo, kotak hijau untuk ket-
erangan, kotak biru untuk mengganti jenis tulisan, kotak
kuning untuk mengubah ukuran tulisan

6. disini saya menggunakan logo bulan, anda dapat mema-


sukan logo anda sendiri, selamat mencoba
Ai
Tutorial
Simple Adobe
Illustrator
tutorial simple dan gampang.