SlideShare a Scribd company logo
1 of 6
Download to read offline
MULTIMEDIA SMK NEGERI 1 PUNGGING
MOJOKERTO
PROV. J A W A T I M U R
SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR
A. PENGERTIAN TWEEN ANIMATION
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. motion
tween digunakan apabila kita ingin membuat gerakan animasi yang teratur.
Animasi ini dapat mengurangi waktu karena kita tidak perlu membuat animasi
secara frame per frame. Sebaliknya hanya membuat frame awal dan frame akhir.
Prinsip kerja dari animasi motion tween adalah membuat objek pada frame
pertama dan terakhir saja, sedangkan frame-frame diantaranya akan dibuat secara
otomatis. Objek yang dapat diaplikasikan dalam motion tween adalah objek instance
(simbol), group dan teks. Animasi motion tween biasa digunakan untuk membuat
animasi objek bergerak, berputar, dan mengubah ukuran (skala). Satuan ukuran
tween disebut dengan fps (frame per second).
MULTIMEDIA SMK NEGERI 1 PUNGGING
MOJOKERTO
PROV. J A W A T I M U R
SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR
Dalam menggerakkan animasi berupa obyek yang bergerak , langkah tercepat
yang dapat dilakukan adalah dengan menggunakan Motion Tween. Dengan
menggunakan Motion Tween, kita hanya menentukan posisi pertama dan posisi
terkahir obyek.
B. FRAME ANIMATION.
Frame merupakan satuan terkecil dalam video. Pada program Adobe flash,
frame dimisalkan seperti kertas hvs yang telah digambar, dan contoh apabila
framenya kita perpanjang sebanyak 5 frame, maka diumpamakan seperti 5 kertas
hvs dengan gambar yang sama. Apabila kita mengubah gambar salah satu frame,
maka frame yang lain akan mengikuti perubahan gambar tersebut karena frame
tidak dapat berdiri sendiri.
Teknik ini menggunakan prinsip frame to frame seperti animasi 2 dimensi.
Pengerjaannya sama dengan animasi pada umumnya yaitu mengatur frame per
frame gambar. Namun yang membedakan disini adalah cara menghidupkan
animatenya.
MULTIMEDIA SMK NEGERI 1 PUNGGING
MOJOKERTO
PROV. J A W A T I M U R
SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR
C. MENGENAL LAYER, FRAME, KEYFRAME DAN BLANK KEYFRAME
a) Layer adalah tumpukan objek yang kita kerjakan. Layer memberikan kemudahan
untuk mengedit dan mengontrol objyek. Layer pada Aplikasi pengolah animasi
tidak jauh berbeda dengan layer pada adobe Photoshop.
b) Frame adalah komponen pada jendela kerja aplikasi pengolah animasi yang
berfungsi untuk menentukan durasi animasi dari sebuah objek. Semakin banyak
frame, semakin lama objek akan dimainkan/dianimasikan. Frame ditandai
dengan kotak putih dengan garis hitam.
Frame per second disingkat FPS adalah jumlah frame yang dimaikan setiap detik.
c) Keyframe adalah frame kunci. Keyframe bertugas untuk menentukan kapan
sebuah objek akan tampil pada sebuah animasi. Keyframe dapat beris sebuah
objek atau lebih. Keyframe ditandai dengan bulatan berwarna hitam. Keyframe
yang tidak berisi objek apapun disebut Blank keyframe.
d) Blank keyframe adalah sebuah frame kunci kosong. Blank keyframe berfungsi
untuk menempatkan sebuah objek atau lebih pada frame, sebab tanpa
keyframe/blank keyframe, frame tidak bisa diisi dengan oebjek.Blank keyframe
ditandai dengan linkaran berwarna putih dengan garis berwarna hitam.
MULTIMEDIA SMK NEGERI 1 PUNGGING
MOJOKERTO
PROV. J A W A T I M U R
SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR
D. JENIS TWEENING ANIMASI.
a) Shape Tween, adalah perubahan bentuk dari suatu objek ke objek lain. Objek
yang dianimasikan harus berjenis Shape. Sebagai contoh di dalam frame awal
terdapat obyek bintang, kemudian di dalam frame akhir terdapat obyek
lingkaran. Dengan menggunakan shape tweening, program akan menganimasi
dan menentukan transisi perubahan bentuk dari bintang menjadi lingkaran
secara otomatis.
b) Motion Tween, yaitu animasi dengan menggunakan dua buah keyframe dengan
menggerakkan 1 objek dari titik satu ke titik lain, tanpa mengalami perubahan
bentuk.
MULTIMEDIA SMK NEGERI 1 PUNGGING
MOJOKERTO
PROV. J A W A T I M U R
SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR
c) Tween Guide, Animasi motion guide adalah animasi yang mempunyai gerakan
sesuai dengan jalur yang kita buat. Animasi ini merupakan lanjutan dari animasi
motion tween. Contoh animasi tween guide adalah kendaraan yang mengikuti
alur jalan.
d) Frame by Frame, Animasi frame by frame adalah animasi yang pembuatannya
hanya dengan menggunakan berbagai frame dalam satu layer ataupun antar
layer. Lama tidaknya sebuah animasi dijalankan sangat bergantung dari
jumlah frame. Pembuatan animasi frame by frame lebih membutuhkan
waktu yang lama. Hal itu disebabkan karena terlalu banyak objek yang
harus ditempatkan pada frame yang berbeda.
MULTIMEDIA SMK NEGERI 1 PUNGGING
MOJOKERTO
PROV. J A W A T I M U R
SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR
e) Masking Tweening, Masking adalah animasi yang menyembunyikan atau
menutupi suatu objek dengan objek lain, sehinga objek yang menutupi terlihat
transparan dan menyatu dengan objek yang ditutupi. Mask artinya adalah
penutup mempunyai fungsi sesuai dengan namanya yaitu untuk menutupi suatu
layer. Mask dapat diterapkan kepada suatu layer dan layer yang sudah dikenai
mask bisa berfungsi untuk menutupi layer dibawahnya. Prinsip kerja dari
Animasi Mask adalah menampilkan bidang yang tertutup dan menyenbunyikan
bidang yang terbuka.

More Related Content

What's hot

Silabus produktif animasi
Silabus produktif animasiSilabus produktif animasi
Silabus produktif animasi
joe riyanto
 

What's hot (20)

Desain grafis percetakan menganalisis pemberian efek pada gambar vektor
Desain grafis percetakan menganalisis pemberian efek pada gambar vektorDesain grafis percetakan menganalisis pemberian efek pada gambar vektor
Desain grafis percetakan menganalisis pemberian efek pada gambar vektor
 
Animasi 2D dan 3D KD: Menggambarkan konsep dasar object 3 d dalam sketsa ran...
Animasi 2D dan 3D  KD: Menggambarkan konsep dasar object 3 d dalam sketsa ran...Animasi 2D dan 3D  KD: Menggambarkan konsep dasar object 3 d dalam sketsa ran...
Animasi 2D dan 3D KD: Menggambarkan konsep dasar object 3 d dalam sketsa ran...
 
Animasi 2D dan 3D KD: Memahami teknik rendering pada object 3d
Animasi 2D dan 3D KD: Memahami teknik rendering pada object 3dAnimasi 2D dan 3D KD: Memahami teknik rendering pada object 3d
Animasi 2D dan 3D KD: Memahami teknik rendering pada object 3d
 
Soal HOTS Animasi 2D 3D
Soal HOTS Animasi 2D 3DSoal HOTS Animasi 2D 3D
Soal HOTS Animasi 2D 3D
 
PRINSIP PRINSIP ANIMASI 2 DIMENSI
PRINSIP PRINSIP ANIMASI 2 DIMENSIPRINSIP PRINSIP ANIMASI 2 DIMENSI
PRINSIP PRINSIP ANIMASI 2 DIMENSI
 
LKPD Animasi 2D 3D
LKPD Animasi 2D 3DLKPD Animasi 2D 3D
LKPD Animasi 2D 3D
 
A n i m a s i
A n i m a s iA n i m a s i
A n i m a s i
 
3D Animation Process and Workflow
3D Animation Process and Workflow3D Animation Process and Workflow
3D Animation Process and Workflow
 
ANMASI DIGITAL PUPPETER
ANMASI DIGITAL PUPPETERANMASI DIGITAL PUPPETER
ANMASI DIGITAL PUPPETER
 
Desain grafis percetakan menerapkan prinsip gambar bentuk dan perspektif
Desain grafis percetakan menerapkan prinsip gambar bentuk dan perspektifDesain grafis percetakan menerapkan prinsip gambar bentuk dan perspektif
Desain grafis percetakan menerapkan prinsip gambar bentuk dan perspektif
 
Animasi 3d kd 1
Animasi 3d kd 1Animasi 3d kd 1
Animasi 3d kd 1
 
