| Materi Matakuliah Desain Komunikasi Visual

Materi DKV

Nirmana

Nirmana Dasar

Pengertian nirmana dan elemen-elemen dasar penyusun nirmana

Grafis

Desain Efek Uang

Membuat efek tekstur untuk desain uang kertas

Grafis

Desain Poster Ilmiah PIMNAS

Prinsip desain dan contoh poster ilmiah untuk PIMNAS

Grafis

Desain Poster Ilmiah

Prinsip dasar desain poster ilmiah / Poster Riset

Presentasi

Membuat Konten Presentasi

Cara membuat konten presentasi yang baik dan efektif

Animasi

Animasi Motion Tween

Tutorial Animasi Flash dengan teknik motion tween

Animasi

Animasi Tween dengan Ease

Penambahan ease (percepatan atau perlambatan) pada animasi

Animasi

Animasi Tween dengan Rotasi

Penambahan rotasi pada animasi motion

Animasi

Animasi Motion Guide

Membuat animasi dengan gerakan mengikuti pola

Animasi

Animasi Motion Guide 2

Membuat animasi movieclip mobil bergerak melintasi bukit

Animasi

Animasi Roller Coaster

Membuat animasi roller coaster dengan menggunakan teknik graphic

Reprografis

Cetak Saring (Sablon)

Cara menyablon (cetak - saring) dan standart peralatan

Game

Animasi dalam Game

Penggunaan animasi di dalam game, dan game sebagai viral marketing animasi

Game

Potensi Pasar Game Mobile

Potensi game mobile dan strategi mengembangkan mobile games

Game

Game Making Breakdown

Breakdown proses pembuatan game, tahapan-tahapan mendesain game


Materi Selengkapnya

Motion Tween dengan Ease

Konsep Dasar

Ease bisa disebut sebagai perlambatan atau percepatan sebuah animasi. Untuk mendapatkan kesan realis dalam sebuah animasi, kita perlu mengacu pada kondisi riil di dunia nyata. Sebagai contoh ketika kita membuat animasi bola memantul dari atas ke bawah, akan ada efek percepatan dan perlambatan akibat adanya grafitasi. Ketika bola baik ke atas, maka bola akan melambat karena tertarik grafitasi dan ketika bola bola bergerak ke bawah maka bola akan tertarik grafitasi (mengalami percepatan). Coba perhatikan contoh animasi berikut:


Get Adobe Flash player

Ease terbagi menjadi 2 yaitu :

  1. Ease In atau percepatan yaitu animasi akan berjalan lambat di keyframe awal dan menjadi lebih cepat di keyframe akhir. Contoh penggunaan : benda jatuh, mobil yang mulai bergerak maju, sesuatu yang terlempar dan sebagainya. Dalam flash ease in bernilai negatif (lihat tutorial di bawah untuk memahami maksudnya)
  2. Ease Out atau perlambatan yaitu animasi akan berjalan cepat di keyframe awal dan menjadi lebih lambat di keyframe akhir. Contoh penggunaan : benda yang bergerak naik dan tertarik grafitasi, mobil mengerem lalu berhenti, respon dari benda yang tertabrak dan sebagainya. Dalam flash ease in bernilai positif.






Animasi Motion Tween dengan ease

Pada tutorial ini akan dibahas tentang teknik animasi motion tween dengan penambahan ease sebagai berikut:

  1. Lanjutkan project sebelumnya (animasi motion tween)
  2. Kita akan membuat perbandingan antara 2 objek yang bergerak menggunakan motion tween dan salah satunya mengalami penambahan Ease. Karena akan ada 2 bola yang kita animasikan, maka kita membutuhkan sebuah Layer baru. Untuk membuatnya tekan tombol Insert Layer, maka layer baru akan terbentuk diatas layer 1.
    tutorial animasi by wandah_w
  3. Selanjutnya kita akan membuat sebuah animasi dengan posisi objek bola dan timing yang sama. Untuk mempermudah proses tersebut kita dapat melakukan Copy-Paste Frame. Seleksi seluruh frame aktif pada layer 1 dengan cara klik Keyframe 1 Layer 1 - tahan tombol SHIFT - klik Keyframe 60 Layer 1. Selanjutnya klik kanan seleksi tersebut dan pilih Copy Frames.
    tutorial animasi by wandah_w
  4. Seleksi seluruh frame pada Layer 2 dengan cara yang sama dengan langkah sebelumnya atau langsung double click timeline layer 2. Kemudian klik kanan dan pilih menu Paste Frames maka anda akan mendapatkan animasi motion tween yang sama persis dengan yang ada di layer 1.
    tutorial animasi by wandah_w
  5. Selanjutnya klik Frame 1 layer 2 lalu geser movieclip bola ke atas. Kemudian klik Frame 60 layer 2 dan geser movieclip bola ke atas. Lihat gambar!
    tutorial animasi by wandah_w
  6. Sekarang kita memiliki 2 animasi bola yang sama persis gerakan dan waktunya. Untuk menambahkan Ease, klik frame 25 layer 2 kemudian buka panel properties. Pada bagian Ease drag slider ke atas atau masukan angka 100 (kita akan menambahkan perlambatan).
    tutorial animasi by wandah_w
  7. Simpan project, kemudian jalankan animasi dengan menekan tombol Ctrl+Enter Maka akan terbentuk sebuah file animasi bertipe SWF dimana 2 bola bergerak dari kiri ke kanan selama 2 detik (waktu yang sama) akan tetapi untuk bola yang diberikan ease akan mengalami perlambatan. Perhatikan gambar!
    tutorial animasi by wandah_w

Output


Get Adobe Flash player

File Sumber


download


Share ( Ayo Berbagi )

Leave me a comment

untuk pertanyaan lebih baik di email langsung ke wandah [at] wandah [dot] com agar cepat direspon