Animasi - Cara Membuat Contoh Penerapan Motion Tween ( pemula -dasar )

Asalamualaikum
Sudah sangat lama penulis tidak menuliskan informasi di sini terhitung selama tahun 2016. Alhamdulillah ada kesempatan dan mood menulis lagi. Kali ini topik informasinya animasi gambar. Semoga bermanfaat bagi sahabat pembaca online. 


Judul Infromasi:
Contoh Penggunaan Motion Tween        (1)

Dengan Macromedia Flash CS 8 kita dapat membuat 2 jenis Tween  Animasi  yaitu - Motion Tween dan  - Shape Tween.

Pada postingan kali  ini penulis mencoba untuk memaparkan contoh penggunaan Motion Tween untuk membuat suatu animasi yang sederhana. Dengan berbekal pengalaman  awal kita Kita dapat membuat pengembangan dalam penerapan Motion Tween. 

Contoh penerapan Motion Tween dalam bentuk animasi berthema penulis tampilkan di bagian paling bawah postingan ini.

Motion Tween adalah cara yang sangat umum untuk membuat gerakan dengan Flash .  Flash melakukan sebagian besar pekerjaan membuat hal-hal yang mudah bagi Kita. Motion Tween juga dapat membantu meminimalkan ukuran file, khususnya selama frame-by-frame animasi, karena Kita memiliki lebih sedikit aset dalam dokumen Kita.

Dengan menggunakan Motion Tween  Kita kemudian  dapat mengatur sifat(properti)  seperti posisi, ukuran, dan rotasi suatu objek bentuk atau suatu blok teks pada satu titik waktu, dan kemudian Kita mengubah properti-properti pada titik waktu lain dalam interval waktu yang telah kita tentukan. Ketika Kita melakukan pengaturan tersebut , Flash secara otomatis membuat perubahan bertahap antara titik waktu pertama dan titik kedua dalam interval waktu yang telah ditentukan.   Pada contoh ini kita akan membuat Motion Tween pada objek lingkaran dengan menggunakan 1  layer.

***

Pada postingan kali ini ,penulis membuat informasi :
1)membuat animasi menggunakan  Motion Tween gerak satu arah     dasar).

2)membuat animasi menggunakan Motion Tween gerak beberapa 
  arah.

3)membuat animasi menggunakan Motion Tween gerak modifikasi 
  dalam contoh 1 interval waktu(Time Line). 

                             ***

Penjelasan:

1)membuat animasi menggunakan  Motion Tween gerak satu arah    (dasar).
Langkah awal Menerapkan  Motion Tween:

-Aktifkan Macromedia Flash 8, pilih  Flash Document  di group Creat New dikarenakan Kita akan membuat file document baru.

Membuka File Baru 

-Kemudian buat objek mislanya lingkaran menggunakan Oval Tool yang ada di Toolbox selanjutnya drag di Stage (halaman kerja) shingga ukurannya tidak begitu besar sebab kita bukan meninjau ukuran namun membahas penerapan Motion Tween yang akan diberlakukan pada objek lingkaran tersebut.

Membuat Contoh Objek Lingkaran

-klik kanan di Time Line 35  (interval waktunya 35), pilih Insert Keyframe

drag Lingkaran berpindah posisi misalnya ke arah sudut kanan Stage.

Membuat Keyframe Pada Objek

Memindahkan Posisi Objek Dari Semula (sudut kiri atas Stage ke sudut kanan atas Stage)

-klik kanan di Time Line 1, pilih Motion Tween

Menambahkan Motion Tween 

-Untuk melihat hasilnya tekan CTRL bersamaan dengan tombol Enter di keyboard. Hasilnya akan sebagai berikut.

Contoh Penerapan Motion Tween satu arah

Untuk perbandingan terhadap penerpan Motion Tween selanjutnya maka simpan File misalnya dengan nama Contoh Motion Tween 1 arah (dasar)

Demikianlah contoh  yang sangat sederhana cara membuat Motion Tween dengan satu arah. 

***

2)membuat animasi menggunakan Motion Tween gerak beberapa 
  arah membentuk siklus.

Pada pengembangan selanjutnya arah ataupun gerak  dapat dimodifikasi dan ditambahkan arah dan interval waktunya.
Sebagai contoh pada penerapan Motion Tween  pada contoh objek di atas misalnya akan dikembangkan  arahnya dan interval waktunya sehingga menghasilakan semacam "gerak siklus" /berkesinambungan yang pada contoh ini dibuat dengan interval waktu (Time Line) yang sama untuk menambahkan arah ke bawah, ke kiri bawah dan ke atas kiri caranya:

1.Klik kanan di Time Line 70,pilih Insert Keyframe

Menambahkan Keyframe Untuk Animasi Objek(ke arah bawah)

