Cara Membuat Gambar Animasi Bola Menggelinding

Selamat datang teman-teman pecinta animasi flash, pada artikel kali ini saya akan membahas mengenai Cara Membuat Gambar Animasi sederhana yaitu gambar animasi bola menggelinding. Lain halnya dengan gambar animasi Bola Memantul, pada gambar animasi ini pergerakan gambar bola akan disertai dengan putaran.

Apakah anda tertarik untuk mencoba membuatnya?? Let’s do it…. :D

1.    Buka applikasi Macromedia anda, kemudian klik Flash Document  pada halaman Created New.

Membuat Gambar Animasi Bola Menggelinding

2.    Setelah muncul halaman baru, selanjutnya tekan tombol Ctrl+F3 pada keyboard anda.

Membuat Gambar Animasi Bola Menggelinding

Selanjutnya klik ukuran Default media kemudian pada  halaman Document properties ganti ukuran menjadi 400 x 100 px (terserah anda). Klik Ctrl+F3 untuk kembali ke media.

3.    Rename Layer 1 menjadi Alas, selanjutnya klik menu Rectangle Tool (R) kemudian buatlah gambar kotak persegi panjang pada media dengan menggerakkan mouse anda.

Membuat Gambar Animasi Bola Menggelinding

4.    Tambahkan 1 Layer lagi, kemudian ganti nama Layer menjadi Bola.

Klik menu Oval Tool (O), kemudian buatlah sebuah gambar lingkaran dengan posisi seperti gambar 4 dibawah.

Masih pada Layer Bola, selanjutnya klik menu Line Tool (N) kemudian buatlah 2 buah garis diluar media seperti pada gambar dibawah.

Membuat Gambar Animasi Bola Menggelinding 4

5.    Selanjutnya klik menu Subselection Tool (A) kemudian klik tahan pada garis dan letakkan kedua garis tersebut diatas bola dengan posisi seperti gambar dibawah.

Membuat Gambar Animasi Bola Menggelinding 5

6.    Langkah berikutnya klik menu Free Tansform Tool (Q) selanjutnya klik pada salah satu bagian lingkaran tersebut dan berilah warna sesuai selera anda, lakukan hal yang sama pada bagian lingkaran yang lain satu persatu.

Membuat Gambar Animasi Bola Menggelinding 6

7.    Masih pada menu Free Tansform Tool (Q), klik pada bagian garis kemudian tekan tombol DELETE pada keyboard anda. Lakukan hal yang sama pada semua bagian garis yang ada hingga menghasilkan gambar lingkaran seperti dibawah.

Membuat Gambar Animasi Bola Menggelinding 7

8.    Selajutnya klik dibawah angka Frame 20 Layer Bola kemudian tekan F6 pada keyboard anda. Lakukan hal yang sama pada Layer Alas. (Gambar 8b)

Langkah berikutnya klik dibawah angka Frame 10 Layer Bola kemudian klik kanan dan pilih Created Motion Tween (Gambar 8b)

Membuat Gambar Animasi Bola Menggelinding 8a dan b

9.    Berikutnya klik tombol V pada keyboard anda, kemudian klik dibawah angka Frame 20 Layer Bola. Geser gambar bola tersebut kekanan dengan menggunakan tombol Ctrl+Tanda panah pada keyboard anda.

Membuat Gambar Animasi Bola Menggelinding 9

10.    Langkah berikutnya klik dibawah angka Frame 10 Layer Bola kemudian tekan F9 pada keyboard anda.

Membuat Gambar Animasi Bola Menggelinding 10

Pada halaman yang muncul, ganti arah Rotate menjadi CW, dan 2 Times.

Tekan Ctrl+ENTER untuk melihat hasilnya.

Untuk menyimpan gambar tersebut, klik menu File–>Export–>Export Movie. Pilih type Flash Movie (SWF) atau Animasi.GIF.

Salam Animasi :D

Artikel terkait :

1.     Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

2.     Cara Membuat Gambar Animasi Berputar atau Baling Baling Animasi

3.     Cara Membuat Jam Analog Animasi Dengan Macromedia Flash

4.     Cara Membuat Jam Animasi Digital Flash dan Kalender

5.     Cara Membuat Teks Animasi Dengan Macromedia Flash 8

6.     Cara Membuat Teks Berjalan Dengan Macromedia Flash

7.     Cara Membuat Gambar Berkedip atau Efek Blink Dengan Macromedia Flash

8.     Cara Membuat Banner Teks Animasi Dengan Easy GIF Animator

9.     Cara Membuat Banner Teks Animasi Berlogo Dengan Easy GIF Animator

10.   Cara Membuat Tombol Button Animasi Dengan Easy GIF Animator

11.   Cara Membuat Gambar Animasi Bola Memantul

About these ads

3 responses to “Cara Membuat Gambar Animasi Bola Menggelinding

Silahkan tinggalkan komentar, untuk silaturahmi selanjutnya

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s