Do Something Make Something

Selasa, 27 Juni 2017

Tutorial Karakter Lucu Kaktus

Bagaimana Cara Membuat Karakter Kaktus Lucu Dengan Menggunakan aplikasi Adobe Illustrator?

Hari ini saya akan berbagi tentang bagaimana cara membuat karakter kaktus lucu yang tentunya dengan menggunakan aplikasi Adobe Illustrator. Nanti akan mengunakan bentuk-bentuk dasar, Line Segment Tool dan Warp Effect untuk membuat karakter lucu itu.

 1. Membuat Pot

Langkah 1


Untuk membuat sebuah dokumen baru di Adobe Illustrator, pergi ke File>New lalu masukkan nilai sesuai pilihan di bawah ini :


Langkah 2

Di panel Tool, kalian bisa temukan Rectangle Tool (M), dimana kalian akan pakai untuk buat pot bunga.


Langkah 3


Ambil Rectangle Tool (M) dan di tengah-tengah lembar kerja kamu, gambarlah sebuah persegi seperti gambar berikut:


 
Langkah 4

Hapus warna garis tepi dan aturlah warna yang bisa kamu lihat di gambar bawah.

 
Kalian bisa temukan di (Window > Color) untuk mengatur warna.
 
Inilah perubahan bentuk persegi yang kalian buat:

 
Langkah 5

Sementara masih diseleksi, pergi ke Effect > Warp > Arc. Pada kotak dialog berikut, aturlah pilihan di bawah ini.


 

Langkah 6

Gambarlah lagi satu persegi:

 Langkah 7
Sementara masih diseleksi, pergi ke Effect > Warp > Arc.  Pada kotak dialog berikut, aturlah pilihan di bawah ini.



Langkah 8

Satukan kedua bentuk. Ambil saja salah satu persegi dan tempatkan ke persegi lainnya sementara kamu menahan sebelah kiri mouse kamu.

 
2. Buat Bentuk Kaktus
Langkah 1

Gunakan Ellipse Tool (L), gambar sebuah oval.

 
Langkah 2

Sekarang menuju ke Effect > Warp > Arc. Di kotak dialog, atur pilihan pada gambar di bawah ini:


Langkah 3

Ambil kaktusmu dan tempatkan ke dalam pot bunga. Tekanlah Control-X, Control-B.

 
 3. Buat Mata

Langkah 1


Kita akan gunakan Ellipse Tool (L) lagi untuk membuat sebuah oval.


Langkah 2

Tambahkan sebuah lingkaran kecil berwarna putih. Ini matanya.

 
Langkah 3
Buatlah duplikat mata dengan meng-copy dan mem-paste (Control-C, Control-V).

Langkah 4

Lakukanlah posisi mata seperti seharusnya.

 
4. Buat Mulut
 
Langkah 1

Buat sebuah oval hitam.

 
Langkah 2

Pergi ke Effect > Warp > Arc dan isi pilihan berikut.

Langkah 3

Letakkan mulut di antara mata.


 
 5. Gambar Duri

Langkah 1


Hapus warna bentuk dan atur warna garis tepi.

Langkah 2

Pada panel Stroke, atur pengaturan berikut:

Langkah 3

Gunakan Line Segment Tool (/), gambar duri-duri.

 
 6. Buat Bunga

Langkah 1


Pilih Polygon Tool dan klik di lembar kerjamu. Di kotak dialog window akan menanyakan berapa sisi dan radius yang kamu inginkan. Beri nilai 6 pada Sides sedangkan Radius, ini tidak terlalu terpengaruh. Hanya saja jangan terlalu besar. Setelah selesai, tekan OK.

Langkah 2

Hapus warna garis tepi dan atur warna bentuk dimana kamu bisa lihat pada gambar berikut.

Langkah 3

Untuk membuat bunga dari bentuk ini, pergi ke Effect > Distort & Transform > Pucker & Bloat.

Langkah 4