Animasi 2D dan 3D KD : Memahami material pada object 3 d
Animasi 2D dan 3D KD : Memahami material pada object 3 dAnimasi 2D dan 3D KD : Memahami material pada object 3 d
Animasi 2D dan 3D KD : Memahami material pada object 3 d
 
Membuat animasi 2 d dengan adobe flash animasi dasar
Membuat animasi 2 d dengan adobe flash animasi dasarMembuat animasi 2 d dengan adobe flash animasi dasar
Membuat animasi 2 d dengan adobe flash animasi dasar
 
RPP ANIMASI 2D 3D Kd 3.10
RPP ANIMASI 2D 3D Kd 3.10RPP ANIMASI 2D 3D Kd 3.10
RPP ANIMASI 2D 3D Kd 3.10
 
Computer animation
Computer animationComputer animation
Computer animation
 
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektorDesain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
 
Silabus produktif animasi
Silabus produktif animasiSilabus produktif animasi
Silabus produktif animasi
 
SOAL ESSAY HOTS ANIMASI 2D 3D SEMESTER 2
SOAL ESSAY HOTS ANIMASI 2D 3D SEMESTER 2SOAL ESSAY HOTS ANIMASI 2D 3D SEMESTER 2
SOAL ESSAY HOTS ANIMASI 2D 3D SEMESTER 2
 
Proses animasi 3 d
Proses animasi 3 dProses animasi 3 d
Proses animasi 3 d
 
Pengolahan audio video prosedur pengoperasian kamera video
Pengolahan audio video prosedur pengoperasian kamera videoPengolahan audio video prosedur pengoperasian kamera video
Pengolahan audio video prosedur pengoperasian kamera video
 

Similar to Animasi 2D dan 3D KD : Menerapkan teknik animasi tweening 2 d

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
Nina Safitri
 
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
Nina Safitri
 

Similar to Animasi 2D dan 3D KD : Menerapkan teknik animasi tweening 2 d (20)

9._Menerapkan_Teknik_produksi_animasi_2D.pdf
9._Menerapkan_Teknik_produksi_animasi_2D.pdf9._Menerapkan_Teknik_produksi_animasi_2D.pdf
9._Menerapkan_Teknik_produksi_animasi_2D.pdf
 
5._Menganalisis_Elemen_gambar_digital_puppeter_dalam_animasi_2D.pdf
5._Menganalisis_Elemen_gambar_digital_puppeter_dalam_animasi_2D.pdf5._Menganalisis_Elemen_gambar_digital_puppeter_dalam_animasi_2D.pdf
5._Menganalisis_Elemen_gambar_digital_puppeter_dalam_animasi_2D.pdf
 
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
 
05. animation
05. animation05. animation
05. animation
 
Animasi 2 d dan 3d menerapkan animasi tweening 2d
Animasi 2 d dan 3d menerapkan animasi tweening 2dAnimasi 2 d dan 3d menerapkan animasi tweening 2d
Animasi 2 d dan 3d menerapkan animasi tweening 2d
 
3._ANIMASI_2D_dan_3D_Menerapkan_animasi_tweening_2D.pdf
3._ANIMASI_2D_dan_3D_Menerapkan_animasi_tweening_2D.pdf3._ANIMASI_2D_dan_3D_Menerapkan_animasi_tweening_2D.pdf
3._ANIMASI_2D_dan_3D_Menerapkan_animasi_tweening_2D.pdf
 
Pertemuan 9 (Animasi)
Pertemuan 9 (Animasi)Pertemuan 9 (Animasi)
Pertemuan 9 (Animasi)
 
Pembuatan animasi dasar_pert1
Pembuatan animasi dasar_pert1Pembuatan animasi dasar_pert1
Pembuatan animasi dasar_pert1
 
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 FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
 
6._Menerapkan_Gerak_Digital_Puppetter_Pada_Animasi_2D.pdf
6._Menerapkan_Gerak_Digital_Puppetter_Pada_Animasi_2D.pdf6._Menerapkan_Gerak_Digital_Puppetter_Pada_Animasi_2D.pdf
6._Menerapkan_Gerak_Digital_Puppetter_Pada_Animasi_2D.pdf
 
Memahami Prosedur Kerja Animasi 3D.pptx
Memahami Prosedur Kerja Animasi 3D.pptxMemahami Prosedur Kerja Animasi 3D.pptx
Memahami Prosedur Kerja Animasi 3D.pptx
 
