Halo,teman teman!

Kenalandulu.com

Animasi 2D Frame by Frame

Nama Anggota

Ilham Maulana Yusuf

Bagas Dwi Permana

Frame by Frame

Pendahuluan.com

Frame by
Frame

Pengertian Animasi Frame by Frame 5 Teknik dasar

Ada beberapa istilah dalam pembuatan animasi, diantaranya adalah :
Frame animasi Flash
Keyframe
BlankKeyFrame
Frame by
Frame

Teknik dan Cara pembuatan animasi Masking Shape

Frame by Frame
Berikut adalah salah satu cara pembuatan animasi frame by frame..
Motion Motion
Guide Tween
Pengertian

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Frame by
Frame

“Animasi
Frame by Frame”
adalah animasi yang menampilkan objek
pada tiap Frame secara berurutan.
 Pengertian

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Frame by
Frame

ISTILAH DALAM PEMBUATAN ANIMASI :

Frame dapat diumpamakan seperti film, yaitu film merupakan kumpulan gambar yang
dimainkan secara berurutan dengan kecepatan tertentu, sehingga gambar tersebut
terlihat bergerak.
Keyframe adalah frame dimana kalian menentukan perubahan pada tombol atau
animasi.

BlankKeyframe artinya kita mempersiapkan frame kosong untuk diisi objek baru,  dan
apabila kita menggambar objek,  blank keyframe tersebut sudah berisi objek.
Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

Membuat “Animasi
Frame by Frame”
Berikut langkah mudah dan sederhana
sekali dalam membuat animasi ini.
 Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

1. Bukalah Aplikasi flash. Bebas versi apapun

2. Buat dokumen baru,pilih dokumen dengan AS (Action Script) sesuai keinginan kalian
 Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

3. Sekarang, buatlah lingkaran dengan oval tool dan berikan warna sesuka kalian.
Perhatikan animasi berikut.
 Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

4. Langkah berikutnya, buat keyframe baru di sebelah keyframe kedua pada Layer 1.
Klik kanan di frame kedua > pilih Insert keyframe seperti tampilan berikut.
 Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

5. Ubah warna lingkaran pada keyframe kedua dan pastikan berbeda dengan warna
pada keyframe pertama tadi.
 Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

6. Buatlah beberapa keyframe dengan pergantian warna lingkaran seperti sebelumnya

sampai sekitar lima keyframe.
 Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

7. Untuk memainkan animasi, tekan Ctrl + Enter secara bersamaan dari keyboard
kalian.
 Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

Berikut contoh animasi Frame by Frame lainnya

 Teknik & Cara

Animasi2D/FramebyFrame/Ilham/Bagas/XIMM3

Pembuat Frame by

an
Frame

Berikut contoh animasi Frame by Frame lainnya

Teknik & Cara

Penutupan.com

Terimaka
sih