Gunakan Ellipse Tool (L) untuk buat sebuah lingkaran kuning di tengah-tengah bunga.

 
Langkah 5

Buatlah lagi bunga dengan (Control-C, Control-V) dan tempatkan di samping kaktus.

 
 7. Membuat Latar Belakang

Langkah 1


Dengan Rectangle Tool (M), buat sebuah kotak berukuran 600 px untuk lebar dan tinggi.


 
Langkah 2

Letakkan kotak tadi paling di belakang (Control-X, Control-B). Cang....cang... ! Jadilah dia!
Sumber :
http://design.tutsplus.com

Senin, 19 Juni 2017

Tutorial Membuat Pohon di Illustrator

Cara mudah dan cepat membuat pohon dengan Adobe Illustrator:

1. Buat bentuk daun menggunakan Pen Tool (P) lalu beri warna kuning



2. Pilih Mesh Tool (U) untuk membuat titik Anchor pada daun



3. Pilih Direct Selection Tool (A) untuk mewarnai setiap titik anchor untuk menampilkan warna gradasi. Disini saya memilih gradasi antara warna kuning dan orange



4. Bentuk tekstur didalam daun menggu kan Pen Tool (P)



5. Warnai bentuk tekstur daun dengan mengatur gradasi dari warna kuning ke orange



6. Jika sudah, buat dua buah daun dengan warna yang berbeda. Disini saya membuat warna hijau dan orange lalu Group ketiga gambar dibawah (Ctrl+G)



7. Pilih Selection Tool (V) lalu klik pada gambar daun. Di menu bar sebelah kanan pilih Simbols lalu buat simbol baru, maka akan muncul symbol Options seperti gambar dibawah lalu klik OK



8. Buat batang dan ranting pohon menggunakan Pen Tool (P)



9. Tarik simbol daun yang telah dibuat kedalam artboard lalu susun pada ranting pohon yang telah dibuat



10. Untuk mengubah posisi daun pilih Selection Tool (V) lalu klik kanan pada gambar daun Pilih Transfor >> Reflect



11. Maka akan muncul pengaturan vertikal atau horizontal lalu klik OK



12. Buat bayangan dibawah pohon menggunakan Pen Tool (P) beri warna coklat. Lalu pilih Selection Tool (V) klik kanan pada gambar bayangan pilih Arrange >> Send to Back



13. Pilih Effect >> Blur >> Gaussian Blur



14. Lalu akan muncul pengaturan Gaussian Blur, disini saya memilih radius 8,4 pixels lalu klik OK



15. Pilih Transparency pada menu bar sebelah kana lalu atur Opacity menjadi 35% agar bayangan terlihat lebih transparan



16. Ok kurang lebih seperti ini hasil akhir gambar pohon yang saya buat. Silahkan mencoba :D



 




Sumber: http://allaboutdsign.blogspot.co.id/2014/05/membuat-pohon-menggunakan-adobe.html

Sabtu, 17 Juni 2017

Cara Cepat dan Mudah Membuat Vector Bunga di Illustrator

Gambar vektor yang akan dibuat kali ini adalah gambar berbentuk bunga. Bunga mekar dengan aneka warna cerah dan simpel.
Dalam membuat gambar vektor tersebut, kita akan menggunakan Pattern Brush dengan pola yang kita buat sendiri. Setelah gambar berhasil dibuat, kita akan mendekorasinya menggunakan beberapa warna yang ada pada Flowers Swatch.

Langkah #1: Membuat Dokumen Baru

Jalankan Adobe Illustrator kemudian tekan Ctrl + N untuk membuat sebuah dokumen baru. Beri dokumen baru tersebut nilai 640 px untuk lebar dan 480 px untuk tingginya.
Kotak dialog New Document dalam Adobe Illustrator

Langkah #2: Menghilangkan Warna Pada Fill

Selanjutnya klik Fill (bagian yang diberi lingkaran biru pada Gambar 2) dan hilangkan warnanya dengan mengklik kotak dengan garis merah diagonal di tengahnya pada paletColor (bagian yang diberi lingkaran warna hitam pada Gambar 2).
Pangaturan Fill dan Stroke

