Blog 101.01: Gambar Animasi Sederhana (5)

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)

Tagged with: , , , , , , , , , , , , , , , , , , , , , , ,
Ditulis dalam Animasi, Media
9 comments on “Blog 101.01: Gambar Animasi Sederhana (5)
  1. […] Posting-2 berikut adalah cara membuat morph, bukan dengan gambar sederhana seperti di atas melainkan model si nona cantik yang bermetamorfosa kalau sedang marah berubah galak, atau malah jadi jinak? (Kesannya…)     sumber:  (1) si nona cantik, Gisele Bundchen (2) si singa posting animasi lain: Animasi Sederhana (1)  (2)  (3)  (4)  (5) […]

  2. […] posting animasi lain: Animasi Sederhana    (1)   (2)   (3)   (4)   (5) […]

  3. […] posting animasi lain: (1) si nona cantik Animasi Sederhana    (1)   (2)   (3)   (4)   (5) […]

  4. Harry mengatakan:

    Mohon Info tempat kursus animasi di bdg.
    Terimakasih
    Harry

    • rioseto mengatakan:

      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,😀

  5. Hari Cahyono mengatakan:

    Bolehkah aku diberi caranya membuat animasi yang lengkap dan jelas

    Matur nuwun

    • rioseto mengatakan:

      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?

  6. Mr.o2n mengatakan:

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

    • rioseto mengatakan:

      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!

Silakan komentar, 'like' juga oke

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

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

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: