Tutorial Flash CS6 : Membuat Animasi Sederhana Dengan Classic Tween

Kali ini saya akan share tutorial Adobe Flash. Sebelumnya apa sih Adobe Flash itu ? dan apa gunanya software Adobe Flash itu ? . Adobe Flash merupakan salah satu software yang dikeluarkan oleh Adobe System yang sangat populer dalam pembuatan Animasi 2D.

Adobe Flash mempunyai file extension .swf dan dapat diputar dipenjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan Bahasa Pemrograman ActionScript yang muncul pertama kali pada tahun 2005.

Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.

Hingga Sekarang Adobe Flash sudah mencapai versi Creative Cloud (CC) , dan bahasa pemrogramannya yaitu ActionScript yang sudah mencapai ActionScript 3.0. Dengan ActionScript, selain membuat animasi kita juga bisa membuat Game, CD interaktif, Persentasi,dan lain-lain.

Langsung saja menuju ke tutorial, kali ini saya menggunakan Adobe Flash CS6.


1.Buka Adobe Flash dan akan muncul tampilan seperti pada gambar dibawah :

Klik pada ActionScript 2.0

2. Setelah meng-klik ActionScript 2.0 maka akan muncul tampilan seperti ini

Tampilan awal

3. Selanjutnya adalah membuat objek animasi

Tekan klik agak lama pada Rectangle Tool, lalu pilih Oval Tool

4. Pilih warna untuk objek yang akan dibuat

Klik Paint Bucket pada tab properties dan pilih warna yang anda suka.

5. Buat objek yang akan dianimasikan, disini saya membuat objek berbentuk lingkaran, anda bisa saja membuat objek dengan bentuk lain. Buat objek di sebelah pojok kiri bawah pada workspace (halaman kerja), jangan lupa tekan shift agar bentuk lingkaran proporsional.

 Objek disimpan di sebelah kiri bawah 

6. Lalu, klik kanan pada frame ke 50 dan klik Insert Keyframe.

(anda bisa memilih frame berapa saja, semakin sedikit frame maka akan semakin cepat gerakan animasinya dan semakin banyak akan semakin lambar gerakannya.)

Klik kanan pada frame 50 dan insertkeyframe

7. Tampilan frame nya akan menjadi seperti gambar dibawah, yang berarti objek lingkaran itu ada pada frame 1 sampai frame 50.

Objek sekarang sudah ada dari frame 1 sampai 50.

8. Selanjutnya, anda tidak perlu memindahkan objek frame per frame, anda hanya perlu memindahkan objek ke tempat tujuannya, misalnya di frame 1 objek berada di pojok kiri lalu di frame 50 objek berada di pojok kanan.

Klik frame ke 50, lalu pindahkan objek ke pojok kanan.

9. Selanjutnya adalah pemberian Classic Tween, Classic Tween ini berfungsi untuk menggerakan objek. Jika tidak diberi Classic Tween animasinya hanya tidak akan bergerak tetapi menghilang dari frame 1 ke frame 50.

Klik kanan pada frame diantara 1-50 (saya memilih frame 20) lalu klik Classic Tween

10. Apa yang terjadi setelah diberi Classic Tween, yang terjadi adalah objek pada

frame ke 20 yang asalnya berada di pojok kiri akan pindah ke daerah tengah, ini berarti animasinya telah bergerak

Selain objek berpindah ke tengah, ciri lainnya adalah pada frame ke 1-50 akan ada tanda panah seperti pada gambar.

11. Terakhir adalah mengecek apakah animasinya sudah berjalan atau belum, yaitu dengan menekan tombol ctrl + Enter pada keyboard jika berhasil akan muncul tab baru dan objek pada tab akan bergerak.

Objeknya telah bergerak.

Sekian tutorial dari saya semoga bermanfaat bagi yang membaca dan mempraktikan, mohon dimaafkan jika ada kesalahan dan terima kasih.