Animasi Sederhana Yang Sangat Mengesankan

slit-animationAnimasi memang sederhana karena dibangun hanya oleh 2 gambar saja. Rasanya kita pernah mengenalnya saat masih kecil dulu. Garis tegak hitam dicetak di atas penggaris plastik bening, lalu diletakkan di atas kuda dan gerakkan penggaris ke samping (kanan) perlahan-lahan… voila, kudanya berlari seolah hidup!

Sangat mengesankan. Kita coba bernostalgia mengulangnya kembali di sini. Kita membuatnya di editor ‘HTML-CSS’ ‘CSSDesk’ (masih ingat ya?). Klik saja, laman baru.

Di editor ada kotak CSS, hapus ‘images/background.png’ ganti dengan gambar kuda (klik kanan link, ‘Copy Link Location’); demikian juga hapus ‘images/foreground.png’ ganti dengan gambar garis hitam (klik kanan link, ‘Copy Link Location’). Kalau sudah tampilan editor menjadi seperti ini,
cssdesk_animationSembunyikan kotak editor ‘HTML-CSS’ dengan klik tanda segitiga di atas. Sekarang kecilkan tampilan layar komputer kita dengan menarik sisi kanan layar. Pelan-pelan!

Horee.. kudaku lari kencang gagah berani.

Kalau setelah diisi data gambar masih tidak tampil juga, buka CSSDesk baru (laman baru, yang lama jangan ditutup). Harusnya jadi. Siip.

slit-penMainan serius — itulah mainan masa kanak-kanak kita. Tidak berhenti di sini, ada 2 orang Jepang yang mengembangkan lebih lanjut menjadi mainan serius. Animasi pindah ke pena!

Bukan kuda berlari tetapi orang berjalan kaki (dan orang berenang). Lucu dan unik, perlu 6 bulan menyelesaikan karya animasi hebat seperti ini. Model diambil dari orang berjalan sesungguhnya. Klik untuk melihat klip videonya (1 menit).

Tahun 2013 sudah di depan mata, semoga kita terilhami menjadi lebih kreatif seperti orang Jepang ini.
 
😀  (teknik animasi dinamai ‘slit animation’, slit = celah)
 

Tagged with: , , , , ,
Ditulis dalam Blog HTML dan CSS, Blog Tips dan Trik, Wawasan
2 comments on “Animasi Sederhana Yang Sangat Mengesankan
  1. oke nih pak, untuk mainan ini sendiri masih di mainkan oleh anak-anak
    sampai sekarang.
    trima kasik untuk mengingatkan tentang teknik ‘slit animation’

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: