Cara Menciptakan Animasi Loading Di Adobe Flash Cs6

Cara Menciptakan Animasi Loading Di Adobe Flash Cs6
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

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

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

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



Tutorial Membuat Animasi Loading di Adobe Flash CS6

1. File - New Document - Actionscript 3.0 dengan ukuran dan warna background terserah anda...
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

2. Ubah nama layer pertama menjadi bg awal . Lalu buatlah Kotak dengan Style Solid dan Sudut lengkung sekitar 17.00 (gak wajib).. lalu klik kanan pada Frame 100 - Insert Frame ..
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

3. Buat layer baru, lalu Buatlah kotak warna hitam dengan ukuran lebar yang sama dengan bg awal... tetapi letakkan pada samping kiri menyerupai pada gambar di bawah ini...
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

SARAN : Gunakan Tombol Shift ketika memindahkan posisi suatu objek supaya balasannya Rapi...

4. Ubah nama layer2 menjadi animasi...Lalu Insert Keyframe(F6) di Frame 100.. Kemudian pindahkan posisi kotak hitam menutupi bg color....
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

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..
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

6. Selanjutnya, buat Layer Baru... Klik kanan pada Layer bg awal - Pilih Copy Frames..
Jangan Lupa, centang gembok/kunci hitam terlebih dahulu supaya layer bg awal tidak dapat diedit lagi..
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

7. Ubah nama layernya menjadi masking ... klik kanan pada Frame 1, Paste Frames... kemudian jangan lupa gembok juga...
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

8. Selanjutnya, klik kanan pada layer Masking... Pilih Mask .. Selamat deh, kini anda berhasil menciptakan animasi Loading Sederhana di Flash CS6... Tidak mau berhenti disitu, kita akan menambahkan Animasi Persen...😏
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

9. Buat layer gres dengan nama Persen... Lalu buat Teks 1% dengan Font, Style, Color dan Ukuran sesuai selera...
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

10. Kemudian, pilih semua Frame dari 1-100 pada Layer Persen... Tekan Tombol F6 (Insert Keyframe)
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

Setelah itu, silahkan ubah angka dari 1 hingga 100 setiap Keyframe yang telah kalian Buat.. Sabar yakni 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 melaksanakan Looping atau Perulangan, klik kanan pada Frame 100 layer Animasi - pilih Actions - tambahkan script stop();
 kini kita akan kembali berguru salah satu Animasi yang sering dijumpai pada Aplikasi atau Cara Membuat Animasi Loading di Adobe Flash CS6

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

Ayo buat bawah umur Multimedia juga harus coba tutorial ini, semoga bermanfaat ya.. hingga jumpa di tutorial lainnya, see you 😭.. Adobe Flash Loading Media Interaktif Media Pembelajaran

Belum ada Komentar untuk "Cara Menciptakan Animasi Loading Di Adobe Flash Cs6"

Posting Komentar

Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel