Lompat ke isi

Blog 101.01: Gambar Animasi Sederhana (5)

26/06/2009

Sempat dibuat sibuk oleh animasi terdahulu? Lumayan, ada kegiatan positif pengisi liburan panjang. Ketrampilan ini mengasyikkan, tetapi hasilnya belum sempurna. Animasi di blog bermaksud mengajak kita untuk berani mencoba, berani berkreasi… Artikel hanya memberi kunci intinya saja, lainnya sengaja tidak dijelaskan untuk kita berlatih. Dengan ketekunan dan kegigihan, biar pun programnya sederhana, siapa bilang tidak sanggup menghasilkan animasi yang (lebih) bagus dari yang ada  di internet! (Lebih baik dari contoh saya, pasti.)

Animasi berkualitas tidak bisa mengandalkan stick figure semacam mister stickman yang kaku itu. Tekniknya jauh lebih rumit, setiap gerak memiliki perhitungan. Di “Kelas-02” ini kita akan bereksperiman membuat “stick figure” sederhana seperti yang dikerjakan di studio animasi profesional. Sebagai pembanding lihat 2 bulatan berikut ini.

Walkcycle_Vector-vs-Bitmap-Circle-G

Gambar di kiri tidak pecah kalau diperbesar, yang kanan pecah atau cacat. Gambar kiri dihasilkan oleh program jenis “draw” sedangkan yang kanan jenis “paint” (stickman termasuk yang ini). Program “draw” di MS Office (Word, Excel, Powerpoint) bisa dimanfaatkan untuk menggambar “stick figure”. Pernah pakai Powerpoint ‘kan? (Klik menu [Insert]-[Shapes]; ada banyak bentuk gambar dasar yang bisa dipilih. Coba pilih dan kutak-katik.)

Walkcycle1_Vector-vs-Bitmap-GWalkcycle2_Vector-vs-Bitmap-G

Kita ambil “Orang Berjalan” sebagai pola atau model. Cukup 4 gambar karena gambar lainnya adalah pengulangan. Sekarang kita gambar ulang posisi ini dengan membuat kerangkanya di Pivot, dan sedikit diberi “daging” dengan program “Draw” Powerpoint. Horee.. gambar jadi.

Menyusun gambar di Powerpoint

Walkcycle3_Vector-vs-Bitmap-G

Belum selesai. Amati posisi lengan dan tungkai.  Masih separuh. Lengkapi animasi dengan mengcopy 4 gambar tadi dan ubah posisi lengan dan tungkai (yang di depan dipindah ke belakang). Lengkap sekarang satu siklus “berjalan”, ada 8 buah slide (4 merah, 4 biru).

Susun gambar dengan Powerpoint, satu gambar satu halaman slide. Perhatikan titik “mendarat” telapak kaki (tanda panah).

Walkcycle4_Vector-vs-Bitmap-red-GWalkcycle4_Vector-vs-Bitmap-blue-GWalkcycle4_Vector-vs-Bitmap-all-G

Sambung dengan rapi gambar “merah” dan “biru” (gambar kanan). Selesai, simpan (save) setiap slide dengan format .png (8 buah berkas .png). Kalau mau penuhi halaman slide Powerpoint, dan simpan. Biar jalannya panjang.

Animasi dengan Beneton Movie GIF

Lihat tutorial sebelum ini. Jalankan, dan inilah hasilnya…

GIF-00-WALK-OK-Plus

Walkcycle_Vector-vs-Bitmap-OK

Sekarang kita tahu perbedaan gambar jenis vektor dengan jenis bitmap atau raster. Gambar vektor bisa diperhalus, diperbesar, diperkecil, diubah bentuknya, utuh, tidak cacat seperti raster.

Model kita jalannya sedikit aneh. Terlalu tambun barangkali, ya?
(Gambarnya tersedia, tolong sempurnakan.)


[1] Walkcycle Vector Pwrpnt (Powerpoint 2003)

9 Komentar leave one →
  1. 26/06/2009 23:19

    Wah mas kreatif ya gambarnya lucu2 semua,gambarnya kaya manusia semut,ande aja aku bisa,,…. Pasti aku belajar byk sama mas.

    • rioseto permalink*
      27/06/2009 01:45

      Mas Jumal pasti deh tidak percaya kalau aku belajar animasi itu mendadak?
      Hehehe… soal “antene” cuma iseng, biar gambar mudah diklik kalau bertumpuk…
      Ayolah, kita sama-sama belajar. Ajari saya bgm berkomunikasi lewat hp!

  2. Hari Cahyono permalink
    09/08/2009 02:04

    Bolehkah aku diberi caranya membuat animasi yang lengkap dan jelas

    Matur nuwun

    • rioseto permalink*
      10/08/2009 15:55

      Halo mas Hari, terimakasih sudah berkunjung.

      Maaf sekali, blog ini tidak khusus mengajarkan animasi kecuali yang sangat mendasar. Sebetulnya ada banyak buku dan kursus khusus animasi. Posisi mas Hari? Kalau mas Hari ada di sekitar Bandung, nanti saya bantu daftarkan. Coba nanti saya minta brosurnya dan kirim ke mas Hari. Oke?

  3. Harry permalink
    20/03/2010 10:37

    Mohon Info tempat kursus animasi di bdg.
    Terimakasih
    Harry

    • 22/03/2010 17:09

      Kalau di kampus ITB ada laboratorium khusus namanya ComLabs, sudah biasa menyelenggarakan kursus IT dan Network termasuk animasi secara berkala. ComLabs juga melayani praktikum IT dasar buat seluruh mahasiswa (melayani ribuan mahasiswa per angkatan). Salam, :D

Lacak Balik

  1. Animasi Morph Dengan ‘Sqirlz Morph’ (1) « rioseto's blog
  2. Animasi Morph Dengan ‘Sqirlz Morph’ (2) « rioseto's blog
  3. Animasi Morph Demo « rioseto's blog

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.