Saturday, June 6, 2015

Cara Lengkap Desain Karakter Unik Angry Birds Di Illustrator

1:46:00 AM

flamingosolution.com | Berikut Artikel Cara Lengkap Desain Tokoh Karakter Angry Birds di Illustrator, yang memuat langkah langkah mudah dan Lengkap, dan pastinya menarik.

Tutorial kali ini akan sangat mudah bagi Beginner/ pemula dalam Desain grafis khususnya Illustrator, karena langkah langkah yang sangat mudah dimengerti beserta gambar yang lengkap.
Dan tentu tak kalah menarik juga untuk menambah refrensi  bagi yang sudah pro dalam desain grafis.

Preview
Langsung saja, silahkan untuk mengikuti langkah langkah dibawah ini 

Langkah 1 : Membuat Objek Dasar
Pada langkah ini kita akan membuat Objek Bulat berwarna merah, yang merupakan warna dasar dari pada tokoh utama dari Angry Birds tersebut.
- Buat lingkaran/ Oval () pada layer kosong,
- kemudian isi dengan fill warna merah ,dan Garis (Stroke) warna hitam,

- lalu naikkan ukuran/ ketebalan garis menjadi 5pt,


Gunakan Selection Tooluntuk  menggerak dan memperbesar oval tersebut.

Gbr 1 : Membuat Objek Dasar


Langkah 2 : Bagian Rambut
Pada langkah ini kita akan membuat bagian Rambut, yaitu dengan cara membuat 2 Shapes berbentuk lonjong pada bagian atas lingkaran, gunakan Pentool  yang ada pada toolbox kiri, dan buatlah titik titik yang akan membentuk sebuah sebuah shape seperti dibawah, tepat pada garis atas lingkaran sebelumnya.

Gbr 2 : Membuat Bagian Rambut

Setelah selesai membuat 2 objek lonjong seperti diatas, kemudian seleksi semua objek Ctrl + A, kemudian gabungkan menjadi satu dengan cara membuka Pathfinder panel atau bisa dengan klik Ctrl +Sift + F9 .kemudian klik Unite (paling kiri atas).


Langkah 3 : Bagian Mata
Langkah ini ialah menambah/ membuat objek yang menjadi bagian mata pada lingkaran sebelumnya,
Buatlah mata tersebut dengan sebuah  lingkaran/ Oval kecil berwarna Putih dan Garis Hitam,
Kemudian buat Pupil Hitam nya dengan lingkaran lebih kecil berisi fill Hitam,
terlihat seperti dibawah :

Gbr 3 : Membuat Bagian Mata

Lalu Silahkan duplikate Mata yang sudah jadi tersebut, dan letakkan di sebelah kanan,

Gbr 4 : Menduplicate Bagian Mata

Langkah 4 : Bagian Alis
Langkah selanjutnya memasukkan bagian alis tepat diatas mata, cukup dengan menggunakan Pentool.
buatlah alis tersebut dengan bentuk yang hampir sama dengan persegi panjang namun sudut kiri atas sedikit melebar seperti dibawah.
Gbr 5 : Membuat Bagian Alis

Setelah alis tersebut selesai, duplikat atau Copy lalu paste tepat di mata yang satunya lagi.
Gbr 6 : Men-duplicate bagian alis


Langkah 5 : Bagian Paruh (mulut)
Selanjutnya ialah membuat bagian paruh , masih dengan menggunakan Pentool, maka buatlah paruh tersebut dengan bentuk Segitiga menggunakan Pentool

Gbr 7 : Membuat Bagian Paruh Atas

Lalu gunakan Convert Anchor Point Tool, 
 
Gbr 8 : Penggunaan Convert Anchor Tools

Untuk membuat lekukan pada ketiga titik yang ada pada segitiga.  Klik dan geser perlahan titik segitiga tersebut menggunakan Convert Anchor ..  tsb, sehingga sudutnya tidak terlalu tajam seperti dibawah ini ;

Gbr 9 : Membuat Lekukan pada Paruh Atas

Jika langkah diatas sudah selesai , lakukan ulang cara tersebut untuk membuat paruh bawah seperti dibawah ini :
Gbr 10 : Membuat bagian Paruh bawah

Langkah 6 : Bagian Tepi Bawah
Kemudian, langkah selanjutnya yaitu membuat bagian bawah wajah pada karakter.
Buatlah sebuah bentuk shape seperti dibawah ini menggunakan Pentool, gunakan Convert Anchor untuk membuat lekukan seperti gambar langkah 5.
Kemudian beri warna fill coklat muda (#FCBB78), dan stokenya transparent

Gbr 11 : Membuat bagian tepi bawah karakter
Setelah selesai memberi warna pada bagian bawah tersebut, tempatkan shape (coklat muda) tersebut ke tepi pinggir shape merah, seperti dibawah ini.

Gbr 12 : Menggabungkan shape coklat bawah dengan tepi shape merah

Langkah 7 : Menyatukan bagian bawah
Kemudian untuk memotong sekaligus menyatukan objek merah dengan coklat tersebut, maka pertama  klik dulu objek berwarna merah lalu duplikate layer, (Bisa dengan Ctrl + C lalu Ctrl + f  ).
Sehingga akan muncul layer duplikat dari shape merah spt dibawah :

Gbr 13 : Menduplicate Layer Shape Merah

Selanjutnya, setelah terduplikat, maka seleksilah shape merah (duplikat baru) dengan shape coklat muda, secara bersamaan menggunakan Selection Tool.
Kemudian buka Pathfinder atau tekan Ctrl + Sift + F9, lalu klik (Intersect) pada pathfinder untuk menyatukan sekaligus memotong shape coklat,
lebih jelasnya seperti dibawah ;

Gbr 14 : Menyatukan shape merah dan coklat sekaligus memotong shape coklat

Hasilnya seperti dibawah :
Gbr 15 : Hasil penggabungan shape coklat dan merah


Langkah 8 : Membuat Bintik Bintik
Langkah selanjutnya yaitu membuat bagian bintik pada wajah, yang mana bentuk dasar lingkaran, jadi cukup menggunakan Ellipse tool pada toolbox.
Lalu buat sebuah lingkaran di layer, kemudian perbanyak seperti gambar dibawah ini ;

Gbr 16 : Membuat Bintik lingkaran dengan Ellipse Tool

Kemudian setelah itu masukkanlah kumpulan lingkaran tersebut kedalam wajah karakter (tepi kiri lingkaran merah).
Gbr 17:  Memasukkan Lingkaran ke wajah Karakter

Langkah 9 : Membuat Ekor
Pada langkah ini, kita akan membuat ekor dari karakter , cukup hanya membuat 3 buah persegi panjang hitam, kemudian rapatkan posisi serta rubah kemiringannya dengan Selection Tool.
Lalu gabungkan ketiga objek tersebut dengan cara, seleksi ketiganya kemudian klik kanan, lalu Klik Group.

Gbr 18 : Membuat Ekor karakter

Lalu setelah ke 3 persegi panjang tersebut di Group, selanjutnya tempel di sebelah kiri karakter.
Kemudian pindahkan layer Ekor tersebut kebawah atau bisa dengan menekan Sift + Ctrl + [ .

Gbr 19 : Menggabungkan Ekor dengan karakter
Maka lihat hasilnya akan sesuai seperti gambar diatas.

Sebenarnya pada tahap ini kita sudah selesai, yaitu membuat karakter , untuk sekaligus mempercantik akan ada 2 langkah lagi yaitu memperbanyak layer dan membuat latarnya.

Langkah 10 : Menduplikat karakter
Pada langkah tambahan ini, kita akan sedikit berkreasi dengan memperbanyak karakter tersebut, langkah ini tidak harus sesuai dengan gambar dibawah, melainkan tergantung kreatifitas anda.

Sebagai contoh bisa mengikuti langkah saya, yaitu memperbanyak karakter tersebut di layer yang terpisah , caranya seperti berikut :
- Seleksi semua objek pada dilayer awal atau Ctrl + A.
- Kemudian buat layer baru atau tekan Ctrl + L
- Lalu pastekan pada layer tersebut Ctrl + V

Selanjutnya seperti itulah berulang ulang, tergantung berapa banyaknya yang ingin anda duplikat.
Seperti contoh dibawah ini ;

Gbr 20 : Duplikat Layer Karakter

Langkah 11 : Membuat Background / Latar
Pada langkah ini kita akan membuat background atau yang akan menjadi latar dari karakter karakter tersebut. Namun sebelumnya pastikan anda mengaktifkan kunci pada semua layer yang sebelumnya diduplikat dan juga mematikan tanda Toggle Visibility (lambang Mata) pada layer.
Perhatikan tanda panah pada gambar dibawah ini :

Gbr 21 : Mengaktifkan kunci dan menonaktifkan toggle visible pada layer
Setelah semua layer karakter terkunci, buatlah layer baru lalu pindahkan ke urutan paling bawah (ganti/beri nama background).
Gbr 22 : Membuat Layer Background
Dengan cara diatas,yang mana hanya layer background yang aktif, tentu kita akan lebih leluasa dan tidak terhalang oleh layer sebelumnya untuk membuat background.

Selanjutnya  tariklah sebuah persegi dari sudut atas hingga ke sudut bawah pada layer background tersebut.


Kemudian, beri warna gradient fill ([1]biru tua &[2]biru terang) pada persegi tersebut, 
- caranya seretlah 2 warna yang diinginkan dari Swatches Box ke dalam Gradient box.
- atur warna yang gelap menjadi kebawah dengan mengganti ukuran sudut menjadi 90 derajat.

lebih lengkapnya bisa dilihat dari gambar dibawah ini ;

24 : Mengatur warna gradient dan mengatur sudut warna
hasil gradientnya seperti dibawah ;

Gbr 25 : warna gradient

Kemudian buat persegi yang lebih pendek dari persegi sebelumnya , namun lebarnya sama,
dan beri warna gradient fill (Coklat muda &coklat tua)

Gbr 26 : Membuat Dataran background

Kemudian seleksi sudut kiri & kanan kotak warna coklat tersebut menggunakan Selection Tool (A), lalu  klik - Convert selected anchor point to smooth, sehingga menjadi sebuah lekukan sepert dibawah :

Gbr 27 : Mengatur Smoot point pada shape coklat
Langkah selanjutnya copy kemudian paste di tempat yang sama (shape coklat) tersebut, kemudian putar hasil pastenya berlawanan arah dengan shape yang sebelumnya.

Gbr 28 : Menduplikat shape coklat, lalu diputar balik

Lalu beri warna coklat terang yang sama pada ke 2 titik gradientnya

Gbr 29 : Warna Dataran 2

Selanjutnya sedikit improve dengan membuat awan menggunakan Pencil Tools

Gbr 30 : Membuat awan dengan Pencil Tool

Langkah terakhir, aktifkan kembali Toggle Visibility layer karakter tadi, maka lihat hasilnya :

Gbr 31 : Mengaktifkan kembali Toggle Visible Karakter
hasilnya seperti berikut

Gambar Hasil

Sekianlah langkah langkah tutorial kali ini, semoga bermanfaat, dan dapat menambah refrensi tentunya.
Silahkan share/like jika artikel jika kamu menyukai artikel ini.
Apabila kamu mencoba tutorial ini, silahkan bagikan link hasil gambar anda di kotak komentar.
Sekian terima kasih. 

Salam BLogger.

Ditulis oleh

Flamingo Solution | Media Informasi Seputar Teknologi dan Seni Visual

2 komentar:

  1. terima kasih min , tutorialnya jelas dan mudah dimengerti

    request dong tutorial bikin spanduk promosi yang baik , hanks :)

    ReplyDelete
  2. Terima kasih atas kunjungannya..
    Terkait artikel request, kami akan coba untuk merangkumnya segera.

    Salam...

    ReplyDelete

Mari Saling Berbagi, Membangun dengan memberi kritik, saran jika ada yang kurang jelas, dan tentunya Komentar yang tidak mengandung hal NEGATIF, SARA, BERBAU PORNO GRAFI.
Salam BLOGGER

 

© 2013-2019 Flamingo Solution. All rights resevered. Designed by Templateism

Back To Top