47007555 modul-animasi-multimediaa
47007555 modul-animasi-multimediaa47007555 modul-animasi-multimediaa
47007555 modul-animasi-multimediaa
 
Gambar clean up dan sisip
Gambar clean up dan sisipGambar clean up dan sisip
Gambar clean up dan sisip
 
Animasi
AnimasiAnimasi
Animasi
 
Modul 5 animasi
Modul 5 animasiModul 5 animasi
Modul 5 animasi
 
TEKNIK ANIMASI TWEENING
TEKNIK ANIMASI TWEENING TEKNIK ANIMASI TWEENING
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-script1
 
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
 
PUPPETER.pptx
PUPPETER.pptxPUPPETER.pptx
PUPPETER.pptx
 

More from MULTIMEDIA 'n BROADCASTING SMKN 1 PUNGGING MOJOKERTO

More from MULTIMEDIA 'n BROADCASTING SMKN 1 PUNGGING MOJOKERTO (20)

KD Mendiskusikan format gambar
KD Mendiskusikan format gambarKD Mendiskusikan format gambar
KD Mendiskusikan format gambar
 
Menerapkan tata cahaya dalam pengambilan gambar
Menerapkan tata cahaya dalam pengambilan gambarMenerapkan tata cahaya dalam pengambilan gambar
Menerapkan tata cahaya dalam pengambilan gambar
 
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
 
Menerapkan struktur kontrol percabangan dalam bahasa pemrograman
Menerapkan struktur kontrol percabangan dalam bahasa pemrogramanMenerapkan struktur kontrol percabangan dalam bahasa pemrograman
Menerapkan struktur kontrol percabangan dalam bahasa pemrograman
 
Menerapkan struktur kontrol perulangan dalam bahasa pemrograman.
Menerapkan struktur kontrol perulangan dalam bahasa pemrograman.Menerapkan struktur kontrol perulangan dalam bahasa pemrograman.
Menerapkan struktur kontrol perulangan dalam bahasa pemrograman.
 
PEMROGRAMAN DASAR KD. Menganalisis penggunaan array untuk penyimpanan data di...
PEMROGRAMAN DASAR KD. Menganalisis penggunaan array untuk penyimpanan data di...PEMROGRAMAN DASAR KD. Menganalisis penggunaan array untuk penyimpanan data di...
PEMROGRAMAN DASAR KD. Menganalisis penggunaan array untuk penyimpanan data di...
 
Menerapkan tipografi
Menerapkan tipografiMenerapkan tipografi
Menerapkan tipografi
 
KD. Menganalisi video sesuai naskah produksi.
KD. Menganalisi video sesuai naskah produksi.KD. Menganalisi video sesuai naskah produksi.
KD. Menganalisi video sesuai naskah produksi.
 
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
 
TEKNIK PENGOLAHAN AUDIO dan VIDEO KD Menganalisis proses pengemasan produksi ...
TEKNIK PENGOLAHAN AUDIO dan VIDEO KD Menganalisis proses pengemasan produksi ...TEKNIK PENGOLAHAN AUDIO dan VIDEO KD Menganalisis proses pengemasan produksi ...
TEKNIK PENGOLAHAN AUDIO dan VIDEO KD Menganalisis proses pengemasan produksi ...
 
Menganalisis prosedur pengukuran bidang pandang dan sudut pengambilan gambar
Menganalisis prosedur pengukuran bidang pandang dan sudut pengambilan gambarMenganalisis prosedur pengukuran bidang pandang dan sudut pengambilan gambar
Menganalisis prosedur pengukuran bidang pandang dan sudut pengambilan gambar
 
Menerapkan pengoperasian kamera digital dan perawatan peralatan fotografi
Menerapkan pengoperasian kamera digital dan perawatan peralatan fotografiMenerapkan pengoperasian kamera digital dan perawatan peralatan fotografi
Menerapkan pengoperasian kamera digital dan perawatan peralatan fotografi
 
KD Menerapkan pengalamanatan ip pada jaringan komputer
KD Menerapkan pengalamanatan ip pada jaringan komputerKD Menerapkan pengalamanatan ip pada jaringan komputer
KD Menerapkan pengalamanatan ip pada jaringan komputer
 
Menganalisis permasalahan pada instalasi software aplikasi
Menganalisis permasalahan pada instalasi software aplikasiMenganalisis permasalahan pada instalasi software aplikasi
Menganalisis permasalahan pada instalasi software aplikasi
 
