際際滷

際際滷Share a Scribd company logo
KD. 3.3
MENERAPKAN TEKNIK
ANIMASI TWEENING
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.
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.
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.
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.
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.
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
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)
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)
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)
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
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)

More Related Content

KD. 3.3.pptx

  • 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)