Teknik Animasi

2d dan 3D
Materi Animasi Tweening

XI Multimedia
Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa diharapkan dapat :

1. Setelah mempelajari materi ini siswa akan dapat menjelaskan pengertian teknik animasi tweening.

2. Setelah menggali informasi, siswa akan dapat menjelaskan macam-macam animasi tweening.

3. Setelah memahami tahapan –tahapan pembuatan animasi menggunakan teknik animasi tweening

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

 Indikator Pencapaian
Kompetensi

Kompetensi Dasar 3.9.1 Menjelaskan pengertian tweening

3.9.2 Menjelaskan macam macam teknik
Tweening
3.9.1 Memahami teknik animasi tweening
4.9.1 Membuat animasi menggunakan
4.9.2 Membuat animasi 2 dimensi teknik tweening
menggunakan teknik tweening

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

Animasi Tween
Pengertian Tweening

• Tweening adalah proses membuat sebuah animasi pergerakan dengan cara memberikan
perubahan pada bentuk atau posisi objek dengan menentukan keyframe awal dan akhir
sehingga dapat terbentuk frame-frame baru. Fungsi utama tweening adalah untuk
menggerakkan objek dari satu titik ke titik lainnya.

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

Animasi Motion Tween
Pengertian MotionTweening

Animasi motion tween digunakan apabila kita ingin membuat gerakan animasi yang teratur. Animasi ini
sangat mengurangi waktu karena kita tidak perlu membuat animasi secara frame per frame. Sebaliknya
hanya membuat frame awal dan frame akhir saja. Dua alasan utama mengapa Animasi motion tween
sangat baik yaitu karena mengurangi pekerjaan mengambar dan meminimalkan ukuran file karena isi dari
setiap frame tidak perlu disimpan.

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

Animasi Shape Tween
Pengertian shapeTweening

Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween objek yang
dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan
motion Tween.
Shape tweening biasa digunakan untuk membuat animasi perubahan bentuk. Sebagai contoh di dalam frame
awal terdapat obyek bintang, kemudian di dalam frame akhir terdapat obyek bulan sabit

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

 Contoh Animasi Tweening

Animasi Motion Tween Animasi Shape Tween

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

 Prinsip kerja dari
animasi motion tween
Prinsip kerja dari animasi motion tween
Cara Kerja Animasi adalah membuat objek pada frame pertama
Tweening dan terakhir saja, sedangkan frame-frame
diantaranya akan dibuat secara otomatis.
Cara kerja tweening adalah dengan cara Objek yang dapat diaplikasikan dalam
menentukan dua poin keadaan pada objek motion tween adalah objek instance
awal dan akhir, sedangkan macromedia flash (simbol), group dan teks. Animasi motion
membuat rangkaian gerakan diantaranya. tween biasa digunakan untuk membuat
Animasi yang dihasilkan menggunakan animasi objek bergerak, berputar, dan
metode ini adalah gerakan yang halus, mengubah ukuran (skala).
perubahan letak, ukuran, rotasi, bentuk 8

maupun warna.
Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202
I. Langkah-langkah membuat animasi motion
tweening sederhana :

1. Buka halaman baru File > New > File Flash > OK
2. Pada menu Propeties tentukan size atau ukuran stage 550 x 200 pixel,
warna Background Putih dan jumlah Frame per detik 12.
3. Ubahlah nama untuk Layer 1 dengan nama layer “Bola”.
4. Seleksi frame 1 pada layer Bola

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

5. Dengan menggunakan Oval Tool buatlah lingkaran seperti pada latihan
animasi frame by frame dan letakkan gambar bola di stage sebelah kiri.

10

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

6. Klik kanan frame 8 layer Bola dan pilih Insert Keyframe

11

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/2020

7. Drag gambar bola yang berada di frame 8, geser ke sebelah kanan stage.

12

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

8. Klik kanan di antara frame 1 dan 8, pilih Create Motion Tween

13

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

9. Keadaan frame setelah ditambah Motion Tween

14

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

10. Cek hasil Movie dengan menekan Ctrl + Enter

15

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

II. Langkah-langkah membuat animasi Shape
tweening sederhana :

1. Buka halaman baru File > New > File Flash > OK
2. Pada menu Propeties tentukan size atau ukuran stage 550 x 400 pixel,
warna Background Putih dan jumlah Frame per detik 12.

16

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

3. Buat sebuah objek… contohnya lingkaran

17

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

4. klik kanan pada frame 15 dan pilih insert keyframe

18

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

5. Buat objek kedua yang berbeda bentuk … contohnya seperti bintang

19

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

6. Pada salah satu frame antara frame 1 dan 15 anda klik kemudian pada menu
properties jadikan Tween dari none menjadi shape

20

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

7. Kemudian klik kanan lagi pada frame 30 dan insert keyframe

21

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

8. Buat objek yang berbeda bentuk lagi pada frame 30 contohnya persegi panjang

22

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

9. Sama seperti sebelumnya klik salah satu frame antara frame 15 dan 30 kemudian
ubah Tween menjadi shape

23

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

10. Hapus objek lingkaran yang ada
pada frame 15… dan hapus
juga objek bintang dan lingkaran
pada frame 30
11. Setelah jadi tes animasinya
dengan menekan Ctrl+Enter
pada keyboard


24

Play gambar disamping ini

Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202

Silahkan Kerjakan Soal Animasi 2D3D melaui
berikut ini
Atau
Link yang dikirim melaui WhatsApp :
Link Soal Materi Animasi Tweening :
http://gg.gg/Soal-1-HL-Animasi2D3D
25
Petunjuk Mengerjakan Soal :
1. Klik Link Soal yang diberikan
2. Pilih dan klik nama dan kelas kelas
kalian
3. Jawablah terlebih dahulu soal yang
kamu anggap mudah
4. Kirimkan/submit hasil jawaban kalia
5. Selamat mengerjakan, semoga terjawab
semua dengan benar
Nurdin/ Animasi 2D&3D/ Dasar Tweening/SMK Bina Putra/202
SELAMAT MENGERJAKAN