Desain KarakterAnimasi dengan Adobe

Flash CS3
Published on October 13, 2011 by Terry Irawan 17 Comments
Kali ini hal yang akan dibahas adalah membuat gambar wajah karakter animasi pada Adobe
Flash CS3. Disini kita akan mencoba bagaimana cara membuat gambar mata, rambut, serta
wajah karakter.

Berikut hasil akhir yang akan kita buat:

Bagaimana membuat wajah karakter animasi seperti diatas? Baiklah, sebagai contoh silahkan
lihat dan ikutilangkah-langkah dan gambar berikut. Langsung saja ke tutorialnya.

Langkah 1
Buatlah garis bantu sketsa untuk animasi wajah yang akan kita buat.
Buat lingkaran dengan Oval Tool, tapi cukup dengan warna Stroke. Warna Fill dibuat tidak
ada.

Langkah 2
Lalu dengan Pencil Tool buat dua garis bantu yang bersilangan untuk membantu kita
membuat desain wajah karakter. Dua garis silang ini bisa membantu kita menentukan letak
posisi mata hidung dan mulut karakter yang akan kita buat, juga membantu kita menentukan
kearah mana wajah karakter yang dibuat.

Langkah 3
Dengan garis bantu dan garis lingkar oval yang telah dibuat, mulailah mendesain wajah :
lekuk pipi, mata, hidung, mulut dan telinga karakter. Disini penulis menggunakan Brush Tool

untuk menggambar desain wajah karakter. Gambarkan juga tubuh karakter agar gambar
terlihat sempurna (gambar tubuh hanya desain awal, yang nantinya bisa anda sempurnakan
dengan pakaian dan lainnya).

Langkah 4
Jika desain wajah telah selesai dibuat, lanjutkan dengan desain rambut karakter. Hanya saja
kali ini rambut karakter dibuat di layer yang berbeda. Jadi buat layer baru dan beri nama
rambut sedangkan layer sebelumnya beri nama wajah. Kunci layer wajah agar tidak rusak
ketika mendesain rambut untuk karakter.

Mulailah membuat rambut karakter di layer rambut.

Langkah 5
Apabila desain rambut selesai, bukalah gembok pada wajah dan hapus garis kerangka atau
Line pada layer wajah tersebut. Gunakan Eraser Tool dan pilih Erase Line pada Eraser Mode
sehingga anda hanya menghapus garis Lines untuk kerangka wajah saja.

Langkah 6
Oke mulailah mewarnai karakter agar karakter terlihat lebih menarik. Tapi perlu diketahui,
ketika mewarnai wajah gemboklah layer rambut sehingga tidak mengganggu gambar rambut
dilayer rambut begitu pula sebaliknya.
Dalam pewarnaan karakter penulis memulai dengan mewarnai wajah jadi gemboklah layer
rambut serta klik warna outline agar tampak berbeda dan tidak terganggu dalam proses
pewarnaan wajah.

Langkah 7
Mulailah dengan pewarnaan wajah. Pilihlah warna yang sesuai dengan wajah karakter yang
dibuat. Untuk mempermudah pewarnaan pada wajah warnai saja kulit wajah dan tubuh dulu.
Gunakan Brush Tool dan pilih Paint Behind dan tutup area wajah dan tubuh saja. Untuk
mewarnai wajah dan tubuh secara keseluruhan gunakan Paint Bucket Tool.

Langkah 8
Selanjutnya mulailah dengan pewarnaan mata. Pada pewarnaan mata fokuslah pada mata
saja. Gunakanlah Zoom Tool dan pilih area mata dan mulailah mewarnai mata karakter.

Langkah 9
Rapikan area mata yang terkena warna wajah. Gunakan Brush Tool dan pilih Paint Selection
lalu pilih warna putih. Lalu dengan Selection Tool pilih warna wajah dan pilih kembali Brush
Toolsehingga warna wajah saja yang tertimpa.

Selebihnya warnailah mata secara secara seksama.

Langkah 10
Baiklah saat ini pewarnaan wajah kita tahan sampai di sini. Kita lanjutkan dengan Pewarnaan
rambut. Seperti sebelumnya, karena kita akan mewarnai rambut maka kali ini gantian
.Gemboklah layer wajah dan hilangkan warna Outline pada layer wajah tersebut. Sedangkan
pada layer rambut hilangkan fungsi Lock/Gembok dan munculkan kembali warna
Outlinenya.

Mulailah merapikan gambar rambut dengan menutupi area rambut yang masih terbuka.

Langkah 11
Lalu warnailah dengan Paint Bucket Tool secara seksama.

Langkah 12
Klik kembali warna Outline pada layer wajah untuk melihat kecocokan antara wajah dan
rambut.

Langkah 13

