SlideShare a Scribd company logo
1 of 12
Download to read offline
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

Similar to Menerapkan Teknik Animasi Tweening

Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Nina Safitri
 
Kd 3.3 memahami teknik animasi tweening
Kd 3.3 memahami teknik animasi tweeningKd 3.3 memahami teknik animasi tweening
Kd 3.3 memahami teknik animasi tweeningVeny Galapagos
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashAyas Tincem
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flashAhmad Bashir
 
Animasi pesawat11
Animasi pesawat11Animasi pesawat11
Animasi pesawat11DoniPuncuna
 
animasi KD.2 Animasi Motion Tween.pptx
animasi KD.2 Animasi Motion Tween.pptxanimasi KD.2 Animasi Motion Tween.pptx
animasi KD.2 Animasi Motion Tween.pptxGilangLovianindra
 
Adobe flash cs5 profesional
Adobe flash cs5 profesionalAdobe flash cs5 profesional
Adobe flash cs5 profesionalSlamet Ariyanto
 
Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8Deka M Wildan
 
Modul adobe flash_cs.5
Modul adobe flash_cs.5Modul adobe flash_cs.5
Modul adobe flash_cs.5Hamri F
 
Power point maksud animasi
Power point maksud animasiPower point maksud animasi
Power point maksud animasiAnirah Sulaiman
 
Makalah Design Grafis
Makalah Design Grafis Makalah Design Grafis
Makalah Design Grafis agusdeta
 
Adobe flash csxx
Adobe flash csxxAdobe flash csxx
Adobe flash csxxIGede Asta
 
T3 curve modelling kelompok 1
T3 curve modelling kelompok 1T3 curve modelling kelompok 1
T3 curve modelling kelompok 1Arif Rahman
 

Similar to Menerapkan Teknik Animasi Tweening (20)

Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1
 
Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4
 
Kd 3.3 memahami teknik animasi tweening
Kd 3.3 memahami teknik animasi tweeningKd 3.3 memahami teknik animasi tweening
Kd 3.3 memahami teknik animasi tweening
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flash
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash
 
Modul2
Modul2Modul2
Modul2
 
Animasi pesawat11
Animasi pesawat11Animasi pesawat11
Animasi pesawat11
 
MATERI_FLASH_XI
MATERI_FLASH_XIMATERI_FLASH_XI
MATERI_FLASH_XI
 
animasi KD.2 Animasi Motion Tween.pptx
animasi KD.2 Animasi Motion Tween.pptxanimasi KD.2 Animasi Motion Tween.pptx
animasi KD.2 Animasi Motion Tween.pptx
 
Animasi Dasar
Animasi DasarAnimasi Dasar
Animasi Dasar
 
Animasi 2D dan 3D KD : Menerapkan teknik animasi tweening 2 d
Animasi 2D dan 3D KD : Menerapkan teknik animasi tweening 2 dAnimasi 2D dan 3D KD : Menerapkan teknik animasi tweening 2 d
Animasi 2D dan 3D KD : Menerapkan teknik animasi tweening 2 d
 
Im
ImIm
Im
 
Adobe flash cs5 profesional
Adobe flash cs5 profesionalAdobe flash cs5 profesional
Adobe flash cs5 profesional
 
Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8
 
Modul adobe flash_cs.5
Modul adobe flash_cs.5Modul adobe flash_cs.5
Modul adobe flash_cs.5
 
Power point maksud animasi
Power point maksud animasiPower point maksud animasi
Power point maksud animasi
 
Laporan praktikum multimedia 5 5
Laporan praktikum multimedia 5 5Laporan praktikum multimedia 5 5
Laporan praktikum multimedia 5 5
 
Makalah Design Grafis
Makalah Design Grafis Makalah Design Grafis
Makalah Design Grafis
 
Adobe flash csxx
Adobe flash csxxAdobe flash csxx
Adobe flash csxx
 
T3 curve modelling kelompok 1
T3 curve modelling kelompok 1T3 curve modelling kelompok 1
T3 curve modelling kelompok 1
 

Recently uploaded

hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptxhentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptxKalpanaMoorthy3
 
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Kanaidi ken
 
Elemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxElemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxGyaCahyaPratiwi
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfHeriyantoHeriyanto44
 
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfJaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfHendroGunawan8
 
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptxUNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptxFranxisca Kurniawati
 
bahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxbahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxvincentptk17
 
Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3SatriaPamungkas18
 
Gandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxGandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxHansTobing
 
KISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxKISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxjohan effendi
 
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal FaizinKanaidi ken
 
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxMATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxwulandaritirsa
 
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptxCERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptxpolianariama40
 
Estetika Humanisme Diskusi Video Sesi Ke-1.pdf
Estetika Humanisme Diskusi Video Sesi Ke-1.pdfEstetika Humanisme Diskusi Video Sesi Ke-1.pdf
Estetika Humanisme Diskusi Video Sesi Ke-1.pdfHendroGunawan8
 
Materi B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxMateri B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxafkarzidan98
 
704747337-Ppt-materi-Presentasi-Program-Kerja-Organisasi-kangguru.pptx
704747337-Ppt-materi-Presentasi-Program-Kerja-Organisasi-kangguru.pptx704747337-Ppt-materi-Presentasi-Program-Kerja-Organisasi-kangguru.pptx
704747337-Ppt-materi-Presentasi-Program-Kerja-Organisasi-kangguru.pptxHalomoanHutajulu3
 
Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxAksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxdonny761155
 
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWPOKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWKafe Buku Pak Aw
 
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf
 
(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaruSilvanaAyu
 

Recently uploaded (20)

hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptxhentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
 
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
 
Elemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxElemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptx
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
 
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfJaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
 
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptxUNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
 
bahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxbahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptx
 
Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3
 
Gandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxGandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptx
 
KISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxKISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docx
 
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
 
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxMATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
 
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptxCERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
 
Estetika Humanisme Diskusi Video Sesi Ke-1.pdf
Estetika Humanisme Diskusi Video Sesi Ke-1.pdfEstetika Humanisme Diskusi Video Sesi Ke-1.pdf
Estetika Humanisme Diskusi Video Sesi Ke-1.pdf
 
Materi B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxMateri B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptx
 
704747337-Ppt-materi-Presentasi-Program-Kerja-Organisasi-kangguru.pptx
704747337-Ppt-materi-Presentasi-Program-Kerja-Organisasi-kangguru.pptx704747337-Ppt-materi-Presentasi-Program-Kerja-Organisasi-kangguru.pptx
704747337-Ppt-materi-Presentasi-Program-Kerja-Organisasi-kangguru.pptx
 
Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxAksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
 
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWPOKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
 
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
 
(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru
 

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)