Tutorial Animasi Jejaring Kubus

Bapak/Ibu guru sobat Batik, Belajar Asyik dengan TIK. Animasi kali ini adalah animasi jejaring kubus. Sebagaimana kita ketahui bahwa bangun kubus memilliki 6 jaring. Animasi ini menampilkan pergerakan dari masing-masing jaring kubus tersebut, menutup satu demi satu hingga membentuk bangun kubus.

Berbeda dengan animasi-animasi sebelumnya dimana animasi kita atur kedalam objek-objek shape berada pada slide yang sama, animasi jaring-jaring kubus ini justru dibuat tanpa animasi sama sekali. Tetapi animasi itu terlihat dari perpindahan/transition dari beberapa slide, dimana setiap slide berisi perubahan posisi dari jaring-jaring kubus seperti gambar berikut ini :

Dari gambar diatas, kita lihat bahwa untuk membuat animasi jaring-jaring kubus ini, kita memerlukan 13 buah slide, dimana setiap slide berisi gambar jaring-jaring kubus dengan posisi berbeda untuk setiap slide.

Langkah-langkah untuk membuat animasi jaring-jaring kubus ini adalah sebagai berikut :

Siapkan sebuah slide kosong, lalu sisipkan sebuah objek shape Parallelogram. Ubah beberapa properties objek shape Parallelogram tersebut sebagai berikut :

1. Format Shape → Fill → Solid Fill : Yellow
2. Format Shape → Line Color → No Line.

Setelah itu, duplikasikan objek Shape Parallelogram tersebut sebanyak 5 buah lagi dengan menggunakan tombol Ctrl + D, ubah warnanya dan posisikan seperti gambar berikut ini :

Setelah slide 1 selesai, selanjutnya duplikasikan slide 1 tersebut dengan cara seleksi slide, tekan tombol Ctrl + Shift + D sehingga akan terbentuk sebuah slide baru yang memiliki objek jaring-jaring kubus yang sama sebagaimana slide 1 yang selanjutnya kita beri nama slide 2. Selanjutnya, klik kanan objek jaring kubus yang berwarna merah pada slide 2. Pilih menu Format Shape → 3-D Rotation → Y : 180⁰ sehingga terbentuk gambar berikut ini :

Kita telah menyelesaikan 2 (dua) buah slide, selanjutnya duplikasikan slide 2 dengan cara yang sama seperti langkah B diatas, sehingga terbentuklah slide 3. Klik kanan objek jaring kubus yang berwarna merah pada slide 3 ini, Edit Points. Ubah bentuk jaring kubus merah ini seperti gambar berikut ini :

Selanjutnya, duplikasikan slide 3 dengan cara yang sama sehingga terbentuk slide 4. Klik kanan objek jaris kubus yang berwarna biru pada slide 4 Pilih menu Format Shape → 3-D Rotation → Y : 180⁰. Setelah itu, geser jaring kubus yang berwarna merah ke posisi yang baru seperti gambar berikut ini :

Selanjutnya duplikasikan slide 4, sehingga terbentuklah slide 5. Klik kanan objek jaring kubus yang berwarna biru pada slide 5 ini, lalu Edit Points. Ubah bentuk jaring kubus biru ini serta ubah posisi jaring kubus berwarna merah mengikuti perubahan bentuk jaring kubus berwarna biru seperti gambar berikut ini :

Tahap berikutnya adalah melakukan duplikasi pada slide 5, sehingga terbentuk slide 6. Klik kanan objek jaring kubus yang berwarna ungu pada slide 6 ini, lalu Edit Points. Ubah bentuk jaring kubus ungu seperti gambar berikut ini :

Tahap berikutnya adalah melakukan duplikasi pada slide 6, sehingga terbentuk slide 7. Klik kanan objek jaring kubus yang berwarna ungu pada slide 7 ini, lalu Edit Points. Ubah bentuk jaring kubus ungu seperti gambar berikut ini :

Tahap berikutnya adalah melakukan duplikasi pada slide 7, sehingga terbentuk slide 8. Klik kanan objek jaring kubus yang berwarna merah pada slide 8 ini, lalu Edit Points. Ubah bentuk jaring kubus merah seperti gambar berikut ini :

Tahap berikutnya adalah melakukan duplikasi pada slide 8, sehingga terbentuk slide 9. Klik kanan objek jaring kubus yang berwarna merah pada slide 9 ini, lalu Edit Points. Ubah bentuk jaring kubus merah seperti gambar berikut ini :

Lakukan hal serupa untuk perubahan posisi jaring kubus yang berwarna merah hati dan biru dongker sebagaimana perubahan-perubahan posisi jaring kubus yang tertera pada gambar sebelumnya hingga slide 13 dimana objek kubus sudah terbentuk :

Tahap akhir dari perancangan animasi jaring-jaring kubus ini adalah memindahkan slide aktif ke slide 1. Lalu ikuti langkah berikut ini :

1. Klik Ribbon Transition, hilangkan tanda checklist pada Group Timing → On Mouse Click. Hal ini dimaksudkan agar perpindahan slide demi slide tidak lagi dilakukan secara manual, baik itu melalui penekanan tombol mouse maupun penekanan tombol keyboard.
2. Beri tanda checklist pada Group Timing → After. Isikan nilai 00:01:00. Hal ini dimaksudkan agar perpindahan slide terjadi secara otomatis dengan durasi tampil 1 detik untuk setiap slide.

Klik tombol Apply To All pada Group Timing. Hal ini dimaksudkan agar konfigurasi yang kita buat pada langkah 1 dan 2 diatas, juga diterapkan pada seluruh slide jaring-jaring kubus seperti gambar berikut ini :

Langkah terakhir adalah menmpilkan animasi ini pada modus slide show. Dengan memberikan sedikit modifikasi, maka kita dengan mudah dapat membuat animasi jaring-jaring kubus yang lain.

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 ingin bertanya, atau ingin memiliki file tutorial yang sedang dibahas, silahkan berkomunikasi via FB https://www.facebook.com/robby.shadri