Teknik animasi tweening dapat digunakan untuk menggerakkan objek dari satu titik ke titik lain secara otomatis dengan menentukan frame awal dan akhir. Terdapat beberapa jenis tweening seperti motion, shape, guide, dan tint tweening yang dapat digunakan untuk memberikan efek gerak dan perubahan pada objek. Masking berguna untuk menutupi sebagian objek di bawahnya sehingga hanya bagian tertentu saja yang terli

1. KD. 3.3
MENERAPKAN TEKNIK
ANIMASI TWEENING

2. A. PENGENALAN TEKNIK TWEENING
1. PENGERTIAN TWEENING
Tweening adalah membuat sebuah animasi pergerakan dengan cara
memberikan perubahan pada bentuk atau posisi objek dengan
menentukan keyframe awal dan keyframe akhir sehingga dapat
terbentuk frame – frame di antaranya secara otomatis.
Fungsi tweening :
Menggerakkan objek dari satu titik ke titik lainnya.
Teknik animasi ini sangat menghemat waktu karena kita tidak perlu
membuat animasi secara frame per frame dan teknik ini meminimalkan
ukuran file karena isi dari setiap frame tidak perlu disimpan.

3. Untuk dapat menggunakan teknik animasi tweening, kita perlu
mengenal panel timeline pada Macromedia Flash. Panel timeline pada
Flash terdiri dari :
A. Layer
Tumpukan lembaran yang transparan. Objek pada layer yang berada
di atas akan menutupi objek layer yang berada di bawahnya. Fungsi
layer adalah pengaturan kerja, animasi, serta elemen lainnya.
B. Frame
 Satuan terkecil dalam video / animasi yang mewakili 1 gambar.
Frame ditandai dengan kotak putih dengan garis hitam. Makin
banyak frame yang digunakan maka semakin lama objek akan
dianimasikan.

4. MENGENAL LAYER
Layer digambarkan seperti tumpukan lembaran yang transparan. Layer
yang paling atas akan menutupi objek layer yang dibawahnya.
Kegunaan layer :
Untuk pengaturan kerja , animasi, dan elemen lainnya, jadi kita bisa
memakai layer yang berbeda antara file suara, objek, action, dll
Mempermudah dalam menggambar atau mengedit suatu objek
tanpa mempengaruhi objek yang ada di layer lain.
Agar bias menemukan objek dengan cepat dan mudah ketika akan
mengedit objek tersebut.
Dapat membuat banyak objek dengan animasi yang berbeda antara
satu dengan lainnya.

5. Beberapa macam mode layer :
1. Mode aktif
Ditandai dengan gambar pensil, menunjukkan layer ini sedang aktif dan siap
mengerjakan suatu objek pada layer tersebut.
2. Mode normal
Mode yang bisa dilihat dan diedit ketika mode ini menjadi mode aktif
3. Mode terkunci
Ditandai dengan gambar gembok kecil yang terkunci, dimana pada mode ini
kita hanya bias melihat objek tanpa bias mengeditnya.
4. Mode tersembunyi
Ditandai dengan tanda x, dimana kita tidak dapat melihat objek pada layer.
Mode ini diperlukan untuk lebih leluasa mengedit objek pada layer lain.
5. Mode outline
 Ditandai dengan kotak tanpa warna, tidak menampilkan objek secara
keseluruhan, hanya garis luarnya saja yang terlihat.

6. MENGENAL FRAME
Berikut adalah jenis – jenis dari frame :
1. Single keyframe
kotak-kotak yang berurutan pada timeline. Pada single keyframe inilah
sebuah objek akan dibuat.
2. Keyframe
Frame kunci yang berisi satu atau beberapa objek. Apabila kita
menambahkan 5 keyframe dan salah satu keyframe tersebut diubah
gambarnya, maka tidak akan mempengaruhi gambar di keyframe
lainnya. Keyframe ditandai bulatan berwarna hitam.
3. Blank keyframe
 Frame kunci kosong atau frame yang tidak berisi objek. Blank
keyframe berfungsi untuk suatu scene atau kondisi di mana animasi
tersebut tidak memerlukan suatu gambar atau objek. Misalnya kondisi
dimana objek tersebut hilang.