KOMPUTER DAN JARINGAN DASR KD : Menganalisis permasalahan pada perangkat keras
KOMPUTER DAN JARINGAN DASR KD : Menganalisis permasalahan pada perangkat kerasKOMPUTER DAN JARINGAN DASR KD : Menganalisis permasalahan pada perangkat keras
KOMPUTER DAN JARINGAN DASR KD : Menganalisis permasalahan pada perangkat keras
 
KOMPUTER DAN JARINGAN DASR KD : Menerapkan instalasi driver perangkat keras k...
KOMPUTER DAN JARINGAN DASR KD : Menerapkan instalasi driver perangkat keras k...KOMPUTER DAN JARINGAN DASR KD : Menerapkan instalasi driver perangkat keras k...
KOMPUTER DAN JARINGAN DASR KD : Menerapkan instalasi driver perangkat keras k...
 
DESAIN MEDIA INTERAKTIF KD:Mendiskusikan fungsi dan unsur warna cmyk dan rgb
DESAIN MEDIA INTERAKTIF KD:Mendiskusikan fungsi dan unsur warna cmyk dan rgbDESAIN MEDIA INTERAKTIF KD:Mendiskusikan fungsi dan unsur warna cmyk dan rgb
DESAIN MEDIA INTERAKTIF KD:Mendiskusikan fungsi dan unsur warna cmyk dan rgb
 
KD : Memahami konsep multimedia interaktif berbasis halaman web dan media in...
KD : Memahami konsep multimedia interaktif  berbasis halaman web dan media in...KD : Memahami konsep multimedia interaktif  berbasis halaman web dan media in...
KD : Memahami konsep multimedia interaktif berbasis halaman web dan media in...
 
Desain Grafis Percetakan KD : Mengevaluasi karya fotografi
Desain Grafis Percetakan KD : Mengevaluasi karya fotografiDesain Grafis Percetakan KD : Mengevaluasi karya fotografi
Desain Grafis Percetakan KD : Mengevaluasi karya fotografi
 
KD : Menganalisis pemberian efek pada gambar bitmap
KD : Menganalisis pemberian efek pada gambar bitmapKD : Menganalisis pemberian efek pada gambar bitmap
KD : Menganalisis pemberian efek pada gambar bitmap
 

Recently uploaded

1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 20241. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
DessyArliani
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
novibernadina
 
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxKISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
DewiUmbar
 
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
JarzaniIsmail
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
nabilafarahdiba95
 

Recently uploaded (20)

DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
 
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMMPenyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
 
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.pptPenyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
 
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
 
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 20241. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
 
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
 
Prakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptxPrakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptx
 
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxKISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
 
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
 
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
 
Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024
 
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
 
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptxPPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
 
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
 
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptxPPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
 
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANTUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
 

