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).
Gbr.1
2. Crop/potong gambar tersebut
menjadi 4 bagian seperti pada gambar dibawah.
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.
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.
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.
Gbr.5
6. Selanjutnya, klik kanan
pada Layer 1 dan pada Layer Properties ganti nama Layer 1 menjadi potongan
1.
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.
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.
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)
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.
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.
Gbr.11
Lakukan
hal yang sama terhadap Layer potongan 3 dan 4. (Perhatikan gambar
12 dibawah).
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.
