Membuat Animasi Loading Windows 10



Siapa yang tertarik dengan bentuk animasi loading di Windows 10?

Apa ada yang mau masukkan animasi itu di tugas presentasi PowerPoint-nya?

Belajar dari video tutorial di YouTube
(dari saluran Guru (The Teacher))
alhamdulillah, saya berhasil membuatnya.
Berikut caranya :

Buka PowerPoint

Dalam artikel ini digunakan PowerPoint 2010. 

Atur Layout Slide

Gunakan layout blank untuk mengosongkan slide
  1. Pada tab menu Home,
  2. klik Layout, maka muncul menu layout,
  3. pilih Blank.

Ukuran 16:9 

Ukuran ini adalah ukuran di kebanyakan laptop.
Jadi, jika perbandingannya pas,
maka nantinya animasi yang kita buat tampil penuh di layar laptop.
  1. Pada tab menu Design,
  2. klik Page Setup, maka muncul kotak dialog,
  3. di menu Slide Sized For, pilih 16:9.

Ganti Background

Pilih warna yang membuat kita nyaman selama kita membuat animasi ini. 
  1. Klik kanan pada sembarang tempat di slide,
  2. klik format background, maka muncul kotak dialog,
  3. pilih warna yang cocok.

Tambahkan Shape Donut

  1. Pada tab menu Insert, klik Shapes,
  2. pilih shape berbentuk donat (bolong di tengah)

Tips

Kita perlu memasukkan shape donut yang bentuknya lingkaran sempurna.(panjang dan lebar lingkaran harus sama)Untuk itu, tekan Shift sambil menggambar shape.
Maka, ukuran panjang dan lebar shape yang digambar akan sama.

Kecilkan Ketebalan Donut 

Ketebalan donut ini nantinya dijadikan acuan
untuk diameter lingkaran – lingkaran kecil
yang ada di animasi loading.
Lihat gambar!

Letakkan Donut ke Tengah

  1. Klik shape donut,
  2. pada tab menu Format, klik Align,
  3. pilih Align Center dan Align Middle.

Buat Lingkaran di Sisi Donut 

  1. Jadikan diameter lingkaran ini sama dengan ketebalan donut.
  2. Bedakan warnanya dengan warna donut (putih).
  3. Hilangkan warna outline lingkaran itu.

Jadikan Group

  1. Block shape donut dan lingkaran,
  2. klik tab menu Format,
  3. klik group, klik group.

Putar ke Bawah


Tambahkan Animasi (1)

Tambahkan animasi berikut :
  • Kelompok : Emphasis
  • Animasi : Spin (putar)
  1. Klik group donut dan lingkaran yang sudah dibuat,
  2. pada tab Animation, klik Add Animation,
  3. muncul menu Animasi,
  4. pada group Emphasis, pilih Spin.
  5. Agar lebih mengerti, lihat gambar.

Atur Animasinya :

Start :  With Previous
Duration :  1.5 Seccond 
Delay:  0 Seccond
Pada Kotak Dialog Effect Options atur:   
Amount :  320 ° clockwise 
Smooth Start :  0.75 Seccond
Smooth End :  0.25 Seccond
  1. Lalu klik OK
  2. Agar lebih mengerti, lihat gambar

Cara membuka Effect Options :
  1. Klik icon segitiga yang menghadap kebawah,
  2. munculah menu dropdown,
  3. klik Effect Options

Tambahkan lagi Animasi Spin (2)

Caranya sama seperti di langkah sebelumnya.

Atur Lagi Animasinya:

Start : With Previous
Duration : 1 Seccond 
Delay: 1.4 Seccond
Pada Kotak Dialog Effect Options atur:  
Amount : 220 ° clockwise 
Smooth Start : 0.5 Seccond
Smooth End : 0.25 Seccond
  1. Lalu klik OK
  2. Agar lebih mengerti, lihat gambar 

Tambah lagi Animasi Spin (3)

Caranya sama seperti di beberapa langkah sebelumnya.

Atur Lagi Animasinya:

Start : With Previous
Duration : 0.75 Seccond 
Delay: 2.30 Seccond
Pada Kotak Dialog Effect Options atur:  
Amount : 140 ° clockwise 
Smooth Start : 0.25 Seccond
Smooth End : 0.125 Seccond
  1. Lalu klik OK
  2. Agar lebih mengerti, lihat gambar 

Tambahkan Animasi Disappear

Tambahkan animasi berikut :
  • Kelompok : Exit
  • Animasi : Disappear (hilang)
  1. Klik group donut dan lingkaran yang sudah dibuat,
  2. pada tab Animation, klik Add Animation,
  3. muncul menu Animasi,
  4. pada group Exit, pilih Disappear.
  5. Agar lebih mengerti, lihat gambar.

