TKE317 Multimedia. Lecture7: Animation. Dr. Aris Triwiyatno, ST, MT Dept. of Electrical Engineering Diponegoro University

Transkripsi

1 TKE317 Multimedia Lecture7: Animation Dr. Aris Triwiyatno, ST, MT Dept. of Electrical Engineering Diponegoro University

2 What is Animation Animasi dapat diartikan sebagai sebuah objek yang bergerak dinamis selama beberapa waktu. Objek dapat berupa teks maupun bentuk-bentuk yang lainnya. Bentuk gerak animasi sangat banyak. Perubahan tempat Perubahaan warna Perubahan bentuk (morphing)

3 Bahasa dan Aplikasi Hampir semua bahasa pemrograman mendukung animasi: Java, C ++, Visual Basic, dsb. Yg dikembangkan khusus utk animasi: Yg dikembangkan khusus utk animasi: Flash, Freehand Macromedia, Power Point, GIF Animator, dsb. Ini lebih memudahkan dalam pembuatan animasi.

4 Prinsip Kerja Animasi Prinsip kerja animasi: 1. Menumpuk atau menampilkan beberapa gambar secara bergantian dan berurutan, atau 2. Mengubah nilai koordinat suatu objek sehingga diperoleh sebuah efek gambar yang hidup.

5 Prinsip Penumpukan Gambar Contoh: Prinsip kerja animasi dengan menumpuk gambar 1 s.d 4 secara berurutan dalam tempo yang cepat Gambar akan ditampilkan mulai dari 1 s.d 4 sehingga seolah-olah bola hitam tersebut bergerak dari bawah keatas. Kecepatan gerak bola tergantung pada delay antargambar. Semakin kecil delay maka akan semakin cepat pula gerakan bolanya. Langkah ini juga merupakan cara pembuatan kartun-kartun klasik.

6 Mengubah Nilai Koordinat Objek Mengatur-atur nilai koordinat X dan Y objek tersebut. bola akan berpindah dari koordinat (1,5) menuju (2,4). Dengan mengatur delay antar perintah perubahan nilai koordinat, maka akan didapatkan sebuah animasi yang hidup yang gerakannya dapat diatur-atur.

7 Efek Animasi dalam Multimedia Animasi berbasis Piksel Animasi berbasis Vektor Animasi Hibrid

8 Animasi berbasis Piksel Pada dasarnya adalah kumpulan dari gambar berbasis piksel yang ditampilkan berurutan dan berkelanjutan sehingga menimbulkan kesan sebuah gerakan. Hal ini biasanya membentuk sebuah file gambar bergerak baik terkompres maupun tidak, seperti MPEG,.mov, QuickTime ime,.avi AVI, atau tipe berkas lain yang serupa.

9 Animasi berbasis Vektor Animasi Flash adalah format standar industri untuk animasi berbasis vektor. Tidak mengandalkan transisi piksel antar gambar secara individual, animasi dihasilkan dengan manipulasi penentuan geometri dan vektor gambar.

10 Animasi Hibrid Berdasarkan pergerakan piksel dan atau elemen-elemen yang berbasis vektor, gambar atau film oleh authoring software. Mampu menganimasikan gambar piksel Mampu menganimasikan gambar piksel dan teks berbasis vektor dengan sebuah gambar latar dalam sebuah media presentasi yang interaktif.

11 Animasi Teks dan Bentuk Teks yang ditulis akan lebih cantik dan menarik jika memiliki efek khusus. Pada pembuatan halaman web, akan sangat dibutuhkan sekali teks-teks yang memiliki efek animasi. Efek dapat berupa perubahan warna, perpindahan tempat, penghapusan dan sebagainya. Selain teks, bentuk-bentuk dasar seperti segitiga, lingkaran, elips dan lain-lain dapat juga dianimasikan. Dengan menggabungkan beberapa bentuk dasar maka dapat dihasilkan suatu bentuk lain yang lebih menarik, misalnya mata.

12 Mata = Elips + Lingkaran Contoh: Penggabungan dua objek menjadi satu objek baru Mata

13 Case Study: Macromedia Flash Program web untuk perancangan berbagai model jenis aplikasi web aplikasi. Berbagai macam model, gerakan, tipe, dan animasinya serta pengaturan video dan suaranya bisa dirancang sedemikian menarik sesuai dengan keinginan yang bercita rasa seni tinggi. Animasi pada Flash dapat dilakukan dengan dua cara yaitu: Frame by frame Tweening

14 Frame by frame Bentuk dasar dari animasi. Perlu banyak gambar yang harus dibuat. Efek animasi diciptakan dengan mengganti gambar yang satu dengan gambar yang lain selama beberapa waktu. Contoh animasi frame per frame dapat dilihat pada Help Samples Flower. Semua gambar yang bergerak dihasilkan dari gambar yang berbeda-beda tiap framenya. Karena animasi frame per frame harus memiliki gambar yang unik tiap frame-nya maka animasi frame per frame sangat ideal untuk membuat animasi yang kompleks yang terdiri dari banyak perubahaan seperti ekspresi wajah. Kelemahan: waktu, gambar, file size.

15 Contoh: Frame by frame Animation Contoh animasi frame per frame dapat dilihat pada berkas butterfly berikut (pada prinsipnya, contoh untuk frame by frame adalah seperti pada video). C:\Users\Public\Videos\Sample Videos\Butterfly.wmv

16 Tweening Tween animation hemat energy, karena kita tidak perlu membuat animasi secara frame per frame. Sebaliknya Kita hanya membuat frame awal dan frame akhir saja. Dua alasan utama tween animation : mengurangi pekerjaan menggambar, dan meminimalkan ukuran berkas karena isi dari setiap frame tidak perlu disimpan. Dua jenis tween animation : Shape tween dan Motion tween

17 Shape Tweening (Animasi Perubahan Bentuk) Shape tweening berguna untuk mengubah bentuk. Flash hanya dapat mengubah bentuk, jadi jangan mencoba untuk melakukan Shape tween untuk group, simbol, atau teks. Hal ini tidak akan berhasil. Kita dapat melakukan Shape Tween pada beberapa bentuk di dalam sebuah layer, tetapi lebih baik untuk menempatkannya pada layer yang berbeda. Hal ini akan memudahkan jika kita ingin melakukan perubahan. Shape tweening juga memperbolehkan Kita untuk mengubah warna.

18 Motion Tweening (Animasi gerak) Motion tween tidak hanya berguna untuk menggerakkan groups, simbol, atau teks yang dapat diedit dari satu tempat ke tempat lain. Motion tween menolong kita untuk mengubah ukuran, memutar, merubah warna dan transparansi simbol. Motion tween hanya bisa digunakan pada satu objek pada satu layer. Jadi jika ingin mengerakkan banyak objek maka dibutuhkan banyak layer.

19 Home work Create your own animation: Mata melirik Jari Bola Roda Berlari

20 Having fun with... Multimedia