Langkah #3: Menggambar Bentuk Elips

Aktifkan Ellipse Tool pada Toolbox kemudian lakukan klik-kiri untuk menampilkan kotak dialogEllipse. Pada kotak dialog tersebut beri nilai 10 pt untuk Width dan 40 pt untuk Height.
Membuat gambar vektor berbentuk elips dengan Ellipse Tool
Sebuah gambar berbentuk elips kemudian akan muncul pada Artboard seperti diperlihatkan gambar di bawah ini.

Gambr vektor elips pada Artiboard

Langkah #4: Mengubah Bentuk Elips Di Atas Dengan Envelope Distort

Gambar elips di atas selanjutnya akan kita ubah bentuknya dengan Envelope Distortsehingga menyerupai bentuk daun.
Klik menu Object → Envelope Distort → Make with Warp. Pada kotak dialog Warp Options, beri pengaturan seperti berikut!
Kotak dialog Warp Options

Langkah #5: Membuat Pattern Brush

Bentuk yang kita hasilkan pada Langkah keempat di atas, kemudian akan kita jadikan Pattern Brush.
Untuk membuat Pattern Brush ini, kita terlebih dulu harus menampilkan palet Brushesmelalui menu Window → Brushes atau tekan F5 pada papan ketik.
Menampilkan palet Brush pada Adobe Illustrator
Selanjutnya klik bentuk gambar yang telah kita buat tadi, tahan, geser, kemudian lepaskan di dalam palet Brushes.

Menyimpan gambar pada palet brushes
Tepat setelah Anda menyimpan gambar dan melepaskan mouse di area palet Brushes, kotak dialog New Brush akan muncul. Pilih New Pattern Brush untuk tipe brush.
Kotak dialog New Brush
Setelah Anda menutup kotak dialog New Pattern Brush di atas, maka akan muncul kotak dialog Pattern Brush Options. Pada kotak dialog tersebut, beri pengaturan seperti terlihat pada gambar berikut.
Kotak dialog New Pattern Brush 
 
Sekarang, pada daftar thumbnail palet Brushes akan muncul sebuah brush baru dengan bentuk gambar yang telah kita buat.
Tampilan pattern brush baru pada palet brush
Karena Pattern Brush sudah berhasil dibuat, gambar aslinya bisa dibuang dengan menekan tombol Delete. Kita akan menggunakan pattern tersebut pada langkah selanjutnya, jadi paletBrushes jangan Anda tutup dulu.

Langkah #6: Menggambar Bentuk Lingkaran

Pada langkah keenam ini kita akan membuat gambar lingkaran sebagai bentuk dasar bunga. Bagian sisi lingkaran ini kemudian akan kita beri pattern yang telah dibuat pada langkah kelima. Namun sebelumnya, pastikan bahwa tidak ada warna pada Fill, ditandai dengan adanya garis merah diagonal di tengah-tengahnya. Untuk menghilangkan warna pada Fill ini, silakan lakukan kembali langkah kedua sebelumnya.
Tampilan Fill pada Toolbox tanpa warna dalam Adobe Illustrator
Setelah Anda menghilangkan warna pada Fill seperti tampak pada gambar di atas, buatlah sebuah bentuk lingkaran dengan Ellipse Tool. Caranya sama dengan saat kita membuat gambar elips pada langkah ketiga sebelumnya. Namun, pada saat kotak dialogEllips muncul, beri nilai 100 px baik untuk Width maupun Height.
Pengaturan width dan height pada Ellipse Tool untuk membuat gambar vektor lingkaran
Gambar vektor lingkaran dengan ukuran 100 px X 100 px

Langkah #7: Mengaplikasikan Pattern Brush Pada Bentuk Lingkaran

