Membuat animasi sederhana (CINCIN BERPUTAR)

ARI SUDIBYO 05:54

1.     Buka aplikasi Macromedia Flash anda, pada halamanCreated New klik Flash Document.
2.     Setelah halaman utama muncul, selanjutnya tekanCtrl+F3 pada keyboard anda.
Pada halaman Properties klik kolom Size default media, dan pada halaman Document Properties isilah form yang tersedia dengan ukuran gambar yang akan anda buat. (Contoh 200×200 px) selanjutnya klik OK. Tekan Ctrl+F3 untuk kembali kehalaman utama.
Untuk gambar panduan, silahkan Klik Kanan–>Open in New Tab Disini
3.     Langkah selanjutnya, klik Oval Tool (O) kemudian buatlah sebuah lingkaran diatas media.
Untuk menghasilkan lingkaran sempurna caranya klik tahan tombol SHIFT sambil menggeser muse.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.1
4.     Selanjutnya klik Rectangle Tool (R) kemudian buatlah 4 buah kotak panjang diluar media seperti gambar dibawah.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.2
Gantilah warna keempat garis kotak panjang tersebut dengan mengklik Fill Tool. Ganti dengan warna putih.
5.     Selanjutnya pindahkan keempat garis kotak panjang tersebut keatas lingkaran yang telah dibuat sebelumnya seperti pada gambar dibawah.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.3
Untuk merubah arah/posisi garis tersebut, klik Free Transform Tool (Q)
6.     Langkah berikutnya, tekan tombol kemudian tombolpada keyboard, kemudian klik pada bagian tengah garis kotak, selanjutnya tekan tombol DELETE pada keyboard sehingga bentuk bulatan berubah seperti gambar no.4 dibawah.
7.     Selanjutnya klik Oval Tool (O) kemudian buatlah sebuah lingkaran diluar media, seperti pada gambar dibawah.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.4
8.     Selanjutnya, seleksi lingkaran yang baru dibuat dengan mengklik tombol V pada keyboard, kemudian pindahkan lingkaran tersebut keatas media.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.5
Selanjutnya klik tombol kemudian tombol V pada keyboard, selanjutnya klik pada lingkaran yang baru dipindah kemudian tekan tombol DELETE pada keyboard.
9.     Langkah berikutnya, klik pada salah satu kotak lingkaran kemudian klik Fill Tool untuk mengganti warna kotak lingkaran.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.6
Lakukan hal yang sama pada setiap kotak lingkaran, ganti warna sesuai dengan keinginan anda.
10.     Setelah langkah diatas selesai anda lakukan, selanjutnya klik dibawah angka frame 30 kemudian tekan F6 pada keyboard anda.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.7
Selanjutnya klik kanan dibawah angka frame 15kemudian pilih Create Motion Tween.
11.     Langkah selanjutnya, tekan Ctrl+F3. Pada halamanProperties pilih CW pada Rotate.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.8
Klik Ctrl+ENTER untuk melihat hasilnya.
12.     Untuk menyimpan gambar animasi tersebut, silahkan klik File–>Export–>Export Movie
Simpan dengan type Animated GIF(*.gif) atauFlash Movie(*.swf).

Artikel Terkait

Previous
Next Post »