Cara Membuat Animasi Loading di Adobe Flash CS6

Setelah beberapa kali membuat tutorial Animasi Power Point, kini kita akan kembali belajar salah satu Animasi yang sering dijumpai pada Aplikasi atau Game berbasis Android maupun Desktop.. yaitu Animasi Loading/Please Wait... 😎

Jika pada tutorial sebelumnya kita membuat Media Interaktif di Adobe Flash CS6, mungkin akan lebih menarik jika ditambahkan animasi Loading seperti yang ditunjukkan pada Gambar GIF diatas..

Animasi Loading pertama kali saya buat saat Magang di PPPPTK Seni dan Budaya Yogyakarta, Sleman waktu kelas 2 SMK.. Gak ada yang ngajarin, tapi dari inisiatif sendiri ketika belajar teknik Masking di Flash terciptalah Animasi Loading yang keren, 😁 hehe.. 

BACA JUGA : Cara Membuat Aplikasi Kalkulator di Adobe Flash

Tutorial Membuat Animasi Loading di Adobe Flash CS6

1. File - New Document - Actionscript 3.0 dengan ukuran dan warna background terserah anda...

2. Ubah nama layer pertama menjadi bg awal . Lalu buatlah Kotak dengan Style Solid dan Sudut lengkung sekitar 17.00 (gak wajib).. kemudian klik kanan pada Frame 100 - Insert Frame ..

3. Buat layer baru, kemudian Buatlah kotak warna hitam dengan ukuran lebar yang sama dengan bg awal... tetapi letakkan pada samping kiri seperti pada gambar di bawah ini...

SARAN : Gunakan Tombol Shift ketika memindahkan posisi suatu objek agar hasilnya Rapi...

4. Ubah nama layer2 menjadi animasi...Lalu,  Insert Keyframe(F6) di Frame 100.. Kemudian pindahkan posisi kotak hitam menutupi bg color....

5. Setelah itu, klik kanan diantara frame 2-99 layer animasi - pilih Create Classic Tween... Sekarang coba CTRL + ENTER untuk melihat hasilnya, kotak hitam bergerak dari kiri ke kanan..

6. Selanjutnya, buat Layer Baru... Klik kanan pada Layer bg awal - Pilih Copy Frames..
Jangan Lupa, centang gembok/kunci hitam terlebih dahulu agar layer bg awal tidak bisa diedit lagi..

7. Ubah nama layernya menjadi masking ... klik kanan pada Frame 1, Paste Frames... kemudian jangan lupa gembok juga...

8. Selanjutnya, klik kanan pada layer Masking... Pilih Mask .. Selamat deh, sekarang anda berhasil membuat animasi Loading Sederhana di Flash CS6... Tidak mau berhenti disitu, kita akan menambahkan Animasi Persen...😏

9. Buat layer baru dengan nama Persen... Lalu buat Teks 1% dengan Font, Style, Color dan Ukuran sesuai selera...

10. Kemudian, pilih semua Frame dari 1-100 pada Layer Persen... Tekan Tombol F6 (Insert Keyframe)

Setelah itu, silahkan ubah angka dari 1 hingga 100 setiap Keyframe yang telah kalian Buat.. Sabar adalah kuncinya 😝 mungkin sekitar 5 Menit doang..

Agar Angka Persennya Rata, gunakan Ruler caranya pilih View - Rulers (CTRL + ALT + SHIFT + R)... 

Jika tidak ingin Animasi Loadingnya melakukan Looping atau Perulangan, klik kanan pada Frame 100 layer Animasi - pilih Actions - tambahkan script stop();

Itulah cara Mudah Untuk Membuat Animasi Loading di Flash CS6 dengan teknik Masking.. Penjelasannya mungkin agak panjang, tapi sebenarnya caranya sangat gampang kok 😉 asal Niat mau Buat Animasi...

Ayo buat anak-anak Multimedia juga harus coba tutorial ini, semoga bermanfaat ya.. sampai jumpa di tutorial lainnya, see you 😭..

Cara Membuat 2 Animasi Loading Terbaru di Power Point

Kali ini, kita akan belajar bagaimana cara membuat animasi Loading di PowerPoint. Buat apa ? Tentu agar Presentasi Anda lebih menarik dan memukau untuk audiens... 

Pada tutorial ini akan ada beberapa fitur yang akan kita pelajari di Power Point 2016 yaitu Double Animation, Multiple Animation dan Hyperlink.

Akan ada beberapa istilah singkat yang saya gunakan pada toturial ini untuk mempersingkat dan memperjelas suatu objek. 

Penasaran 😉 ? yuk ikutin tutorial berikut ini...

Tutorial Membuat Animasi Loading di Power Point

1. Pertama, buatlah persegi panjang menggunakan rectangle pada tab Insert - Shapes. Setelah itu, pada tab Format, hilangkan outline atau garis luar seperti pada gambar..

2. Copy Persegi Panjang tersebut, lalu Paste kan dan ubah menjadi warna putih. Berbeda dengan cara sebelumnya, yang akan kita hilangkan bukan outline melainkan fill-nya seperti pada gambar berikut.

3. Kembali ke Persegi Panjang pertama (PP1) , copy PP1 menjadi 4 bagian dengan ukuran yang berbeda. Gunakan tombol Shift pada keyboard ketika mengubah ukuran agar lebih rapi.

4. Tekan CTRL dan pilih ke-4 PP1 tersebut, pada tab Animations - Add Animation. Maka akan muncul beberapa efek animasi yang dapat anda pilih. Pilih Efek Wipe dan klik OK.

 5. Ubah arah efek wipe ke kanan pada Effect Options. Pada Timeline, atur startnya menjadi After Previous agar animasi berjalan berurutan dan pada Duration atur durasinya menjadi 0.50 detik.

Untuk melihat urutan animasi, klik Animation Pane. Sekarang Animasi Loading Anda telah dibuat, gampang bukan ? 😁

BACA JUGA : CARA MEMBUAT EFEK AUTO FOKUS DI POWER POINT

6. Selanjutnya, buatlah sebuah tombol dengan teks "Mulai". Klik kanan pada tombol tersebut - Hyperlink - Place in this Document - Pilih salah satu Slide Pembuka yang ingin kalian tampilkan ketika tombol ditekan pada Slide Titles lalu OK...

7. Gabungkan garis putih yang kita buat sebelumnya pada PP1 sebagai pembungkus agar efek animasi terlihat lebih rapi dan halus.

8. Tambahkan Efek Animasi Fade pada tombol "Mulai" dan atur Timing Startnya menjadi After Previous dengan durasi 0.05 detik

9. Sekarang kita akan tambahkan efek animasi pada ke-4 bagian PP1 yang sebelumnya telah diberi efek Wipe.

Caranya adalah dengan memilih ke-4 bagian PP1 (Gunakan CTRL untuk memilih), klik Add Animation - More Exit Effects...

10. Pilih animasi Fade dan OK.. Inilah yang disebut dengan Double Animation. Karena sekarang ke-4 bagian PP1 memiliki 2 efek animasi yaitu Wipe dan Fade pada slide yang sama...

11. Atur Start : With Previous, Durasi 0.50 dan Delay 0.50.. Perbedaan dari Durasi dan Delay adalah Durasi digunakan untuk mengatur waktu berapa lama animasi tersebut berjalan. Sedangkan Delay digunakan untuk mengatur kapan animasi itu jalan...

12. Jalankan kembali Seluruh Animasi maka Efek Loading berhasil anda buat. Dan ketika tombol "Mulai" muncul, klik tombol tersebut dan akan otomatis berpindah ke-slide yang anda inginkan...

Cara Membuat Loading Keren dengan Multiple Animation

Seperti yang saya singgung sebelumnya, setelah anda berhasil dan menguasai bagaimana membuat efek loading dengan Double Animation. 

Sekarang!! Kita akan belajar membuat Animasi Loading yang lebih keren 😎 dengan Multiple Animation. 

1. Copy Rectangle 5 atau salah satu bagian PP1..

 2. Paste dan Tarik memanjang sesuai ukuran. Kemudian Add Animation - More Emphasis Effect .

3. Pilih Efek Fill Color sehingga ketika animasi loading berjalan, warnanya ikut berubah hingga proses loading itu berhenti.

4. Pada Effect Options, anda bisa ubah warna yang ingin kalian gunakan. Untuk pengaturan Timing Gunakan With Previous dan Durasi 0.50 detik...

5. Maka hasil akhir seperti berikut ini...

Sekian Tutorial bagaimana Cara Membuat 2 Animasi Loading Terbaru di Power Point.

Nantikan terus tutorial lainnya hanya di JULIKODING. 

Segala pertanyaan,kritik, dan saran silahkan ajukan di kolom komentar 😆