Cara Membuat Gambar Animasi dengan Berbagai Macam Gerak

Setelah sebelumnya kita mencoba membuat gambar kipas angin atau baling-baling animasi dan gambar animasi lingkaran berputar  yang menyerupai gambar loading, maka kali ini saya akan mencoba menjelaskan cara membuat gambar animasi dengan pergerakan gambar menuju kedalam dan keluar media seperti pada contoh gambar animasi diatas.

Apakah anda tertarik untuk mencoba membuat sendiri gambar animasi seperti diatas??

Silahkan ikuti langkah-langkah dibawah :

1.     Persiapkan sebuah gambar pada netbook/computer anda yang akan dijadikan gambar animasi. Dalam hal ini, anda bisa memakai gambar dengan pola lingkaran seperti pada gambar yang saya pakai, atau gambar persegi empat (terserah anda).

Logo Lombokdihati

Gbr.1

2.     Crop/potong gambar tersebut menjadi 4 bagian seperti pada gambar dibawah.

Membuat Gambar Animasi Bergerak

Gbr.2

Untuk meng-crop/memotong gambar tersebut, anda bisa memanfaatkan Microsoft Office Picture Manager, software bawaan netbook/computer anda. Atau anda juga bisa menggunakan software lain yang biasa anda gunakan untuk mengedit photo.

3.     Setelah langkah no.2 selesai anda lakukan, selanjutnya buka aplikasi Macromedia Flash anda. Pada halaman yang muncul, klik Flash Document pada bagian Create New.

Membuat Gambar Animasi Bergerak

Gbr.3

4.     Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard netbook/computer anda, sehingga muncul halaman seperti gambar dibawah. Selanjutnya klik kolom ukuran default.

Membuat Gambar Animasi Bergerak

Gbr.4

Pada halaman Document Properties seperti gambar no.4 diatas, ganti ukuran default sesuai dengan ukuran gambar yang telah anda persiapkan pada langkah no.1 diatas.(contoh 130×130 px). Selanjutnya klik OK.

Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.

5.     Tambahkan 3 Layer baru dengan mengklik tanda yang terletak disudut kiri bawah halaman Layer, sehingga jumlah Layer menjadi 4.

Membuat Gambar Animasi Bergerak

Gbr.5

6.     Selanjutnya, klik kanan pada Layer 1 dan pada Layer Properties ganti nama Layer 1 menjadi potongan 1.

Membuat Gambar Animasi Bergerak

Gbr.6

Lakukan hal yang sama terhadap 3 Layer lainnya.

7.     Setelah langkah no.6 diatas selesai anda lakukan, selanjutnya klik pada Layer potongan 1, kemudian masukkan gambar potongan 1 yang telah anda persiapkan pada langkah no.2 diatas. Caranya klik Menu File–>Import–>Import to Stage.. atau tekan Ctrl+R pada keyboard anda. Geser/letakkan gambar tersebut seperti pada gambar dibawah.

Membuat Gambar Animasi Bergerak

Gbr.7

Selanjutnya, klik pada Layer potongan 2, kemudian masukkan gambar potongan 2.

Lakukan langkah seperti diatas terhadap Layer potongan 3 dan 4 dengan letak gambar masing-masing potongan seperti pada gambar dibawah.

Membuat Gambar Animasi Bergerak

Gbr.8

8.     Langkah berikutnya, klik dibawah angka Frame 20  pada Layer potongan 1 kemudian tekan F6 pada keyboard anda. Selanjutnya klik kanan dibawah angka frame 10 kemudian pilih Create Motion Tween.

Klik dibawah angka Frame 20 lagi, kemudian geser gambar potongan 1 keatas media. (Untuk penggeseran sempurna, tekan tombol arah panan à sambil menekan tombol huruf V pada keyboard)

Membuat Gambar Animasi Bergerak

Gbr.9

9.     Lakukan hal yang sama seperti langkah diatas terhadap ke-3 Layer lainnya yaitu Layer potongan 2 pada angka Frame 40

Layer potongan 3 pada angka Frame 60

Layer potongan 4 pada angka Frame 80

Sehingga hasilnya akan tampak seperti gambar dibawah.

Membuat Gambar Animasi Bergerak

Gbr.10

10.     Langkah selanjutnya, klik dibawah angka frame 1 pada Layer potongan 2, kemudian tarik/geser garis tersebut dan letakkan sejajar dengan angka frame 20 Layer potongan 1.

Membuat Gambar Animasi Bergerak

Gbr.11

Lakukan hal yang sama terhadap Layer potongan 3 dan 4. (Perhatikan gambar 12 dibawah).

Membuat Gambar Animasi Bergerak

Gbr.12

11.     Selanjutnya klik dibawah angka frame 85 pada Layer potongan 4, kemudian tekan F6 pada keyboard.

Lakukan hal yang sama terhadap Layer potongan 3, 2, dan 1.

Tekan Ctrl+ENTER untuk melihat hasilnya. Untuk membuat Gambar Animasi bergerak yang lainnya, silahkan gunakan imajinasi anda dengan memperhatikan animasi-animasi pada blog atau pada situs animasi yang telah anda kunjungi.

12.     Untuk menyimpan gambar animasi tersebut, silahkan klik File–>Export–>Export Movie

Simpan dengan type Animated GIF(*.gif) atau Flash Movie(*.swf).

SELAMAT BERIMAJINASI.

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

About these ads

119 responses to “Cara Membuat Gambar Animasi dengan Berbagai Macam Gerak

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