Setelah gambar lingkaran berhasil dibuat, klik Pattern Brush yang telah kita buat sebelumnya pada palet Brushes. Selanjutnya akan tampak pattern yang secara simetris mengelilingi gambar lingkaran.
Gambar vektor lingkarang yang telah diberi pattern
Hasil yang kita peroleh pada langkah ketujuh ini sedikit banyak telah memberi gambaran mengenai gambar vektor bunga yang akan kita buat. Supaya gambar di atas dapat kita beri warna, baik untuk bagian Fill maupun Stroke-nya, maka terlebih dulu kita harus menerapkan perintah Expand Appearance pada gambar tersebut.
Klik menu Object kemudian pilih Expand Appearance.
Gambar vektro dengan Expand Appearance
Jika gambar di atas tidak di-Expand, maka yang akan diwarnai adalah bagian lingkarannya saja. Perhatikan perbedaannya pada gambar berikut!
Perbedaan antara gambar vektor yang diberi expand dan yang tidak pada saat diberi warna

Langkah #8: Menambahkan Gambar Lingkaran Yang Lain

Aktifkan kembali Ellipse Tool dan buatlah gambar lingkaran dengan ukuran Width dan Heightsebesar 70 px. Posisikan gambar lingkaran tersebut tepat di bagian tengah gambar yang telah kita buat pada langkah ketujuh di atas.
Untuk mengatur posisi sebuah gambar di tengah gambar lainnya dalam Adobe Illustrator, pilih semua gambar yang akan diatur perataanya tersebut dengan menekan Ctrl + A.
Menyeleksi semua path
Kemudian buka palet Align pada menu Window.
Palet Align dalam Adobe Illustrator

Pada Palet Align tersebut, klik bagian yang dilingkari seperti ditunjukkan gambar berikut.
Rata horizontal dan vertikal pada palet align

Pilih gambar lingkaran yang ada di tengah dan hilangkan warna pada bagian Fill-nya seperti diperlihatkan pada langkah ke-2.
Beri gambar lingkaran tadi pattern yang sama yang telah kita simpan pada palet Brushes.
Mengaplikasikan Pattern Brush pada gambar vektor lingkaran tengah

Langkah #9: Pengaturan Pattern Brush Lebih Lanjut

Pada langkah kesembilan ini kita akan membalikkan bentuk pattern dengan meng-klik ganda gambar pattern yang telah kita buat pada palet Brushes untuk menampilkan kotak dialogPattern Brush Options. Pada kotak dialog tersebut, beri pengaturan seperti diperlihatkan gambar berikut.
Pattern Brush Options pada Adobe Illustrator
Hasil gambar vektor bunga setelah diberi Pattern Brush
Kurangi ukuran stroke-nya menjadi 0,25 pt untuk memperbanyak jumlah pattern yang mengelilingi lingkaran. Selanjutnya akhiri dengan menerapkan perintah Expand Appearanceyang bisa diakses pada menu Objcet.
Pengaturan Stroke Weight
Buat lagi sebuah gambar lingkaran dengan ukuran Width dan Height 65 px, kemudian posisikan di tengah-tengah gambar yang sudah ada.

Langkah #10: Memberi Warna Pada Gambar Vektor Bunga

Pada langkah kesepuluh ini kita akan mewarnai gambar vektor di atas menggunakan Swatch Flowers yang ada pada Swatch Library (klik menu Window → Swatch Libraries → Nature→ Flowers).
Memberi warna gambar vektor dengan Swatch Flowers
Berikut adalah hasil gambar vektor bunga di atas setelah diberi warna.

Anda dapat menghilangkan garis pinggir hitam pada sisi-sisi gambar vektor bunga di atas dengan menyeleksi semua gambar kemudian hilangkan warna pada Stroke-nya.
Menghilangkan stroke pada gambar vektor bunga
Silakan Anda berkreasi dengan warna-warna serta ukuran-ukuran lainnya seperti yang saya buat pada Gambar berikut ini.












Contoh gambar vektor bunga dengan warna-warna lainnya

Sumber: https://denyardianto.wordpress.com/2013/03/04/membuat-floral-vector-dengan-adobe-illustrator/