ANIMASI Multimedia Jurusan Teknik Informatika STT PLN ruliriki@gmail.com 1 Animation adalah illusion of motion yang dibuat dariimage statisyang ditampilkansecaraberurutan. Tekniksetiapframe dibuatsecaraterpisah. Frame bisa di hasilkan dari komputer, fotografi atau dari gambar lukisan. Ketika frame-frame tersebut digabungkan, makaterdapatilusiperubahangambar, sesuai dengan teori yang disebut dengan persistance of vision 2 1
Persistence of vision adalah fenomena dimana suatu objek pada retina mata tertangkap beberapa saat setelah tampak. Ini adalah merupakan runtunan citra dalam jumlah banyak, Jika diperlihatkan secara beruntun memberikan suatu kesan ilusi perpindahan/perubahan. 3 Film Video Clip Advertising Presentation Web Content Game 4 2
Animasi Sel(seluloid) Animasi Frame Animasi Sprite Animasi Lintasan Animasi Spline Animasi Vektor Animasi Karakter Animasi Komputasional Morphing Konsep Jenis Animasi memberikan efek hidup (visual efek) pada gambar atau obyek 5 Katacell berasaldarikata celluloid yang merupakanmateriyang digunakan untuk membuat film gambar bergerak pada tahun-tahun awalanimasi. Sekarangmaterial film dibuatdariasetat(acetate) Biasanya digambar dengan menggunakan tangan (hand-drawn animation) Merupakanlembaran-lembaranyang membentukanimasitunggal. Masing-masing sel merupakan bagian yang terpisah, misalnya antara obyek dengan latar belakangnya, sehingga dapat saling bergerak mandiri. Animasi Cel disebut juga Animasi Tradisional Misalnyaseoranganimator akanmembuatanimasiorangberjalan, maka langkah pertama dia akan menggambar latar belakang, kemudian karakter yang akan berjalan di lembar berikutnya, kemudian membuat lembaran yang berisi karakter ketika kaki diangkat, dan akhirnya karakterketikakaki dilangkahkan. 6 3
Menyiapkan ide/storyboard (script) Script/ide disiapkan berupa gambar yang berupa sketsa dan tulisan yang diserahkan ke director animasi. Voice Recording Mempersiapkan segala musik, soundtrack, sound efek, dan suara karakter animasi yang dibuat. Animatics(story reel) Biasanya dibuat setelah soundtrack selesai dibuat, sebelum seluruh animasi selesai dikerjakan. Berisi gambar-gambar kejadian dan storyboard yang sesuai dengan adegan-adegan gambar. Design and Timing Setelah animatics selesai disetujui, maka animatics akan dikerjakan dibagiandesign department. Biasanyamelibatkancharacter designers, background stylist, art director, color stylist, dan timing director. 7 Layout Layout meliputi: sudut penataan kamera, lighting, dan shading. Animation Animasi digambar dengan pensil berwarna dibanyak kertas. Perlu diperhatikan juga detail gerakan, penyesuaian waktu, dan penyesuaian gerakan mimik muka dan mulut. Background Background digambar dengan menggunakan water color, oil paint, dan crayon. Traditional ink-and-paint and camera Setelah semua selesai digambar maka akan dilakukan transfer gambar diatas bahan yang disebut cel dan akan difoto dan diputar dikamera. Digital ink and paint Saatinisudahdigunakanscanner dankomputer. 8 4
9 Animasiframe adalahbentukanimasipaling sederhana. Contohnya ketika kita membuat gambar-gambar yang berbeda-beda gerakannya pada sebuah tepian buku kemudian kita buka buku tersebut dengan menggunakan jempol secara cepat maka gambarakankelihatanbergerak. Dalam sebuah film, serangkaian frame bergerak dengan kecepatan minimal 24 frame per detik. 10 5
Pada animasi sprite, gambar digerakkan dengan latarbelakangyang diam. Sprite adalah bagian dari animasi yang bergerak secaramandiri, sepertimisalnya: burungterbang, planet yang berotasi, bola memantul, ataupun logo yang berputar. Dalam animasi sprite yang dapat kita edit adalah animasi dari layar yang mengandung sprite, kita tidakdapatmengeditbagiandalamyang ditampilkan oleh layar untuk masing-masing frame seperti pada animasi frame. 11 P 12 6
Animasipath adalahanimasidariobyekyang bergeraksepanjanggariskurvayang ditentukansebagailintasan. Misalnya dalam pembuatan animasi kereta api, persawatterbang, burungdanlain-lain yang membutuhkanlintasangeraktertentu. Pada kebanyakan animasi path dilakukan juga efeklooping yang membuatgerakanpath terjadi secara terus menerus. 13 14 7
Spline adalah representasi matematis dari kurva. Sehingga gerakan obyek tidak hanya mengikuti garis lurus melainkan berbentuk kurva. 15 Vektor adalah garis yang memiliki ujung-pangkal, arah, dan panjang. Animasi vektor mirip dengan animasi sprite, tetapi animasi sprite menggunakan bitmap sedangkan animasi vektor menggunakan rumus matematika untuk menggambarkan sprite-nya.. 16 8
Biasanya terdapat di film kartun, semua bagian selalu bergerakbersamaan. Software yang biasadigunakanadalahmaya Unlimited. Contoh: Film ToyStorydanMonsterInc. Visual efekdapatdibuatdengancara: Motion dynamics, efek yang disebabkan perubahan posisiterhadapwaktu. Update dynamics, efek yang disebabkan perubahan pada suatu obyek(bentuk, warna, struktur, dan tekstur) Perubahancahaya, posisi, orientasidanfokuskamera. 17 18 9
Perubahan(transisi) bentuk objek satu ke objek yang lainnya Multimedia Adalah teknik pengolahan animasi menggunakankomputerdengantool untukmembuatvisual effect. 1.Input process 2.Composition Stage 3.In-between Process 4.PengubahanWarna 20 10
In-between Process: Pergerakan darisatuposisikeposisilain membutuhkankomposisiframe denganposisiintermediate antarkey frame. Proses tersebut dilakukan dengan menggunakan interpolasi. Kelemahaninterpolasiadalahkurangrealistis. Sehinggadapatpula dilakukan dengan menggunakan spline(menggunakanvektor). Pengubahan warna UntukmengubahwarnaanimasidigunakanCLUT (Color Look Up Table) pada frame buffer. Animasi pengubahan warna dilakukan dengan cara memanipulasilut (misalnya denganmenggantiwarnasecara berurutan) daripadamenggantikeseluruhan gambardengangambaryang baruyang pastiakanmemakan bandwidth lebihbesar. Riki Ru li S - http://blogriki.wordpress.com 21 Linier-list Notations Semua event dalam animasi ditulis dengan sebuah awal dan akhir nomor frame dansebuah aksiyang akandilakukanpadasuatukoordinattertentu. 42, 53, B, ROTATE PALM,1,30 Artinya: antaraframe 42,53, rotate obyekyang bernamapalm padakoordinatx = 1 dengansudut30 derajatdengan menggunakan tabel informasi dari tabel B. Contoh: program Scefo (SCEneFOrmat). General Purpose Language Dilakukandengan menempelkan animasipadabahasapemrogramanbiasa. Nilai dari variabel pada bahasa pemrograman tersebut dijadikan sebagai parameter untuk prosedur, untuk membuat animasi. Contoh: ASAS adalah bahasa yang dibuat dengan menggunakan LISP Graphical Language Graphical Language adalah bahasa visual yang mampu memvisualisasikan aksi dariperintah-perintah untukmembangun animasi. Contoh: GENESYS, DIAL, dans-dynamics System. 22 11
Symbolic Representation Obyek animasi(misal bola), direpresentasikan bersamaandenganperintahoperasinya(bola digelindingkan), kemudian disisi penerima baru ditampilkan. Ukuran file lebih kecil, tetapi waktu untuk mendisplaykan lebih lama karena harus ada scan-convertingtelebihdahuludisisipenerima. PixmapRepresentation Pixmap ditransmisikan semua dan ditampilkan disisi penerima. Waktu transmisi lebih lama, namun waktu mendisplay lebih cepat 23 Full Explicit Control Animator mengatur seluruh kontrol animasi dengan segala perintah-perintah yang akan dilakukan dalam animasi, bahkan untuk data-data seperti interpolasi danrotasi dilakukan secara eksplisit atau berdasarkan inputan dari mouse, keyboard, atau joystick. Procedural Control Berdasarkan komunikasi antar obyek untuk mendapatkan property nya. Control yang terjadi adalah control antarasatuobyekdenganobyekyang lain. Misalnya: suatu obyek bola tidak boleh melewati obyek dinding. 24 12
Constraint-based System Pengontrolanterjadikarenapengaruhobyeklain, dimana obyek tersebut berinteraksi. Tracking Live Action Pengontrolan terjadi berdasarkan kenyataan yang ada sesuai dengan dunia nyata. Kinematics and Dynamics Kinematik berdasarkan posisi dan kecepatan dari point. 25 Animasi dapat ditambahkan kedalam halaman web dalam bentukanimasigif atauvideo embedded. Format yang paling populer untuk animasi web adalah SHOCK WAVE FLASH (SWF), biasanyadi-generate menggunakan Macromedia Flash, yang berupa animasi vektor. Animasi SWF memerlukan bandwidth yang lebih rendah dibandingkanvideo danformat bitmap. Flash lebih dari sekedar program animasi. Flash mendukung scripting language, yang disebut Action Script, sehingga dimungkingkan untuk membuat animasi yang interaktif dan membuataplikasiweb denganuser-interfaceberupaflash 26 13
AnimasiFlash diorganisasikandengantimeline (representasi grafik yang terdiri dari kumpulan frame). Stage adalah sub-window dimana frame dibuat dengan menggambarkan objek. Objek dapat dibuat dengan menggunakandrawing-tool, import dariaplikasilain (BMP, JPG, PNG, fasilitasauto-trace), animasitext (outline font). Layer dapat dipergunakan untuk mengorganisasikan elemenframe (layer background, layer tanaman, layer awan, layer ) Flash interface berisi vector drawing tool, host of palletes (colourmixing, alignment, applying transformations, setting typographicsoptions,.) 27 Objek dapat disimpan pada library dalam bentuk khusus, yang dinamakan symbol, sehingga dapat dipergunakanulang. Beberapainstance symbol dapat ditempatkan pada stage. Symbol dapat ditransformasi(ukuran, orientasi). Tweening: animasi/pergerakanobjek Motion tweening: Gerakan gambar ditentukan terlebihdahuludenganmembuatmotion path. Shape tweening: Dikenal dengan nama morphing. Perubahan bentuk suatu objek menjadi bentuk baru 28 14
TigamacamsymboldidalamFlash : Graphic symbol. Objekvektorataubitmap yang bisadigunakan. Dipergunakanuntukmotion tweening. Button symbol. Dipergunakan untuk membuat bagian interaktif (tombol). Movie clip symbol. Animasi yang dapat ditambahkan ke dalam movie utama 29 Animasi 3D mudah untuk dideskripsikan, namun lebihsulituntukdikerjakan. Properties 3D model didefinisikan dengan angka-angka. Dengan merubahangkabisamerubahposisiobjek, rotasi, karakteristik permukaan, danbahkan bentuk. Dapat membuat objek terlihat berpindah, atau bergerakpadakamera. Membutuhkan visualisasi 3-D dan kemampuan animasi serta membutuhkan sujumlah besar proses. 30 15
Kelebihan/keuntungan Sangat menarik dan sangat mencuri perhatian Memperlihatkan sesuatu yang tidak dapat dilakukan pada kenyataan secara proses fisik. Memperlihatkan visualisasi dari konsepkonsep imajinasi, objek-objek dan keterkaitanya. 31 Kelemahan/kekurangan Membutuhkan memori dan media penyimpanan pada komputer yang besar Membutuhkan peralatan-peralatan khusus untuk membuat lebih berkualitas Tidak dapat melukiskan kenyataan aktual seperti video atau photografi 32 16
33 34 17
Membuat file Animasi:(pilih salah satu) 1. Bahan Presentasi(min 3 slide) 2. Banner, logo, DesainWeb 3. Personal Film (min 5 menit) 4. Company Profile Institusi 5. Game BebasmenggunakanToolsyang ada. Padatampilanpertamamasukkannamaanda, Nimsertalogo Institusi Kampus JelaskansecaratertulisAplikasidalampembuatananimasi. (Idedasar, tahappembuatandansoftware/tools yang digunakan) Kumpulkan File melalui Via E-mail atau CD/DVD Deadline Pengumpulan Pada Saat UTS. 35 18