-drag objek ke arah bawah sudut kanan bawah

-klik kanan di titik Time LIne 35 pilih Motion Tween.

Merubah Posisi Ke Arah Bawah Dan Menerapkan Motion Tween 

Untuk melihat hasil sementara tekan CTRL + Enter  , setelah melihat hasil klik tombol Close layar preview animasinya.

-selanjutnya klik kanan  di Time Line 105 pilih Insert Keyframe.

-selanjutnya  drag objek ke arah kiri usahakan posisinya bersamaan dengan posisi semula objek agar nanti hasilnya berupa siklus yang sempurna .

-klik kanan di Time Line 79 pilih Motion Tween

-klik kanan di Time Line 140 pilih Insert Keyframe

-drag objek ke arah atas usahakan ke posisi semula dengan maksud nantinya hasilnya agar seperti siklus.

-klik kanan di Time Line 105 pilih Motion Tween. 

Untuk melihat hasilnya tekan CTRL + Enter di keyboard.

Contoh Animasi "Gerakan Siklus " hasil menggunakan Motion Tween 

Simpan file animasi yang telah dibuat untuk kenang-kenangan belajar menerapkan Motion Tween.☺

*******

3)membuat animasi menggunakan modifikasi Motion Tween  yang ada dalam contoh 1 interval waktu(Time Line). 

Kita masih dapat membuat perubahan pada animasi diantaranya :  

*mengatur variasi gerak objek di sepanjang interval 

 waktu yang telah dibuat.

*mengatur properties objeknya. 

Pada contoh inipenulis akan mencoba menjelaskan informasi hal mengatur variasi gerak objek di sepanjang interval waktu yang telah dibuat.Modifikasi gerak yang penulis buat misalnya penerapan gerak objek Lingkaran memantul ke arah bawah berulang kali pada Time Line sisi atas Stage.

Untuk dapat melihat perubahan gerak objek dari gerak dasar kita dapat membuat copy file pertama sebelumnya tadi yaitu File Contoh Motion Tween 1 arah (dasar). 

-Aktifkan File Contoh Motion Tween 1 arah (dasar).

-KLik Save As 

-Ketik nama file baru sebagai: 

 Modifikasi Motion Tween Objek 

-Klik Save.

Kita buat rencana misalnya kita akan membuat objek Lingkaran seperti memantul ke bawah dan ke atas seperti arah zigzag dengan jarak yang teratur. 

Misalnya lagi kita ingin :

*memulai dari Time Line 1 ke Time line 5 bola ke arah bawah,maka caranya klik kanan di Time Line 5 Insert Keyframe,drag Lingkaran lurus ke arah bawah sejauh ukuran sekitar setengah dari tinggi Stage misalnya ukuran 250. Untuk ketepatan ukuran gerak kita dapat menggunakan bantuan mistar pengukur. Mistar diaktifkan dengan cara klik Tab menu View ,klik Ruler.Kita juga harus memperhatikan ukuran posisi atas puncak Lingkaran jika nantinya diharapkan semua jarak pantul ke atas dan ke bawah adalah sama.

*kemudian klik di Time Line 10, drag  Lingkaran lurus bergerak ke arah atas pada ukuran ketinggian yang sama dengan ukuran posisi saat Lingkaran di Time Line 1 misalnya di ukuran 35. Biasanya kita tidak perlu lagi berulang melakukan Insert Keyfram untuk setiap segmen yang kita buat karena Insert Keyframe sudah terjadi secara otomatis ketika kita melakukan drag objeknya. 

*kemudian di Time Line 15, drag Lingkaran bergerak lurus ke arah bawah sejauh ukuran 250. 

*kemudian di Time Line 20, drag Lingkaran bergerak lurus ke arah atas pada ukuran 35.

*kemudian di Time Line 25, drag Lingkaran bergerak lurus ke arah bawah sejauh 250.

*kemudian di Time Line 30, drag Lingkaran bergerak lurus ke arah atas pada ukuran 35.

*kemudian di Time Line 35, drag Lingkaran bergerak lurus ke arah bawah.

Hasilnya dapat diihat sebagai tampilan di bawah ini:

Contoh Penerapan Motion Tween: Gerak Objek memantul 

Alahmduillah, Demikianlah 3 Contoh Mendasar Penerapan Motion Tween.

Contoh animasi lucu thema Panorama Pantai menggunakan penerapan Motion Tween dibuat dengan 13 layer ,karya penulis berikut ini untuk sahabat pembaca online di sini:

Contoh animasi penerapan Motion Tween

Kalau dilihat-lihat , versi Flashnya lebih asyik..^_^. 
Semoga informasi ini dapat menginspirasi sahabat pembaca untu membuat karya animasi yang keren. ^_^
Wassalam..