7. 2. JENIS TEKNIK ANIMASI TWEENING
A. MOTION TWEENING
Motion tween digunakan untuk memberikan animasi berupa mengubah
posisi objek, mengubah ukuran objek dari kecil menjadi besar atau
sebaliknya atau bias juga objek yang kelihatan menghilang dan sebagainya.
Agar objek dapat dianimasikan dengan motion tween, objek harus
dikonversi dulu menjadi symbol.
Latihan motion tween :
1) Klik layer 1 frame 1  buatlah bintang  klik polystar tool  di
properties bawah klik option style  pilih star  ok
2) Setelah itu gambar bintangnya di bagian kiri stage
3) Seleksi bintangnya dengan selection tool, kemudian klik kanan 
convert to symbol  type graphic  ok
4) Pada frame 20 klik kanan  insert keyframe  pindahkan posisi
bintangnya ke kanan stage
5) Di antara frame 1 atau antara frame dan 20 klik kanan  create motion
tween
6) Untuk memainkantekan ctrl + enter
7) Jika ingin bintangnya bergerak ke kanan sambal berputar  di
properties bawah pilih rotate CW  tekan ctrl + enter

8. B. SHAPE TWEENING
Teknik tweening yang digunakan untuk memberikan animasi berupa
perubahan bentuk dari suatu objek ke objek lain. Untuk dapat
menggunakan shape tween, objek yang dianimasikan harus berjenis
shape.
Latihan shape tween :
1. Buka file baru (ctrl+n)
2. Pada frame 1 buat objek lingkaran dengan oval tool di sebelah kiri
stage
3. Pada frame 20 klik insert keyframe  objek lingkaran yang ada
didelete  setelah keyframenya kosong, buat objek persegi dan
letakkan di sebelah kanan stage
4. Klik di frame 1  pilih di panel properties jenis motionnya shape
5. Test movie (ctrl + enter)

9. C. MOTION GUIDE TWEENING
Animasi yang mempunyai gerakan sesuai dengan jalur yang dibuat. Animasi ini cocok
digunakan untuk jenis animasi yang membutuhkan ketelitian dalam pergerakan yang
dikehendaki.
Latihan Motion Guide Tweening :
1. Buka file baru, pilih oval tool pada toolbox  buat objek lingkaran pada bagian kiri
atas stage  beri warna fill objek
2. Pada frame 40 klik kanan  pilih insert keyframe
3. Klik kanan pada layer 1  pilih add motion guide, maka akan muncullayer baru yaitu
layer guide.
4. Pada frame 1 di layer guide buat garis atau pola dengan pencil tool sesuka hati,
jangan sampai terputus garisnya.
5. Klik layer 1 frame 1  pindahkan objek menggunakan free transform tool 
gabungkan titik tengah objek dengan ujung garis pertama
6. Pada frame 40 masih di layer 1  pindahkan objek dengan menggunakan free
transform tool  gabungkan titik tengah objek dengan ujung garis kedua
7. Pada layer 1 antara frame 1 dan 40, misalkan frame 20 klik kanan  pilih create
motion tween
8. Test movie (ctrl + enter)

10. D. TINT TWEENING
Berfungsi mengubah warna suatu objek atau teks menjadi warna lain.
Latihan Tint Tweening :
1. Buatlah tulisan bebas seperti multimedia dengan menggunakan text tool
2. Klik selection tool untuk memilih tulisan tersebut  di properties atur
ukurannya menjadi 30 dengan warna hitam
3. Ubah tulisan menjadi symbol seperti di motion tween
4. Klik kanan di frame 10  pilih insert keyframe  lakukan hal yang sama
pada frame 20
5. Di frame 1 klik kanan  pilih create motion tween
6. Di frame 20 klik kanan  pilih create motion tween
7. Di frame 10 klik objek tulisan  lihat panel properties  pilih color : tint
8. Test movie (ctrl + enter)

11. MASKING
Adalah animasi yang menutup atau menyembunyikan suatu objek
dengan objek lain, sehingga objek yang menutupi terlihat transparan
dan menyatu dengan objek yang ditutupi.
Masking menampilkan bidang yang tertutup dan menyembunyikan
bidang yang terbuka. Animasi masking bisa terjadi karena
penuumpukan dua buah objek yang dibuat dalam layer berbeda, layer
utama ditutup oleh layer lain dengan bantuan masking, sehingga
objek utamanya hanya terlihat seukuran objek penutup yang
dijadikan masking

12. Latihan masking :
1. Buka dokumen baru  buat tulisan animasi masking dengan text
tool  atur ketebalan, jenis font, dan warnanya
2. Klik frame 15  pilih insert keyframe
3. Buat layer baru sehingga ada dua layer dalam timeline
4. Klik layer 2  buat objek lingkaran di sebelah kiri tulisan
5. Klik frame 20 di layer 2  insert keyframe  pindahkan objek
lingkaran di sebelah kanan tulisan
6. Antara frame 1 dan 20 klik kanan  create motion tween
7. Klik kanan pada layer 2  pilih mask
8. Test movie (ctrl + enter)