Animasi Didalam Tombol


Tutorial kali saya akan membahas tentang bagaimana Membuat Animasi Didalam Tombol. Mengenai cara pembuatan animasi tombol menggunakan Adobe flash cs5. Sedikit saya jelaskan, didalam pembuatan tombol terdapat UP, OVER, DOWN, dan HIT yang masing-masing memiliki fungsi. Animasi akan diletakkan pada bagian OVER, yaitu ketika kursor berada diatas tombol.

Untuk Membuat Animasi Didalam Tombol perhatikan langkah berikut :
1. Buka Adobe Flash cs5
2. Buatlah tombol di dalam stage (lembar kerja) menggunakan Teks tool kemudian ubah ke button (F8).
3. Seperti gambar dibawah ini :

Gambar tombol yang saya buat
Gambar tombol yang saya buat

Convert to Symbol Button
Convert to Symbol Button

4. Klik 2x pada tombol, kita akan memasuki area tombol.

Memasuki Timeline button
Memasuki Timeline button

5. Terdapat area over yang nantinya akan kita buatkan animasi didalamnya.
6. Tekan F6 untuk membuat keyFrame didalam Over, Down, Hit.
7. Selanjutnya tambahkan layer baru di atas layer 1. Perhatikan seperti langkah berikut :
   - Pada layer 2, di frame Over tambahkan KeyFrame, untuk layer Up, Down, Hit terdapat layer kosong.
   - Pada layer 2, buatlah lingkaran merah yang telah dihapus bagiannya.
   - Ubahlah bentuk lingkaran setengah itu ke movie clip (F8).

Create animation in button
Create animation in button

8. Klik 2x pada movieclip, tambahkan KeyFrame di frame 10, hubungkan dengan motion tween.

teknik Motion tween
teknik Motion tween

9. Kita akan membuat animasi berputar dengan menggunakan Rotate. Perhatikan seperti langkah berikut :

gambar 6. Rotate CW.
gambar 6. Rotate CW.

10. Running program tekan Ctrl+Enter.

Nah, bagaimana mudah bukan?!
Asalkan teman-teman mengikuti langkah-langkah diatas semua berjalan tanpa kendala.

Flash tutorial || Adobe Flash || Animasi dan Game || Dasar Belajar Animasi






Animasi Didalam Tombol Animasi Didalam Tombol Reviewed by Ardy S on December 26, 2012 Rating: 5

11 comments:

  1. wah keren juga nih sobat, ijin mencoba sobat...?

    ReplyDelete
  2. makasih yach sobat say praktekkan dulu yach thanks

    ReplyDelete
  3. Thank you !

    Http://Fashioneiric.Blogspot.Com

    Coline !

    ReplyDelete
  4. flash gak bisa di tempelin di postingan blogspot ya?, kalau bisa hasilnya bisa di attach keren kan, bisa sekalian demo hasil akhirnya :D

    ReplyDelete
    Replies
    1. Makasih sarannya. :)
      Bisa kok, kapan ada waktu gua pasang. :D

      Delete

Powered by Blogger.