Beri effect cahaya atau kesan kelimis pada rambut jika perlu. Gunakan Paint Selection dan
pilih warna rambut saja yang akan diwarnai, jangan sampai kena garis rambut ataupun warna
lainnya.

Langkah 14
Jika pewarnaan rambut telah selesai, selanjutnya finishing warna kulit wajah sama seperti
warna rambut. Kembali Lock/ Gembok layer rambut dan buka Lock pada layer wajah. Lalu
lakukan pewarnaan pada layer wajah. Gunakan Paint Selection dan pilih warna kulit saja
yang diwarnai.

Langkah 15
Nah, jika semua telah diwarnai berilah si karakter baju biar nggak kedinginan he he
he (bercanda). Ya, untuk finishing, gambar baju yang cocok untuk karakter dilayer yang
berbeda. Jadi buat satu layer lagi untuk gambar baju karakter dan pastikan posisinya paling
atas dari semua posisi layer yang ada.

Hasil Akhir

Jadi deh.. gambar karakternya. Oke, sampai sini dulu tutorial kali ini. Tunggu tutorial
berikutnya dari saya . See you.
Selamat mencoba dan semoga bermanfaat ^_^

Jurnal Ilmiah Online

Profile Dosen
Alumni
About
Jaringan Kampus PalComTech
Support
Email
Login
UKM STMIK-POLTEK PalComTech

Membuat Animasi Dengan Bone Tool

Published on October 31, 2011 by Andi Yuslain 11 Comments
Bone tool, seperti namanya yaitu tulang, dengan bone tool kita bisa menggerakkan animasi
yang tidak menyatu, bone tool merupakan tool baru di adobe flash cs 4 dan cs 5, dalam
tutorial kali ini saya mencoba membahas penggunaan salah satu tool baru ini dengan
menggunakan Flash CS5.
Disini saya ingin membuat gerakan kaki pada laba-laba, gambar yang saya gunakan disini
terdiri dari badan, kaki dan bayangan dan semua objek tersebut telah di convert menjadi
movie clip, untuk lebih jelasnya lihat gambar dibawah ini.

Hasil akhir yang akan kita buat

Ket: kaki1 terlebih dahulu di insert frame sebanyak 12 frame.

Langkah 1.

Klik bone tool.

Langkah 2
Klik dan drag dari posisi 1 ke posisi 2 dengan menggunakan bone tool di bagian pahanya.

Langkah 3.
Klik dan drag dari posisi 3 ke posisi 4 dengan menggunakan bone tool di bagian kakinya.

Langkah 4
Setelah bone terbuat hapus layer kaki.

Langkah 5
Dengan selection tool di frame 1 drag kaki kearah kiri, untuk langkah kaki laba-laba
pertama, jarak drag bisa kita sesuaikan sejauh mana kaki laba2 akan melangkah.

Langkah 6
Geser preview frame ke frame 5 untuk gerakan kaki selanjutnya.

Langkah 7
Untuk gerakan kaki ke 2 pada frame 5, saya drag ke atas caranya seperti langkah 5 dan 6.

Langkah 8
Untuk merapikan bagian kaki yang kelihatan patah klik terlebih dahulu diarea kosong,
kemudian dengan selection tool drag kaki bagian bawah dengan menekan tombol CTRL
hingga bagian kaki yang patah terlihat rapi.

Langkah 9
Untuk gerakan kaki ketiga geser preview frame ke frame 8. Dan drag kaki keatas lagi.
Rapikan kaki yang kelihatan patah seperti langkah sebelumya.

Langkah 10.
Untuk gerakan kaki ke 4 geser preview frame di frame 12. Dan drag keatas seperti gambar
dibawah ini.

Langkah 11
langkah selanjutnya mengacak gerakan kaki dengan fasilitas loop. Sebelumnya keluar dari
movie clip kaki_animasi dan buka movie clip laba2 pilih layer kaki, Untuk langkah ini
kita harus memilih kaki satu persatu dimulai dari kaki yang paling depan kemudian pada
panel properties ganti movie clip menjadi graphic dan pada bagian looping ketikkan nilai
pada bagian first, cari nilai yang cocok agar kaki laba-laba bergerak acak, disini saya
menggunakan nilai diantara 1 s/d 14.

Kaki terakhir yang diberi nilai pada kotak first.

Langkah 12
Tekan CTRL + Enter untuk melihat hasilnya.
Sekian tutorial dari saya mudah-mudahan bermanfaat, dengan bone tool kita juga bisa
membuat gerakan pada bagian mata laba-laba, selamat mencoba dan mohon maaf jika ada
kesalahan pada gambar kata-kata yang kurang dimengerti.
Untuk file hasil dan latihan bisa didownload disini (304)