TEKANIMA23

Teknik Animasi FlashMX

February 01, 2009 Tekanima 0

A. ANIMASI GERAK (Motion Tween) Animasi gerak atau lebih dikenal dengan Motion tween merupakan model animasi yang sangat mendasar. Motion tween adalah perintah untuk membuat gerakan dalam satu layer. Motion tween ada untuk memudahkan kita membuat gerakan dari satu titik ke titik yang lain.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7evAxqwKSdEqmP5IQCNQrMYIDxChcRXK1JlsvEFQ7bYQu-3devk-jjgGKHQrLMM-k1SDkey3cy9GUQDxC78bvfBXe3jJrdOLYpphjItw9dE7O8pGsRoC_8cnpsVudVgdtGjoXT6ca9eJ/s1600-h/linkaran.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298012242936873186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7evAxqwKSdEqmP5IQCNQrMYIDxChcRXK1JlsvEFQ7bYQu-3devk-jjgGKHQrLMM-k1SDkey3cy9GUQDxC78bvfBXe3jJrdOLYpphjItw9dE7O8pGsRoC_8cnpsVudVgdtGjoXT6ca9eJ/s400/linkaran.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 297px; height: 125px;" /></a>Proses pergerakan dari obyek dapat didefinisikan menjadi berdasarkan bentuk (shape) atau berdasarkan gerakan (motion). Adapun langkah-langkah membuat motion tween: <ol><li> Buatlah sebuah gambar oval pada layer1, frame1.</li><li>Kemudian perpanjang time framenya sampai 25, selanjutnya klik kanan dan pilih create motion tween.</li><li>Pada time frame 25 klik kanan dan buat keyframe. Apabila benar time frame akan nampak seperti dibawah ini:</li><li> Dari keyframe 25 lakukan perpindahan obyek oval ke kanan (sesuai keinginan).</li><li>Jalankan dengan perintah Control Test Movie atau dengan Ctrl+Enter. </li></ol>Latihan motion tween : <ul><li> buatlah persegi panjang di layer 1 dengan tebal garis 2,5, warna fill putih.</li><li>buat layer 2 dan buat bujursangkar dengan warna biru di sebelah kiri persegipanjang, lihat gambar.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgposfWAz3QV8iA1YGmjvSEvb6pTwZNlcbyue3izjpr7eHSMcoUXMgAn5TKzoX2bNJHaxGdmAzKKH6-mQ6c61oIZ6QEugTSjVlaOjA1sLfnpYXXcB839DN4xonW9yLirZ0RFDPIR9dwFzKD/s1600-h/kotak.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298014565724404114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgposfWAz3QV8iA1YGmjvSEvb6pTwZNlcbyue3izjpr7eHSMcoUXMgAn5TKzoX2bNJHaxGdmAzKKH6-mQ6c61oIZ6QEugTSjVlaOjA1sLfnpYXXcB839DN4xonW9yLirZ0RFDPIR9dwFzKD/s400/kotak.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 380px; height: 75px;" /></a></li><li>kemudian klik kanan pada layer 1, pilih create motion tween.</li><li>klik kanan pada layer 30 dan pilih insert keyframe baik untuk layer persegipanjang maupun bujursangkar.</li><li>Pindahkan posisi bujursangkar ke sebelah kanan persegipanjang pada frame 30.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aiOpHJJNuPuQgBXhB50YJp9EnDR-wK_mnGMfiKFqFvyrV0l_syK6R0l2jPX73_eAv6R_RZV8fJz8yIKPYMDY_1mYIu1DiwaOOgyTEyYHx-VsGieAlFtkIsDChwViQrABFXirMXabDbUh/s1600-h/kotak+2.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298014571177417874" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aiOpHJJNuPuQgBXhB50YJp9EnDR-wK_mnGMfiKFqFvyrV0l_syK6R0l2jPX73_eAv6R_RZV8fJz8yIKPYMDY_1mYIu1DiwaOOgyTEyYHx-VsGieAlFtkIsDChwViQrABFXirMXabDbUh/s400/kotak+2.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 382px; height: 75px;" /></a></li><li>apabila cara membuat motion tween anda benar maka time line akan berbentuk seperti berikut ini :<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyc7AkojJ-PcV_460sMs4mW7e0wTWBQHnbJYRBmotkxZIIe2UZJdE8n_6XaNyCC4RTgjgawEWb3hXHoA9xcy6Qa2-qWfcitwSMcuc8vhVQdMCMUBbofT9IFkbb834EScs3tfJYdNuOzFjS/s1600-h/buj.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298015231782219618" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyc7AkojJ-PcV_460sMs4mW7e0wTWBQHnbJYRBmotkxZIIe2UZJdE8n_6XaNyCC4RTgjgawEWb3hXHoA9xcy6Qa2-qWfcitwSMcuc8vhVQdMCMUBbofT9IFkbb834EScs3tfJYdNuOzFjS/s400/buj.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 516px; height: 49px;" /></a></li><li>apabila caranya salah maka akan tampil sebagai berikut :<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkk3cvYoK3jlMuGzjncr1zEWhyphenhyphenXZd1JUK3qlvUu2hn1IY8AeY5V8tSPcUSK_tdgK0pyc8F8CrKL1xHAjtXqr1IjCPAZvTL98Vg1IEb11m1ocd4mn81Zt60VcAmw54PYTEn6QTNiKYdQ1x/s1600-h/ur.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298015231601054946" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkk3cvYoK3jlMuGzjncr1zEWhyphenhyphenXZd1JUK3qlvUu2hn1IY8AeY5V8tSPcUSK_tdgK0pyc8F8CrKL1xHAjtXqr1IjCPAZvTL98Vg1IEb11m1ocd4mn81Zt60VcAmw54PYTEn6QTNiKYdQ1x/s400/ur.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 517px; height: 52px;" /></a></li><li>jalankan movie (Ctrl + Enter)</li></ul>Animasi Transparan - Coba ubah bujursangkar pada frame ke 30 dengan klik gambar bujursangkar - Kemudian pilih properties, pilih tab color dengan pilihan alfa - Isikan alfa sebesar 10% - Kemudian jalankan movie. (animasi transparan) Animasi Rotate - Coba ubah propereti motion tween bujursangkar pada frame 1 dengan klik frame 1 kemudian klik properties. - Ubahlah pada propereties untuk tab rotate dengan model CW. - Kemudian jalankan movienya. B. ANIMASI BENTUK (Shape tween) Animasi ini lebih dikenal dengan Shape tween, yaitu animasi dengan mengubah bentuk atau mengganti suatu bentuk ke bentuk yang lain. Perubahan dapat berupa perubahan bentuk, obyek menjadi tulisan atau sebaliknya, perubahan dari bentuk satu ke obyek yang lain (misalnya dari kotak menjadi lingkaran atau sebaliknya). Adapun langkah-langkahnya sebagai berikut: <ol><li> Buatlah sebuah rectangle tool.</li><li>Klik pada frame 25, lalu klik kanan dan pilih Insert Blank Keyframe.</li><li>Pada frame 25 buat gambar lingkaran dengan Oval tool.</li><li>Kemudian kembali ke frame 1 dengan cara meng-klik pada frame 1. selanjutnya pada properties pilihlah shape pada bagian tween.</li><li>Jalankan animasi.</li></ol>Latihan: 1. Membuat perubahan bentuk <ul><li><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIXJmLktSUO3ujsjgrYLFB3gdwTmzYyAECMVfEpNlfjUrid2KRskWnL3Jodogu5g1Wb5DRFEwIPihI15bqjk6_kqv6RM6TDtQerTgVxjKRjuGkvSSYjcm_q2iNskco0NfB8J0MceXdP81/s1600-h/air.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298016915843248338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIXJmLktSUO3ujsjgrYLFB3gdwTmzYyAECMVfEpNlfjUrid2KRskWnL3Jodogu5g1Wb5DRFEwIPihI15bqjk6_kqv6RM6TDtQerTgVxjKRjuGkvSSYjcm_q2iNskco0NfB8J0MceXdP81/s400/air.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 480px; height: 113px;" /></a>Buatlah bentuk tetesan air seperti gambar diatas pada frame 1.</li><li>Buatlah bentuk pecahan air seperti gambar diatas pada frame 30.</li><li>Tempatkan gambar tetesan air diatas gambar pecahan air, buat agar posisinya sesuai.</li><li>Klik pada frame 1.</li><li>Lihat ke panel properties.</li><li>Ubah pada tween => shape.</li><li>Jalankan animasi. </li></ul> 2. Perubahan dari bentuk ke tulisan (bunga menjadi tulisan) <ul><li> buat gambar bunga pada frame 1.</li><li>buat tulisan nama anda pada frame 30.</li><li>klik tulisannya</li><li>klik menu modify</li><li>klik break appart sebanyak 2 kali</li><li>klik pada frame 1</li><li>lihat ke properties</li><li>ubah tween menjadi mode shape</li><li>jalankan animasi.</li></ul>C. ANIMASI JALUR (Motion Guided Tween) Animasi jalur atau Motion Guided Tween adalah obyek yang bergerak mengikuti suatu jalur tertentu yang telah ditentukan pada layer guide. Adapun langkah-langkah membuat motion guided tween: 1. Buatlah sebuah gambar pesawat seperti berikut ini: <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9mXZS9cXZPYretrmeeW7L96oW9XoEApyQV7Yu30pfxM3M9ENuhVlfZNzLqewLNz8f5ZqaVf6yBSMChEqrdukyDIlm4ZdwpmTV7dovJ-jlJnNvreaLdvCp5Q_ziC_VBff7utS9IVToje7/s1600-h/pesawat.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298017786022874258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9mXZS9cXZPYretrmeeW7L96oW9XoEApyQV7Yu30pfxM3M9ENuhVlfZNzLqewLNz8f5ZqaVf6yBSMChEqrdukyDIlm4ZdwpmTV7dovJ-jlJnNvreaLdvCp5Q_ziC_VBff7utS9IVToje7/s400/pesawat.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 281px; height: 113px;" /></a>caranya : <ul><li> ketik huruf J pada stage.</li><li>ubah jenis huruf menjadi webdings</li><li>kalau huruf sudah berubah menjadi pesawat kemudian klik pada menu modify, pilih break apart (gambar pesawat telah menjadi bentuk gambar). </li></ul>2. Klik menu Add Motion Guided, maka akan muncul layer baru (layer guide) di atas layer 1. Posisikan layer 1 di dalam guide layer, perhatikan pada gambar berikut: <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwRyWHiq5w0nOVbZ2mNpfoMG31M0WWsCl553HB6tCUZbT1asarLx5N1auAUa8q3ZyXFwzF9AatW0jxxH0pIigvUI5U7s2ep9nwbg9KNVZzZkqqLFOKh0U3Jdcv7XjMHvrEl-x1zPacKx3x/s1600-h/aaa.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298018988619381618" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwRyWHiq5w0nOVbZ2mNpfoMG31M0WWsCl553HB6tCUZbT1asarLx5N1auAUa8q3ZyXFwzF9AatW0jxxH0pIigvUI5U7s2ep9nwbg9KNVZzZkqqLFOKh0U3Jdcv7XjMHvrEl-x1zPacKx3x/s400/aaa.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 115px;" /></a>3. gambarkan garis yang menandakan jalur perpindahan pesawat pada guide layer dengan menggunakan pen tool. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbBKZtDDbekrDW-1mM5J7iMEwZfwQOy_1xowPtNC_CeRZ0RoDFrKFKW4xUaYLsRgOEwv5rmbfpn12yg2grge63SRmaaOah9IXwsZskXgZqcKN3e0ZS_Jy_sqnTr1EW70A044EYUCExOm4/s1600-h/pen.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298019183826197778" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbBKZtDDbekrDW-1mM5J7iMEwZfwQOy_1xowPtNC_CeRZ0RoDFrKFKW4xUaYLsRgOEwv5rmbfpn12yg2grge63SRmaaOah9IXwsZskXgZqcKN3e0ZS_Jy_sqnTr1EW70A044EYUCExOm4/s400/pen.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 289px; height: 193px;" /></a>4. Klik pada layer 1 frame 1, klik kanan, lalu pilih create motion tween. 5. klik pada masing-masing layer (layer 1 dan guide layer), buat keyframe yang sama (misal di frame 30). <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWYBdMxLxD7GjKbDIA_lSTrywvi5ln1Z2BnQbPRkYkTvnHfYpVdD338XLcj1x2V9hdeZLuGrb5-m44lyUe6l7lIhzGNg2tRgNbz-iFFVcqjmKB9loL4EkM8yB3ew-5b43B8TXjl0SK607g/s1600-h/asa.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298019416272122994" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWYBdMxLxD7GjKbDIA_lSTrywvi5ln1Z2BnQbPRkYkTvnHfYpVdD338XLcj1x2V9hdeZLuGrb5-m44lyUe6l7lIhzGNg2tRgNbz-iFFVcqjmKB9loL4EkM8yB3ew-5b43B8TXjl0SK607g/s400/asa.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 531px; height: 65px;" /></a>6. klik pada layer 1 frame 1, pindahkan pesawat pada jalur perpindahan awal, missal dari kanan. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmOfxNN2hRaXMeC8imofjScTo0IRfg-R3ePUI8k-E6zWJY9n_6QWIH0YbLBI_DMPP5xjSILrFQvlV_dDoQP1roHTkejYJ1jjhV8Cqj7FAUrzC0xpAudy7FumnfXe43JNSLV_pfqRqkXBJ/s1600-h/saaa.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298019689078490658" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmOfxNN2hRaXMeC8imofjScTo0IRfg-R3ePUI8k-E6zWJY9n_6QWIH0YbLBI_DMPP5xjSILrFQvlV_dDoQP1roHTkejYJ1jjhV8Cqj7FAUrzC0xpAudy7FumnfXe43JNSLV_pfqRqkXBJ/s400/saaa.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 386px; height: 361px;" /></a>7. klik pada layer 1 frame 30, pindahkan pesawat pada titik akhir perpindahan/ tepat pada garis akhir pada guide layer. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCFTAib4v4fIGJcDQvGTcRNavDO4-gtpr42ouDsAAWPu7bZ_moxLpvenY1ndfV0jqZPG5U-35J0sQEWBp1GnZMFgl7hyaJGIul25wITPEZ6VpxcUN3tLZpAwBX_ARYPijgiy66C-H5GgR4/s1600-h/saaa2.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298019687949633746" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCFTAib4v4fIGJcDQvGTcRNavDO4-gtpr42ouDsAAWPu7bZ_moxLpvenY1ndfV0jqZPG5U-35J0sQEWBp1GnZMFgl7hyaJGIul25wITPEZ6VpxcUN3tLZpAwBX_ARYPijgiy66C-H5GgR4/s400/saaa2.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 389px; height: 313px;" /></a>8. jalankan animasinya. D. Animasi Masking Animasi masking merupakan animasi obyek yang menutupi obyek lain sehingga obyek yang menutupi akan terlihat transparan. Animasi ini sangat berguna apabila kita membuat semacam penegasan daerah tertentu (spot area). Langkah-langkah membuat animasi masking: <ol><li> Buatlah sebuah tulisan MASKING AREA dengan text tool. Kemudian pada layer 1 frame 40, buat Frame.</li><li>Buatlah gambar lingkaran dari Oval tool pada layer 2 dan buat create motion tween.</li><li>Pada frame 40 layer 2 insert Keyframe, kemudian pindahkan gambar lingkaran ke ujung tulisan MASKING AREA.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglEvrcCOe1XF_Fx8NO9R2PcigR_Jxw1qCPyWpKAI-CgC5juSxELCbzKqTH12qqrWNVlvpCh5FF77vq4KbF2fEqjet5o3-6uUi7s7FT20PK7anyUEzCvpGzBCbrMLzEJ9s-rHb1aNyJ1imO/s1600-h/saaa3.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298020149985609074" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglEvrcCOe1XF_Fx8NO9R2PcigR_Jxw1qCPyWpKAI-CgC5juSxELCbzKqTH12qqrWNVlvpCh5FF77vq4KbF2fEqjet5o3-6uUi7s7FT20PK7anyUEzCvpGzBCbrMLzEJ9s-rHb1aNyJ1imO/s400/saaa3.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 104px;" /></a></li><li>Klik kanan layer 2 dan pilih Mask.</li><li>Jalankan animasi</li></ol><div style="text-align: left;">Hasil animasi: <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAo8LZypUjC4QwjXMSew_pYJnOuJ046WLxXXDJHkVkapYsjc_6psbgAAyP6wgfLw8RJSWGjN-GA7E9sbhCrJXrMvcvrTXUKmZW4RK27jS4vjrIhVUuR0A0awCDEwUVIq1RgqCNSQKD7Dt/s1600-h/ask.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298020478230173090" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAo8LZypUjC4QwjXMSew_pYJnOuJ046WLxXXDJHkVkapYsjc_6psbgAAyP6wgfLw8RJSWGjN-GA7E9sbhCrJXrMvcvrTXUKmZW4RK27jS4vjrIhVUuR0A0awCDEwUVIq1RgqCNSQKD7Dt/s400/ask.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 469px; height: 131px;" /></a> <div style="text-align: center;">SELAMAT MENCOBA...!!! </div></div>

