Animasi Frame by Frame

Tujuan Pembelajaran  

Adapun tujuan dari kegiatan pembelajaran ini adalah sebai berikut:

1. Mampu menerapkan teknik animasi tweening 2D 
2. mampu membuat animasi 2D menggunakan teknik tweening

Animasi Frame by Frame 

Dalam Adobe Animate kita bisa membuat jenis animasi berdasarkan teknik Animasi yang ada pada software tersebut diantaranya adalah Animasi Frame by Frame, animasi dengan menggunakan beberapa gambar yang berurutan (sequence), sebagai contoh animasi klasik menggunakan teknik ini. Frame by Frame animation digunakan untuk menampilkan animasi yang mengalami perubahan bentuk seperti animasi karakter melakukan gerak tubuh, animasi perubahan bentuk secara dinamis seperti efek gerakan air, api, ledakan dan sebagainya. Pada tutorial ini akan dibahas tentang teknik animasi dengan menggunakan Adobe Animate mulai dengan yang pertama "Animasi Frame by Frame"

Membuat Animasi Frame by Frame Tulisan "Loading..." Buka software Adobe Animate yang ada pada komputer kita, pilih create new > ActionScript 3.0 

Lakah Pertama Klik layer 1 frame 1 dan buatlah tulisan L pada stage/area kerja 

menggunakan Text Tool, atur pada panel properties tulisan, warna dan lain-lain sesuai selera. 

Selanjutnnya, Klik kanan Layer 1 Frame 5 pilih Insert keyframe.

Kemudian ganti tulisan pada satage layer 1 frame 5 dari L menjadi Lo

Selanjutnnya klik kanan pada layer 1 Frame 10, pilih insert keyframe, Kemudian ganti tulisan pada layer 1 frame 10 dari Lo menjadi Loading Loa

Selanjutnnya klik kanan pada layer 1 Frame 15, pilih insert keyframe, Kemudian ganti tulisan pada layer 1 frame 15 dari Loa menjadi Loading Load, begitu setusnya sampai selesai.

Selanjutnnya klik kanan pada layer 1 Frame 20, pilih insert keyframe, Kemudian ganti tulisan pada layer 1 frame 20 Load menjadi Loadi

Selanjutnnya klik kanan pada layer 1 Frame 25, pilih insert keyframe, Kemudian ganti tulisan pada layer 1 frame 25 dari Loadi menjadi Loadin

Selanjutnnya klik kanan pada layer 1 Frame 30, pilih insert keyframe, Kemudian ganti tulisan pada layer 1 frame 30 dari Loadin menjadi Loading

Selanjutnnya klik kanan pada layer 1 Frame 35, pilih insert keyframe, Kemudian ganti tulisan pada layer 1 frame 35dari Loading menjadi Loading.

Selanjutnnya klik kanan pada layer 1 Frame 40, pilih insert keyframe, Kemudian ganti tulisan pada layer 1 frame 40 dari  Loading. menjadi Loading..

Selanjutnnya klik kanan pada layer 1 Frame 45, pilih insert keyframe, Kemudian ganti tulisan pada layer 1 frame 45 dari Loading.. menjadi Loading...

Selanjutnnya klik kanan pada layer 1 Frame 50, pilih insert keyframe. Pada tahap ini kita sudah selesai membuat animasi Loading dengan teknik Animasi Frame by Frame. 

Lakukan Test Movie dengan Menekan Ctrl + Enter pada keyboard untuk melihat hasil Animasi Frame By Frame yang kita sudah buat, atau juga bisa melalui menu bar Control > Test 

Kompetensi :
3.3 Menerapkan teknik animasi tweening 2D
4.3 Membuat animasi 2D menggunakan menggunakan teknik tweening

Berbagi :