Animasi 2D dan 3D KD : Menerapkan teknik animasi tweening 2 d

  • 1. MULTIMEDIA SMK NEGERI 1 PUNGGING MOJOKERTO PROV. J A W A T I M U R SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR A. PENGERTIAN TWEEN ANIMATION 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. motion tween digunakan apabila kita ingin membuat gerakan animasi yang teratur. Animasi ini dapat mengurangi waktu karena kita tidak perlu membuat animasi secara frame per frame. Sebaliknya hanya membuat frame awal dan frame akhir. Prinsip kerja dari animasi motion tween adalah membuat objek pada frame pertama dan terakhir saja, sedangkan frame-frame diantaranya akan dibuat secara otomatis. Objek yang dapat diaplikasikan dalam motion tween adalah objek instance (simbol), group dan teks. Animasi motion tween biasa digunakan untuk membuat animasi objek bergerak, berputar, dan mengubah ukuran (skala). Satuan ukuran tween disebut dengan fps (frame per second).
  • 2. MULTIMEDIA SMK NEGERI 1 PUNGGING MOJOKERTO PROV. J A W A T I M U R SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR Dalam menggerakkan animasi berupa obyek yang bergerak , langkah tercepat yang dapat dilakukan adalah dengan menggunakan Motion Tween. Dengan menggunakan Motion Tween, kita hanya menentukan posisi pertama dan posisi terkahir obyek. B. FRAME ANIMATION. Frame merupakan satuan terkecil dalam video. Pada program Adobe flash, frame dimisalkan seperti kertas hvs yang telah digambar, dan contoh apabila framenya kita perpanjang sebanyak 5 frame, maka diumpamakan seperti 5 kertas hvs dengan gambar yang sama. Apabila kita mengubah gambar salah satu frame, maka frame yang lain akan mengikuti perubahan gambar tersebut karena frame tidak dapat berdiri sendiri. Teknik ini menggunakan prinsip frame to frame seperti animasi 2 dimensi. Pengerjaannya sama dengan animasi pada umumnya yaitu mengatur frame per frame gambar. Namun yang membedakan disini adalah cara menghidupkan animatenya.
  • 3. MULTIMEDIA SMK NEGERI 1 PUNGGING MOJOKERTO PROV. J A W A T I M U R SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR C. MENGENAL LAYER, FRAME, KEYFRAME DAN BLANK KEYFRAME a) Layer adalah tumpukan objek yang kita kerjakan. Layer memberikan kemudahan untuk mengedit dan mengontrol objyek. Layer pada Aplikasi pengolah animasi tidak jauh berbeda dengan layer pada adobe Photoshop. b) Frame adalah komponen pada jendela kerja aplikasi pengolah animasi yang berfungsi untuk menentukan durasi animasi dari sebuah objek. Semakin banyak frame, semakin lama objek akan dimainkan/dianimasikan. Frame ditandai dengan kotak putih dengan garis hitam. Frame per second disingkat FPS adalah jumlah frame yang dimaikan setiap detik. c) Keyframe adalah frame kunci. Keyframe bertugas untuk menentukan kapan sebuah objek akan tampil pada sebuah animasi. Keyframe dapat beris sebuah objek atau lebih. Keyframe ditandai dengan bulatan berwarna hitam. Keyframe yang tidak berisi objek apapun disebut Blank keyframe. d) Blank keyframe adalah sebuah frame kunci kosong. Blank keyframe berfungsi untuk menempatkan sebuah objek atau lebih pada frame, sebab tanpa keyframe/blank keyframe, frame tidak bisa diisi dengan oebjek.Blank keyframe ditandai dengan linkaran berwarna putih dengan garis berwarna hitam.
  • 4. MULTIMEDIA SMK NEGERI 1 PUNGGING MOJOKERTO PROV. J A W A T I M U R SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR D. JENIS TWEENING ANIMASI. a) Shape Tween, adalah perubahan bentuk dari suatu objek ke objek lain. Objek yang dianimasikan harus berjenis Shape. Sebagai contoh di dalam frame awal terdapat obyek bintang, kemudian di dalam frame akhir terdapat obyek lingkaran. Dengan menggunakan shape tweening, program akan menganimasi dan menentukan transisi perubahan bentuk dari bintang menjadi lingkaran secara otomatis. b) Motion Tween, yaitu animasi dengan menggunakan dua buah keyframe dengan menggerakkan 1 objek dari titik satu ke titik lain, tanpa mengalami perubahan bentuk.
  • 5. MULTIMEDIA SMK NEGERI 1 PUNGGING MOJOKERTO PROV. J A W A T I M U R SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR c) Tween Guide, Animasi motion guide adalah animasi yang mempunyai gerakan sesuai dengan jalur yang kita buat. Animasi ini merupakan lanjutan dari animasi motion tween. Contoh animasi tween guide adalah kendaraan yang mengikuti alur jalan. d) Frame by Frame, Animasi frame by frame adalah animasi yang pembuatannya hanya dengan menggunakan berbagai frame dalam satu layer ataupun antar layer. Lama tidaknya sebuah animasi dijalankan sangat bergantung dari jumlah frame. Pembuatan animasi frame by frame lebih membutuhkan waktu yang lama. Hal itu disebabkan karena terlalu banyak objek yang harus ditempatkan pada frame yang berbeda.
  • 6. MULTIMEDIA SMK NEGERI 1 PUNGGING MOJOKERTO PROV. J A W A T I M U R SMK NEGERI 1 PUNGGING MOJOKERTO JAWA TIMUR e) Masking Tweening, Masking adalah animasi yang menyembunyikan atau menutupi suatu objek dengan objek lain, sehinga objek yang menutupi terlihat transparan dan menyatu dengan objek yang ditutupi. Mask artinya adalah penutup mempunyai fungsi sesuai dengan namanya yaitu untuk menutupi suatu layer. Mask dapat diterapkan kepada suatu layer dan layer yang sudah dikenai mask bisa berfungsi untuk menutupi layer dibawahnya. Prinsip kerja dari Animasi Mask adalah menampilkan bidang yang tertutup dan menyenbunyikan bidang yang terbuka.