Tutorial Flash MX Teknik Animasi FlashMX

A. ANIMASI GERAK (Motion Tween)Animasi gerak atau lebih dikenal dengan Motion tween merupakan model animasi yang sangat mendasar. Motion tween adalah perintah untuk membuat gerakan dalam satu layer. Motion tween ada untuk memudahkan kita membuat gera…

Timeline, Layer, Frame Dan Scene Pada FlashMX

February 01, 2009 Tekanima 0

A. Timeline Timeline berisi layer dan frame yang berfungsi untuk mengontrol objek yangakan dianimasikan. Time line merupakan bagian dari flash yang berfungsi sebagai pengatur urutan tampilan yang berdasarkan frame. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDBbdGjiB_P3B_tSr2GPmWl41uKtIQ2n9UE8O4B1aLj6fs829gJZfSA68FVKdIgo5VNC0M-ljskhT0iYiVcYegR5MQ2IyplGuUZz4Lm0Ll-NpX6Uq1XFoNuqC1mnplMvj6S7pXv4BRJuxK/s1600-h/time+line2.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298005635723098962" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDBbdGjiB_P3B_tSr2GPmWl41uKtIQ2n9UE8O4B1aLj6fs829gJZfSA68FVKdIgo5VNC0M-ljskhT0iYiVcYegR5MQ2IyplGuUZz4Lm0Ll-NpX6Uq1XFoNuqC1mnplMvj6S7pXv4BRJuxK/s400/time+line2.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 132px;" /></a> B. Layer Layer seperti lembaran-lembaran film yang berisi gambar actor yang akan dianimasi. Dalam satu film terdapat lebih dari 1 layer. Setiap kali Anda membukasebuah file movie yang baru, disitu akan tersedia sebuah layer sebagai modalawal. Sehingga Anda bisa menambahkan layer, apabila menginginkan lebih dari satu layer. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaoGVRmwiY6kAQ3VJhG_Z5VQe5r9wdM4HtADWmo5jtITBuBniuCeQyWzLH_4XkIEg5zMEIMQuRW37LyZi5-kdRyLl6shG2Nr1GwcmcEvIJTv75-jQidi4R0WWA4nOEnYU97iAvsWOU1pi/s1600-h/layer.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298006089510500002" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaoGVRmwiY6kAQ3VJhG_Z5VQe5r9wdM4HtADWmo5jtITBuBniuCeQyWzLH_4XkIEg5zMEIMQuRW37LyZi5-kdRyLl6shG2Nr1GwcmcEvIJTv75-jQidi4R0WWA4nOEnYU97iAvsWOU1pi/s400/layer.JPG" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 177px; height: 81px;" /></a> Kegunaan layer antara lain yaitu; untuk membuat animasi lebih dari satu, untuk mengorganisasikan elemen-elemen dalam satu movie, agar tidak terjadi pengirisan antara satu objek dengan objek yang laiinnya, agar bisa menemukan objek lebih cepat dan mudah, dan lain sebagainya. Layer adalah bagian yang memungkinkan kita untuk memberikan nama atau identitas lain (Normal, Guide, Guided dan Mask) yang berguna untuk memberikan efek pada tampilan yang dibuat. Selain itu, pengguna layer dimaksudkan untuk memberikan tingkatan atau hirarki dari gambar yang dibuat. Membuat Layer untuk membuat layer dapat meng-klik Insert, lalu klik Timeline, terakhir pilih Layer. Atau dapat melalui icon layer baru. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwjwKlULTct0FttikMVu7tgU2us9MvKImnS0DOnhDU7qjNKQxPfZBKI6c8yCJI50Smgx5jMOyyvMGsvVP5PA62dcl3DzmAaHCMoHX4_pM4hgOA0MBKT75fgNcqnEG3kZ2AaD3ae20PVhM_/s1600-h/layer1.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298006559705162610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwjwKlULTct0FttikMVu7tgU2us9MvKImnS0DOnhDU7qjNKQxPfZBKI6c8yCJI50Smgx5jMOyyvMGsvVP5PA62dcl3DzmAaHCMoHX4_pM4hgOA0MBKT75fgNcqnEG3kZ2AaD3ae20PVhM_/s400/layer1.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 256px;" /></a>Perhatikan susunan layer di atas, nampak bahwa layer 3 berada pada posisi paling atas kemudian disusul layer 2, layer 3. pola susunan layer di atas memudahkan kita untuk membuat gambar animasi satu kemudian bersembunyi (dibelakang) pada layer lain. Layer yang paling atas akan menutupi layer yang berada dibawahnya, begitu seterusnya. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_C7aY8Ttd8q0o-cS2uvqc85P00SdWEaex4HHDL7_1PcTHl_R9zQ3SFkGqSANLQ9zsRl1_FpAYsNkRqsPmIR2IqD3mFfsrFXWY9IuJ_mDq1HuCR7gMJb-NXvi9acSwdTsUcOBw4hMry59/s1600-h/layer3.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298006834776356594" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_C7aY8Ttd8q0o-cS2uvqc85P00SdWEaex4HHDL7_1PcTHl_R9zQ3SFkGqSANLQ9zsRl1_FpAYsNkRqsPmIR2IqD3mFfsrFXWY9IuJ_mDq1HuCR7gMJb-NXvi9acSwdTsUcOBw4hMry59/s400/layer3.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 85px;" /></a>Gambar di atas merupakan control later. Show/ Hide All Layers untuk menyembunyikan atau menghilangkan semua gambar obyek yang berada di semua layer. Lock/ Unlock All Layer untuk mengunci semua layer, agar layer tertentu yang dapat diedit. Show All Layers as Outlines untuk menampilkan warna strokenya. Untuk membuat sebuah gambar pada layer Anda tingga memilih layer yang mana yang akan digunakan kemudian Anda tingal buat gambar atau tulisan sesuai dengan yang diinginkan. Namun perlu diperhatikan bahwa setiap obyek memiliki pewaktuan yang berbeda (timing). Hal tersebut sangat bergantung dari scenario yang anda buat. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu_K1AfFH755-BD5umSISFrfcQiKcs7-t0TmekJ0AmOPgzGqOKgDtZWsdTEZrFE15osGXjWB93JKovAG-kVOMCKuNa4DG1NLrgfH3ZQ7mDlPE2FtQEvmSb-MfdYoDv6l1XFDP6zd2FZVo9/s1600-h/layer2.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298007161106009730" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu_K1AfFH755-BD5umSISFrfcQiKcs7-t0TmekJ0AmOPgzGqOKgDtZWsdTEZrFE15osGXjWB93JKovAG-kVOMCKuNa4DG1NLrgfH3ZQ7mDlPE2FtQEvmSb-MfdYoDv6l1XFDP6zd2FZVo9/s400/layer2.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 179px;" /></a>Dalam pengaturan layer kita akan menjumpai ikon seperti diatas, kegunaan dari ikon-ikon tersebut adalah : Insert Layer, untuk menambah layer Add Motion Guide, untuk menjadikan layer tertentu sebagai guide layer Insert Layer Folder, untuk menambah layer folder Delete Layer, untuk menghilangkan (mendelete layer). C. Frame Merupakan bagian dari layer, tempat meletakkan gambar. Frame digunakan utnuk menentukan jeda (tenggang) waktu obyek untuk beranimasi. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4ndruh2x_c71Hu4aiZ_lXKptSeUczJBGYiJ6avNr4IPocP3lir70E_2yEnJyVauP7tyZ0dZUeR-EjvlAC1uRxfq5tku5Bn3pit2Hsx-7hlM6vgX6KsC_GTUnvwfIav3PhdrvxJHzwx-S/s1600-h/filter.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298007768729519218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4ndruh2x_c71Hu4aiZ_lXKptSeUczJBGYiJ6avNr4IPocP3lir70E_2yEnJyVauP7tyZ0dZUeR-EjvlAC1uRxfq5tku5Bn3pit2Hsx-7hlM6vgX6KsC_GTUnvwfIav3PhdrvxJHzwx-S/s400/filter.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 233px;" /></a>Frame diumpamakan seperti film dimana kumpulan gambar disusun kemudian dimainkan secara berurutan sehingga gambar tersebut terlihat bergerak. Keyframe artinya kunci dari berbagai frame dimana frame tersebut berisi gambar (gambar diam ataupun gambar beranimasi) dan sebagai tempat untuk meletakkan action script (bahasa program dari flash). Blank keyframe artinya keyframe yang belum berisi objek, atau keyframe yang masih kosong. D. Scene Scene kita umpamakan seperti bagian adegan dari sebuah film dimana setting latar dan pemainnya dapat berbeda. Di flash scane merupakan bagian-bagian dari sebuah projek yang berisi kumpulan layer, gambar animasi maupun tombol, pada setiap scane, gambar, animasi objek dan tombol dapat berbeda-beda sesuai dengan skenario bahan yang ingin kita buat. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKU-pa2ezMkPqAlKENP91eN4QtQuyJxxv0gP9Lhcjd16PfXjODJjEN0CN48tQWhftmb4ERtFgDR_f7FMQCi65ZN-PkH-XzeISPWoQicooPvCDVmk0St0CrZZ5SROtwCsY-OiaEZpS66-Iq/s1600-h/scene.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298008164382179330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKU-pa2ezMkPqAlKENP91eN4QtQuyJxxv0gP9Lhcjd16PfXjODJjEN0CN48tQWhftmb4ERtFgDR_f7FMQCi65ZN-PkH-XzeISPWoQicooPvCDVmk0St0CrZZ5SROtwCsY-OiaEZpS66-Iq/s400/scene.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 183px;" /></a> Demikianlah Sekilas tentang Timeline, Layer, Frame Dan Scene..