Atur animasi Disappear dengan:

Start : With Previous
Duration : Auto 
Delay: 03.00 Seccond
  1. Lalu klik OK
  2. Agar lebih mengerti, lihat gambar

Transparankan Shape Donut

  1. Klik group donut dan lingkaran,
  2. klik lagi donutnya saja,
  3. pada tab Format, klik Shape Fill,
  4. maka munculah pilihan warna, pilih no fill.
  5. Agar lebih mengerti, lihat gambar.
  1. Maka yang terlihat hanya lingkaran seperti gambar berikut :

Copy dan Paste Group

  1. Pindahkan semua group hasil copy-pastenya ke tengah-tengah slide
  2. (dengan cara yang sama pada beberapa langkah sebelumnya)


Edit Animasinya

Dengan dicopy-paste group tadi,
maka animasinya juga ikut tersalin.

Kini,
untuk masing-masing animasi pada group hasil copy,
delaynya dimundurkan (ditambah) 0.15 seccond.
Agar lebih mengerti, lihat gambar berikut.


Copy dan Paste lagi Group Hasil Salin Tadi

  1. Tambah delaynya 0.15 detik dari group sebelumnya.
  2. Jangan lupa pindahkan shape hasil copy itu ke tengah.
Ulangi hingga 6 group, untuk bantuan ikuti tabel ini

 

Group

Animasi

Delay

1

Spin (1)

Spin (2)

Spin (3)

Disappear

0.00 seccond

1.40 seccond

2.30 seccond

3.00 seccond

2

Spin (1)

Spin (2)

Spin (3)

Disappear

0.15 seccond

1.55 seccond

2.45 seccond

3.15 seccond

3

Spin (1)

Spin (2)

Spin (3)

Disappear

0.30 seccond

1.70 seccond

2.60 seccond

3.30 seccond

4

Spin (1)

Spin (2)

Spin (3)

Disappear

0.45 seccond

1.85 seccond

2.75 seccond

3.45 seccond

5

Spin (1)

Spin (2)

Spin (3)

Disappear

0.60 seccond

2.00 seccond

2.90 seccond

3.60 seccond

6

Spin (1)

Spin (2)

Spin (3)

Disappear

0.75 seccond

2.15 seccond

3.05 seccond

3.75 seccond

Kecilkan Ukuran Animasi Loadingnya

  1. Block semua objek,
    agar tidak ada shape yang luput, tekan saja Ctrl + A.
  2. Agar proporsi shape tetap sama, tekan Shift sambil mengecilkan objek.
  3. Agar objek tetap berada di tengah, tekan Crtl sambil mengecilkan objek.
  4. Langkah 2 dan 3 bisa dilakukan sekaligus.

Ganti Latar Belakang

Agar terlihat asli,
ganti latar belakang menjadi hitam,
dan tambahkan icon Windows.


Atur Durasi Slide

Atur durasi slide selama 3.8 detik.
Karena, seperti di tabel tadi, animasi terakhir dimulai pada detik ke-3.75.
  1. Pada tab menu Transitions, Centang After: yang berada di sebelah kanan.
  2. Isi dengan 00:03.80 (3.8 detik)

Duplikasikan Slide

Buat slide duplikat sebanyak yang diinginkan,
yaitu sebanyak berapa kali kita mau
animasi loading berputar itu diulang.
  1. Pada preview slide, klik kanan slide yang kita buat,
  2. pilih duplicate slide, lakukan sebanyak yang diinginkan

Mari Periksa

Kllik Icon Slide Show di kanan bawah.


Lebih kurang, animasinya seperti ini :


Mau Dibuat Jadi Video?

Mau Animasinya Dibuat Jadi Video?
Mari baca caranya di : Membuat Video dari Powerpoint

Bagaimana hasilnya?
Kalau kurang sesuai, coba cek lagi.

Apa teman-teman punya ide animasi yang lain?
Mari diskusikan di komentar!

Apa teman-teman mau coba buat animasi tangan menulis?

Assalamualaikum Warahmatullahi Wabarakatuh.
Azlan Al-Isyraq
Salken! Saya adalah mahasiswa Arsitektur Universitas Gadjah Mada. Hobi saya bermain, membaca, menggambar, coding dengan App Inventor, dan tentunya menulis di blog ini. Baca selengkapnya »

Related Posts

Posting Komentar

LANGGANAN TULISAN TERBARU AZALIS04
Lewat notifikasi
(Baca petunjuk)