Tutorial Animasi Sirkulasi Darah Manusia

Pada kesempatan kali ini BATIK, belajar asyik dengan TIK akan menyampaikan tutorial animasi sirkulasi darah manusia. Animasi ini menggambarkan pergerakan aliran darah dari atau ke jantung pada tubuh manusia. Kita akan menggambarkan darah yang mengalir tersebut berupa bola-bola berwarna biru untuk darah yang mengalir ke atau dari bilik jantung sebelah kiri, dan bola-bola berwarna merah untuk darah yang mengalir ke atau dari bilik jantung sebelah kanan seperti gambar berikut ini :

Untuk membuat animasi ini, kita memerlukan sebuah gambar bantu yang menggambarkan saluran dan bilik jantung yang ada pada tubuh manusia. Gambar seperti yang tertera pada gambar diatas dapat diunduh pada situs http://biologimediacentre.com/sistem-transportasi-6-alat-peredaran-darah-manusia/. Disamping itu, kita juga memerlukan dua buah objek shape berbentuk bola berwarna biru dan merah yang akan menjadi sampel darah yang mengalir seperti gambar berikut ini :

Untuk membuat bola merah, gunakan objek shape Oval, ubah beberapa properti bola merah dengan langkah sebagai berikut :

1. Format Shape → Fill → Solid Fill → Color : Red
2. Format Shape → Line Color → No Line
3. Format Shape → 3-D Format → Bevel → Top : Circle

Untuk membuat bola biru, gunakan objek shape Oval, ubah beberapa properti bola biru dengan langkah sebagai berikut :

1. Format Shape → Fill → Solid Fill → Color : Blue
2. Format Shape → Line Color → No Line
3. Format Shape → 3-D Format → Bevel → Top : Circle

Setelah dua buah objek shape berbentuk bola berwarna biru dan merah diatas terbentuk, lalu kita posisikan pada gambar yang sudah kita unduh sebelumnya seperti gambar berikut ini :

Letakkan objek bola merah dan objek bola biru pada tempat yang telah ditentukan. Objek shape berwarna biru (objek 1) diposisikan pada jalur sirkulasi darah yang berwarna biru, sedangkan objek shape berwarna merah (objek 2) diposisikan pada jalur sirkulasi darah yang berwarna merah seperti pada gambar. Selanjutnya kita akan memberikan efek animasi pada masing-masing objek shape agar bergerak seolah-olah mengalir pada jalur sirkulasi darah yang telah ditentukan, yakni objek 1 pada jalur biru dan objek 2 pada jalur merah.

Aktifkan Ribbon menu Animations, dan tampilkan panel animasi. Setelah itu aktifkan objek 1 dan beri animasi Arc Left menggunakan Add Animation → More Motion Paths → Arc Left sehingga terbentuk animasi seperti gambar dibawah ini :

Selanjutnya Edit poin-poin animasi Arc Left objek 1 tersebut agar tepat diatas jalur sirkulasi darah berwarna biru yang kita inginkan

Dari animasi Arc Left pada objek 1 yang telah terbentuk, kemudian lakukan Edit Point seperti gambar diatas, selanjutnya tarik point-point jalur animasi Arc Left tersebut agar menempati jalur yang diinginkan seperti gambar berikut ini :

Setelah melakukan pemindahan point-point seperti gambar diatas, selanjutnya ubah beberapa properti animasi Arc Left yang sudah dimodifikasi tersebut dengan langkah-langkah berikut ini :

1. Klik animasi Arc Left pada panel animasi, ubah propertinya dengan cara Arc Left → Smooth Start : 0 Seconds. Hal ini dimaksudkan agar pergerakan objek 1 ini konstan tanpa ada percepatan.
2. Properties animasi Arc Left → Smooth End : 0 Seconds. Hal ini dimaksudkan agar pergerakan objek 1 ini konstan tanpa ada perlambatan.
3. Properties animasi Arc Left → Timing → Start : With Previouse. Hal ini dimaksudkan agar animasi objek 1 ini dimulai bersamaan dengan munculnya slide.
4. Properties animasi Arc Left → Timing → Duration : 1 second (fast).
5. Properties animasi Arc Left → Timing → Repeat : Until Next Click. Hal ini dimaksudkan agar animasi ini berulang terus menerus hingga ditekan salah satu tombol mouse/keyboard.

Setelah animasi objek 1 selesai, selanjutnya kita lakukan duplikasi atau penggandaan objek 1 dengan cara menekan tombol Ctrl + D, dan posisikan objek yang baru tersebut pada posisi yang tepat berhimpitan dengan objek 1. Secara otomatis animasi Arc Left objek 1 juga akan ikut digandakan sehingga kita tidak perlu bersusah payah menambahkan animasi Arc Left untuk objek hasil duplikasi ini. Yang harus dilakukan adalah mengubah properti animasi Arc Left  objek hasil duplikasi ini. Properti yang diubah adalah Timing → Delay : 0.5 second. Hal ini dimaksudkan agar animasi objek hasil duplikasi ini akan berjalan 0.5 detik setelah abjek 1 beranimasi. Jadi objek ini nantinya seolah-olah akan berkejar-kejaran dengan animasi objek 1. Dengan cara yang sama, kita dapat mencoba memberikan animasi yang serupa untuk objek 2 dan objek-objek lainnya.

Setelah semua animasi diberikan pada objek-objek shape yang menggambarkan darah selesai, selanjutnya kita dapat melihat hasilnya pada modus Slide Show.

Demikian tutorial BATIK, Belajar Asyik dengan TIK kali ini, selamat berkarya untuk anak bangsa.

Robby Shadri, S.Kom, Bertugas sebagai staff pengelola sistem informasi dan jaringan di Lembaga Penjaminan Mutu Pendidikan (LPMP) Riau. Mengawali hobi dibidang pemrograman, baik berbasis Web, maupun berbasis Desktop. Disamping itu juga sebagai instruktur diklat khususnya untuk materi diklat media pembelajaran berbasis TIK. Khusus untuk media pembelajaran, penulis memfokuskan diri untuk menulis tutorial-tutorial perancangan animasi media pembelajaran menggunakan aplikasi yang sudah familiar dikalangan guru di tanah air, yakni Ms. Powerpoint termasuk tutorial animasi media pembelajaran di lpmpriau.kemdikbud.go.id di rubrik BATIK. Belajar Asik dengan TIK. Jika ada yang pertanyaan, dapat berkomunikasi melalui https://www.facebook.com/robby.shadri