Friday, March 28, 2025

Tutorial Animasi Bumi Berputar

Sahabat Batik, Belajar Asyik dengan TIK. Kali ini Batik berbagi langkah-langkah membuat animasi bumi berputar. Tentu saja dengan Microsoft Powerpoint. Jika kita benar-benar ingin membuat animasi 3D, maka diperlukan Add In yang dijual terpisah oleh Microsoft sebagai produsen Microsoft Powerpoint. Namun demikian, dengan melakukan sedikit trik, kita dapat membuat animasi seolah-olah 3D berupa animasi bumi berputar seperti gambar  dibawah ini :

Untuk membuat animasi bumi berputar tersebut, terlebih dahulu kita persiapkan objek-objek yang diperlukan yaitu :

File gambar peta permukaan bumi seperti gambar berikut ini :

Kita dapat menggunakan gambar peta dengan format apa saja, selama gambar tersebut dapat di-insert kedalam slide atau dengan menggunakan file gambar diatas yang harus disimpan terlebih dahulu. Yang harus dilakukan adalah meng-insert gambar tersebut dengan cara memilih menu Insert Picture, lalu browsing file dengan nama file yang sudah kita simpan diatas. Ubah namanya menjadi Peta pada panel seleksi.

File gambar untuk dijadikan masking. File gambar yang akan kita gunakan sebagai masking adalah file gambar dengan format PNG (Portable Network Graphics). Format ini dipilih karena mendukung transparansi gambar dan merupakan gambar Bitmap yang terkompresi sehingga ukurannya cukup kecil. Untuk membuat file gambar yang akan kita jadikan masking ini kita menggunakan aplikasi Adobe Photo Shop. Kita buat sebuah file gambar dengan ketentuan

  1. Width 920 pixel
  2. Height 720 pixel
  3. Background Contents : Transparent.

Lalu kita beri warna putih kecuali sebuah lingkaran ditengah-tengah yang tetap dibiarkan transparan dengan ukuran yang diperkirakan akan menjadi objek bumi yang berbentuk bulat. Pembaca dapat menggunakan file masking yang telah dipersiapkan didalam CD tutorial pada folder /Animasi Bumi Berputar/Masking.png atau dengan membuat sendiri file masking dengan menggunakan aplikasi Adobe Photo Shop seperti gambar berikut ini

Setelah file gambar masking selesai, selanjutnya file tersebut kita sisipkan kedalam slide kerja kita dengan perintah Insert Picture, lalu browsing file dengan masking.jpg. Ubah namanya menjadi Masking pada panel seleksi dan posisikan kedua objek yang telah kita buat yaitu Peta dan Masking seperti gambar berikut ini :

Objek yang kita perlukan berikutnya adalah sebuah lingkaran yang akan menimbulkan efek visual 3D. Dengan menggunakan objek shape Oval, kita buat sebuah lingkaran sesuai dengan ukuran lingkaran bumi yang ada kemudian ubah beberapa properties objek shape Oval berikut ini

  1. Format Shape Fill Solid Fill : Blue
  2. Format Shape Fill Transparency : 68 %.
  3. Format Shape Line Color No Line.
  4. Format Shape Glow and Soft Edges Glow Color : Aqua
  5. Format Shape Glow and Soft Edges Glow Size : 33 pt
  6. Format Shape Glow and Soft Edges Glow Transparency : 42 %
  7. Format Shape Glow and Soft Edges Soft Edges Size : 48 pt.

Kemudian posisikan objek Oval yang terbentuk pada posisi yang berhimpit dengan lingkaran bumi yang telah ada seperti gambar berikut ini :

Untuk melengkapi bentuk 3D yang terbentuk, kita perlukan satu lagi lingkaran yang akan menampilkan bentuk 3D pada gambar planet bumi yang telah kita buat. Dengan menggunakan objek shape Oval, kita buat sebuah lingkaran dengan ukuran tidak begitu besar kemudian ubah beberapa properties objek shape Oval berikut ini :

  1. Format Shape Fill Solid Fill : White
  2. Format Shape Fill Transparency : 63 %.
  3. Format Shape Line Color No Line.
  4. Format Shape Glow and Soft Edges Glow Color : White
  5. Format Shape Glow and Soft Edges Glow Size : 0 pt
  6. Format Shape Glow and Soft Edges Glow Transparency : 41 %
  7. Format Shape Glow and Soft Edges Soft Edges Size : 23 pt.

Kemudian posisikan objek Oval yang terbentuk pada posisi yang sesuai seperti gambar berikut ini :

Selanjutnya kita akan memberikan animasi pada objek Peta agar terlihat seolah-olah bumi berputar pada sumbunya. Aktifkan terlebih dahulu Ribbon Animations →  Animation Pane, ikuti langkah beriku tini :

Seleksi atau klik objek Peta pada panel seleksi, pilih Add AnimationMotio PathsLine. Klik dua kali animasi Left Peta pada panel seleksi, ubah properties berikut ini :

  1. Left Effect Smooth Start : 0 sec
  2. Left Effect Smooth End : 0 sec
  3. Left Timing Start : With Previous
  4. Fly In Timing Duration : 20 second
  5. Fly In Timing Repeat : Until Next Click.

Setelah melakukan perubahan pada beberapa properties animasi Left, selanjutnya ubah ukuran panjang jalur animasi Left tersebut dengan cara menarik lingkaran putih pada ujung panah yang berwarna merah hingga ujung peta seperti gambar berikut ini :

Setelah semua animasi diberikan, coba tampilkan animasi ini pada modus slide show.

Demikian tutorial Batik, Belajar Asik 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, silahkan berkomunikasi via FB https://www.facebook.com/robby.shadri