Tutorial Flash MX Timeline, Layer, Frame Dan Scene Pada FlashMX

A. TimelineTimeline berisi layer dan frame yang berfungsi untuk mengontrol objek yangakan dianimasikan. Time line merupakan bagian dari flash yang berfungsi sebagai pengatur urutan tampilan yang berdasarkan frame.B. LayerLayer seperti lembaran-lembar…

Sekilas Tentang Text Pada Flash MX

February 01, 2009 Tekanima 0

Teks (Istilah dalam flash dikenal dengan type atau ketikan) dapat ditampilkan dengan efek-efek yang menarik. Teks juga merupakan bagian dari obyek yang dapat dianimasikan. Teks dapat diperpanjang dan diperpendek atau diperbesar diperkecil, atau sebaliknya seperti pada obyek-obyek yang lain. Ada tiga jenis field teks dalam Flash, yaitu Static Text, Dynamic Text dan Input Text. Static Text, adalah teks yang didalam pengoperasiannya tidak akan mengalami perubahan secara dinamis. Sebagai contoh, teks yang ditampilkan secara statis atau diam maupun teks yang dianimasikan secara gerak saja tanpa mengubah bunyi tulisan itu secara otomatis. Dynamic Text, merupakan teks yang didalam pengorasiannya akan mengalami perubahan-perubahan secara dinamis sesuai dengan masukan perintah yang diberikan. Contohnya, teks yang menampilkan score pada papan score hasil pertandingan olah raga, jadwal kedatangan pesawat, tampilan jam digital dll. Input Text Fields, test field yang memungkinkan user memberikan masukan teks. Selanjutnya masukan tersebut akan ditindak-lanjuti dengan aksi-aksi tertentu sesuai dengan script yang dimasukkan. Musalnya menghitung nilai masukan angka dan menampilkan dalam bentuk aksi yang lain. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxftaLugOTsiX4aJU0GBUVOMX3jLyp98NhkV2YihlUqXw2yoXafVUDbkGsG0CCRpCmynatsDzEd8k-8Wa0IbsgfWskMFk2osEeqDMOAVwI50IKL9ClKZnacQ96ANjMNxwxNNriiJa4J1Q/s1600-h/text.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298002120000223442" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxftaLugOTsiX4aJU0GBUVOMX3jLyp98NhkV2YihlUqXw2yoXafVUDbkGsG0CCRpCmynatsDzEd8k-8Wa0IbsgfWskMFk2osEeqDMOAVwI50IKL9ClKZnacQ96ANjMNxwxNNriiJa4J1Q/s400/text.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 150px;" /></a> Demikian Sekilas Tentang Text pada Flash MX... <div style="text-align: center;">Semoga Bermanfaat... </div>

Tutorial Flash MX Sekilas Tentang Text Pada Flash MX

Teks (Istilah dalam flash dikenal dengan type atau ketikan) dapat ditampilkan dengan efek-efek yang menarik. Teks juga merupakan bagian dari obyek yang dapat dianimasikan. Teks dapat diperpanjang dan diperpendek atau diperbesar diperkecil, atau sebal…

TEKANIMA23

Teknik Animasi FlashMX

Timeline, Layer, Frame Dan Scene Pada FlashMX

Sekilas Tentang Text Pada Flash MX

Popular Posts

Arsip Blog

Karya Siswa