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)

Tentang

seorang warga senior yang ingin dan senang berbagi pengalamannya menjelajah kepada generasi muda.. -- a senior citizen who is willing and enjoy sharing his traveling experiences to the next young generation..

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 berkata:

    Mohon Info tempat kursus animasi di bdg.
    Terimakasih
    Harry

    • rioseto berkata:

      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 berkata:

    Bolehkah aku diberi caranya membuat animasi yang lengkap dan jelas

    Matur nuwun

    • rioseto berkata:

      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 berkata:

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

    • rioseto berkata:

      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

Translate • Terjemahkan
Foto Minggu Ini
Kereta Api di Jembatan Cikubang Purwakarta

Kereta api melintas di atas jembatan Cikubang Purwakarta