Blog ini sengaja saya buat untuk berbagi ilmu dengan teman-teman semua dan untuk mengingat kembali apa yang telah saya pelajari. Semoga blog ini dapat bermanfaat untuk diri saya sendiri maupun teman-teman yang sudah berkunjung keblog saya MOHON MAAF JIKA MASIH ADA KEKURANGAN, BLOG INI MASIH DALAM TAHAP PENGEMBANGAN
Home » , , » Membuat animasi loading sederhana - Flash CS5

Membuat animasi loading sederhana - Flash CS5

Written By Unknown on Rabu, 07 Agustus 2013 | 11.57

Animasi Loading biasanya banyak digunakan pada halaman intro, dimana akan ditampilkan loading terlebih dahulu sebelum masuk kehalaman utama, ataupun digunakan untuk yang lain, contohnya ketika kita ingin membuka menu, sebelum masuk kehalaman menu tersebut, akan ditampilkan animasi loading terlebih dahulu.



Jika anda penasaran membuatnya seperti apa, ikuti saja langkah2 ini :)

pertama buka Flash CS5 anda, dan klik menu file-new

Ganti nama layer1 dengan nama loading,

Lalu buatlah tulisan LOADING pada layer loading tadi.


Setelah itu klik kanan pada frame 10 - lalu klik insert frame


Sekarang buatlah layer baru dengan cara klik new-layer, ganti dengan nama lingkaran1
, pada layer lingkaran 1 buatlah gambar lingkaran dibawah teks loading


Sekarang buat layer baru lagi sebanyak 4 layer, dengan cara klik icon new layer sebanyak 4 kali, ganti nama tiap layer dengan lingkaran2, lingkaran3, lingakaran4, dan lingkaran5. Sekarang posisikan pada layer lingkaran2 terlebih dahulu. Klik kanan pada frame1, layer lingkaran2, lalu pilih insert key frame


Setelah itu Masih pada layer lingkaran2, klik pada frame 2, lalu buatlah gambar lingkaran lagi, bisa dengan copy lingkaran yang kita buat pertama tadi, dan pastekan pada frame2 tersebut


Sekarang lakukan hal yang sama pada layer lingkaran 3,4,dan 5. sehingga akan tampil seperti ini


Sekarang atur waktunya agar gerakannya tidak terlalu cepat, ganti 24.00 fps dengan 5.00 fps


Tekan ctrl + enter untuk melihat hasilnya :)


Bagaimana mudah kan :D ..  animasi loading sederhana selesai..
kalo belum mengerti atau kurang jelaskan silakan tinggalkan komentar disini yah
Share this article :

Posting Komentar

 
Support : Copyright © 2013. SARANG HADI - All Rights Reserved
Template Created by Creating Website Published by Mas Template