Dokumen tersebut membahas tentang konsep dasar animasi seperti animasi frame by frame, motion tween, motion guide, dan masking serta cara membuat animasi motion tween menggunakan Adobe Flash CS6 dengan menentukan objek awal dan akhir lalu menggesernya.

1. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom
Disusun Oleh Zainul Arifin, S. Kom
SMK NEGERI 1 PUNGGING MOJOKERTO
ANIMASI TWEEN.
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.
Cara kerja tweening adalah dengan cara menentukan dua poin keadaan pada
objek awal dan akhir, Animasi yang dihasilkan menggunakan metode ini adalah gerakan
yang halus, perubahan letak, ukuran, rotasi, bentuk maupun warna. Prinsip kerja dari
animasi motion tween adalah membuat objek pada frame pertama dan terakhir saja,
sedangkan frame-frame diantaranya akan dibuat secara otomatis. Animasi motion tween
biasa digunakan untuk membuat animasi objek bergerak, berputar, dan mengubah
ukuran (skala).

2. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom
KONSEP DASAR.
1. Animasi Frame by Frame yaitu animasi dengan menggunakan beberapa gambar yang
berurutan (sequence), sebagai contoh animasi klasik menggunakan teknik ini. Frame
by Frame animation digunakan untuk menampilkan animasi yang mengalami
perubahan bentuk seperti animasi karakter melakukan gerak tubuh, animasi
perubahan bentuk secara dinamis seperti efek gerakan air, api, ledakan dan
sebagainya.
2. Animasi Motion Tween yaitu animasi dengan menggunakan dua buah keyframe
dengan menggerakkan 1 objek dari titik satu ke titik lain, tanpa mengalami
perubahan bentuk. Misal kita ingin menganimasikan mobil bergerak dari kiri ke kanan
layar.
3. Animasi Motion Guide yaitu animasi motion tween yang menggunakan lintasan
(guide) sehingga perubahan gerak dapat diatur sedemikian rupa sesuai dengan
lintasan yang diinginkan. Misal kita ingin membuat animasi daun yang jatuh dari
pohon dan tertiup angin, animasi mobil berjalan disebuah bukit yang tidak rata dan
sebagainya
4. Animasi Masking yaitu Mask merupakan fasilitas di flash yang mampu membuat
objek gambar ditampilkan sesuai dengan objek shape yang kita kehendaki. 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
menyembunyikan bidang yang terbuka. Layer adalah tempat untuk meletakkan
gambar/image yang telah kita buat untuk kemudian diolah susunan waktu
(timing)nya. Sedangkan masking layer adalah tempat untuk meletakkan gambar yang

3. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom
akan di olah menggunakan masking, disini layer masking terdapat di dalam layer
lembar kerja yang biasa kita gunakan untuk membuat animasi.
Untuk 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 dan
selanjutnya kita gerakan dengan Motion Tween.
Dengan menggunakan beberapa jenis animasi tersebut, kita dapat memanfaatkan
software Adobe Flash untuk mengerjakan animasi 2 dimensi untuk mmbuat film, game,
web dan multimedia.
MOTION GRAPHIC.
Motion Graphics adalah percabangan dari Desain Graphics yang merupakan
penggabungan dari Ilustrasi, Tipografi, Fotografi dan Videografi dengan menggunakan
teknik Animasi. Motion Graphics terdiri dari dua kata, Motion yang berarti Gerak dan
Graphics atau yang sering kita kenal dengan istilah Grafis. Dari asal muasal pengertian
dua kata tersebut, bisa dikatakan bahwa Motion Graphics, juga dapat disebut dengan
istilah Grafis Gerak.
Pada zaman dahulu kala, proses pembuatan Motion Graphics dikerjakan dengan
cara menyusun gambar secara berurutan hingga menjadi satu kesatuan. Gambar-gambar
yang disusun tersebut, telah dimanipulasi sedemikian rupa sehingga ketika tersesusun
menjadi satu kesatuan, gambar-gambar tersebut menampakan ilusi pergerakan. Kini,

4. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom
seiring berkembangnya teknologi, maka diciptakanlah beberapa perangkat lunak komputer
yang mampu mengolah karya Motion Graphics secara digital. Seorang Motion Graphics
Designer tidak lagi menggunakan metode kerja menyusun gambar demi gambar untuk
menciptakan karyanya. Selain Adobe Flash, Software yang diperlukan untuk membuat
Motion Graphics antara lain menggunakan :
 Adobe Illustrator, Software untuk membuat dan mengolah ilustrasi vector dan
tipografi.
 Adobe Photoshop Software untuk mengolah fotografi. Selain untuk mengolah foto,
kita juga bisa menghasilkan karya Motion Graphics.
 Adobe Premiere, Software untuk mengolah videografi.
 3D Studio Max, Software untuk membuat dan mengolah 3D.
 Adobe After Effects , Software untuk membuat, mengolah, mengomposisi dan
menciptakan Motion Graphics.
 Adobe Audition, Adobe Soundboth, Software untuk mengolah audio.
 Sebagai tambahan, Motion Graphics untuk keperluan membangun iklan dan konten
web, software yang bisa digunakan yaitu Adobe Edge Animate dan Google Web
Designer.

5. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom
CONTOH MEMBUAT ANIMASI TWEENING DENGAN ADOBE FLASH CS6.
1. Bukalah software Adobe Flash CS 6.
2. Pilih Rectangle Tool untuk membuat objek kotak sederhana dengan warna biru :
3. Pilih Objeknya lalu klik kanan pilih Convert to Symbol

6. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom

7. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom
4. Klik kanan Create Motion Tween
5. Geser Objek kekanan

8. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom
6. Lakukan tes untuk melihat hasilnya dengan beberapa cara berikut :
7. Tekan CTRL + ENTER untuk melihat hasil aimasi.

9. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom