Storyboard Bola Bekel

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEEYpon8sf7Vwt0TkhtefTJsnkYftJ-52CuXpq-97GtaJkIiXjMXkfO0Y2gYyHhLnFSOrnd-6K23RKos5w2ZccXlI9tljqf-7S6se3nl4DZKYuSgdQTUWww-e8i_bJIfB59k9Qiitu8Zs/s1600/story+1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="496" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEEYpon8sf7Vwt0TkhtefTJsnkYftJ-52CuXpq-97GtaJkIiXjMXkfO0Y2gYyHhLnFSOrnd-6K23RKos5w2ZccXlI9tljqf-7S6se3nl4DZKYuSgdQTUWww-e8i_bJIfB59k9Qiitu8Zs/s320/story+1.PNG" width="258" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFn5NnZMd1uePoIRUkTGQJQqU_fF0eksvACkqMjNSEMCaMfTST1mghI-rkZdHhyT9cemjVs2YKL9iz5d41ZyHCC2UXaOW0XfiRYCddpizG4VOfcsGpsTgK-_dH6S14XcqilleTMZJDbDs/s1600/story+1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmx9XFfpEyOXffGUaa5zsLoSlHp9FjaA0wGapWDiIeG5dRn01fvRyVvBps3MkjbKgfq0WFOAH6b3DPv5FlFnweDY3UmIfLGGg-qyrs_WvhLnQ-ncapbFuZ1Y62unF9vCPXKZIDFrYL7Kw/s1600/story+2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="569" data-original-width="499" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmx9XFfpEyOXffGUaa5zsLoSlHp9FjaA0wGapWDiIeG5dRn01fvRyVvBps3MkjbKgfq0WFOAH6b3DPv5FlFnweDY3UmIfLGGg-qyrs_WvhLnQ-ncapbFuZ1Y62unF9vCPXKZIDFrYL7Kw/s320/story+2.PNG" width="280" /></a></div>

animasi animasi 2d Referensi Storyboard Bola Bekel

Read more »

Gaya Animasi

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj72o0yJlEfiF5yl0S-Y-PFUQFErUwTb5JRQL6M8VwWCiD9ThBXiFZayaOsswPxNGRQDDWocg3rfVgxQ6VFRBhd3XARqnUvH7vVhiF5phzP_Ki4GI73WUy8xIfI2DYzrz71TfaQ5gTIMVA/s1600/5bd84d975c94ecf727cc2544078b3f31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="173" data-original-width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj72o0yJlEfiF5yl0S-Y-PFUQFErUwTb5JRQL6M8VwWCiD9ThBXiFZayaOsswPxNGRQDDWocg3rfVgxQ6VFRBhd3XARqnUvH7vVhiF5phzP_Ki4GI73WUy8xIfI2DYzrz71TfaQ5gTIMVA/s1600/5bd84d975c94ecf727cc2544078b3f31.jpg" /></a></div><br /><span style="font-family: "arial" , "helvetica" , sans-serif;">Gaya animasi mengacu pada pergerakan yang dihasilkan oleh karya animasi. Gaya animasi sendiri terbagi menjadi 3 yaitu;</span><br /><br /><span style="font-family: "arial" , "helvetica" , sans-serif;">1. Teknik Rostocope</span><br /><br /><span style="font-family: "arial" , "helvetica" , sans-serif;"> </span><span style="font-family: "arial" , "helvetica" , sans-serif;">           </span><span lang="IN" style="color: black; font-family: 'Gill Sans MT Light', sans-serif;">Rotoscope/rotoscoping berarti teknik yang digunakan untuk menggerakan animasi dengan cara menggabungkan frame-frame agar menjadi sebuah gambar<span class="apple-converted-space"> </span></span><span style="color: black; font-family: 'Gill Sans MT Light', sans-serif;">ber</span><span lang="IN" style="color: black; font-family: 'Gill Sans MT Light', sans-serif;">gerak.</span><span style="color: black; font-family: 'Gill Sans MT Light', sans-serif;"></span><span lang="IN" style="color: black; font-family: 'Gill Sans MT Light', sans-serif;">Cara itu dapat dilakukan dengan menampilkan film ke dalam bidang transparan yang akan di-tracing oleh animator dan akan menggambar satu persatu gambar yang akan mun</span><span style="color: black; font-family: 'Gill Sans MT Light', sans-serif;">c</span><span lang="IN" style="color: black; font-family: 'Gill Sans MT Light', sans-serif;">ul pada bidang tersebut.</span><br /><br /><div class="MsoNormal" style="text-indent: 36.0pt;"><span style="font-family: 'Gill Sans MT Light', sans-serif; line-height: 115%;"><span style="font-size: small;">Pada p</span>erkembangannya teknik rotoscope ini dikembangkan menjadi teknik bluescreen yang dikenal sekarang. Namun dalam beberapa kasus dimana terjadi ketidaksempurnaan teknik bluescreen, teknik rotoscope digunakan untuk menyempurnakannya.</span></div><br /><div style="text-align: center;"><br /></div><div style="text-align: center;"><span lang="IN" style="color: black; font-family: 'Gill Sans MT Light', sans-serif;"><b>CONTOH KARYA MAX FLEISCHER MENGGUNAKAN TEKNIK ROSTOCOPE</b></span></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD0qnK6pzqZUJ-niYsLeieaiHe4b1Zp8DJ_oXJRzWUh-CHWVuNueTGQdZiGHMlIp_0kitvwylBeqQS49IFTFzN6GGN8SetWsLCn7AVWYMNPZyJNaYGA7pxFaMj8K4bgiVGqJGBrtOIAwU/s1600/koko_animation_guide.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="336" data-original-width="550" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD0qnK6pzqZUJ-niYsLeieaiHe4b1Zp8DJ_oXJRzWUh-CHWVuNueTGQdZiGHMlIp_0kitvwylBeqQS49IFTFzN6GGN8SetWsLCn7AVWYMNPZyJNaYGA7pxFaMj8K4bgiVGqJGBrtOIAwU/s320/koko_animation_guide.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JzW7cp-DV_-GuoLkD0bwY-JHJAe5zRGRH3N5u75zM0pEXPcGiyrD5A3yMlE4FTOTVqVhMUgCWik3GYu9fv1zAC2eoYmU-BFYju1LCeuh_N7t75r2TKBYQFgDrD9tLEZccPnJvTWP9Ug/s1600/6a00d83451ce4269e20133f04050dc970b-800wi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="388" data-original-width="604" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JzW7cp-DV_-GuoLkD0bwY-JHJAe5zRGRH3N5u75zM0pEXPcGiyrD5A3yMlE4FTOTVqVhMUgCWik3GYu9fv1zAC2eoYmU-BFYju1LCeuh_N7t75r2TKBYQFgDrD9tLEZccPnJvTWP9Ug/s320/6a00d83451ce4269e20133f04050dc970b-800wi.jpg" width="320" /></a></div><div style="text-align: left;"><span lang="IN" style="color: black; font-family: 'Gill Sans MT Light', sans-serif;"><b> </b> 2.</span><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><b> </b>Animasi Cel </span></span></div><div style="text-align: justify;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Animasi cel berasal dari kata “<i>celluloid</i>”, yaitu bahan dasar dalam pembuatan animasi jenis ini ketika tahun-tahun awal adanya animasi. Animasi cel merupakan lembaran-lembaran yang membentuk animasi tunggal, masing-masing cel merupakan bagian yang terpisah sebagai objek animasi. misalnya ada tiga buah animasi cel, cel pertama berisi satu animasi karakter, cel kedua berisi animasi karakter lain, dan cel terakhir berisi latar animasi. Ketiga animasi cel ini akan disusun berjajar, sehingga ketika dijalankan animasinya secara bersamaan, terlihat seperti satu kesatuan. Contoh animasi jenis ini adalah film kartun seperti Tom and Jerry, Mickey Mouse dan Detectif Conan.</span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89ut-oDw6cCsKC9XZco7qqOK9Fi6eeOSLnHgITm5J2CRX60ZwW7uFJMbq1xlF3v5eco8NwUknCgY7SStGF91E9oncxA6ZjB3zFRfGxOiRXWWQPFNegDb1I6Y62JY6HzoR6AMR3GnMzgA/s1600/celanimationlayer.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="212" data-original-width="381" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89ut-oDw6cCsKC9XZco7qqOK9Fi6eeOSLnHgITm5J2CRX60ZwW7uFJMbq1xlF3v5eco8NwUknCgY7SStGF91E9oncxA6ZjB3zFRfGxOiRXWWQPFNegDb1I6Y62JY6HzoR6AMR3GnMzgA/s320/celanimationlayer.gif" width="320" /></a></div><div style="text-align: justify;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"> </span></span></div><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></span><div style="text-align: justify;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br /></span></span></div><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></span><div style="text-align: justify;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">3. Animasi Frame</span></span></div><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></span><div style="text-align: justify;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Animasi frame merupakan animasi yang paling sederhana, dimana animasinya didapatkan dari rangkaian gambar yang bergantian ditunjukan, pergantian gambar ini diukur dalam satuan fps (frame per second). Contoh animasi ini adalah ketika kita membuat rangkaian gambar yang berbeda pada tepian sebuah buku, kemudian kita buka buku tersebut sedemikian rupa menggunakan jempol, maka gambar akan terlihat bergerak. Dalam Macromedia Flash, animasi ini dibuat dengan teknik animasi keyframe, teknik ini sering digunakan untuk mendapatkan animasi objek yang tidak bisa didapatkan dengan teknik animasi tween, teknik animasi path dan teknik animasi script.</span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyom8H9kiZ8oF5HuIFzeDPVif5VNcGQ_4D12Kbosl84HghtpV03avXRgiYZZDk2TudCPFN1O-bCZYLxXRQniEl7AQANL9Fa42XRaXHx_dwTOn7wK7PTnuG_bwhuJXrg8oU4zP392Phts/s1600/6a00d83451ce4269e20133f04050dc970b-800wi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="388" data-original-width="604" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyom8H9kiZ8oF5HuIFzeDPVif5VNcGQ_4D12Kbosl84HghtpV03avXRgiYZZDk2TudCPFN1O-bCZYLxXRQniEl7AQANL9Fa42XRaXHx_dwTOn7wK7PTnuG_bwhuJXrg8oU4zP392Phts/s320/6a00d83451ce4269e20133f04050dc970b-800wi.jpg" width="320" /></a></div><div style="text-align: justify;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"> </span></span></div><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></span><br /><div style="text-align: left;"><span lang="IN" style="color: black; font-family: 'Gill Sans MT Light', sans-serif;">http://andyds9.blogspot.co.id/2014/03/teknik-rotoscope.html</span></div><div style="text-align: left;"><span lang="IN" style="color: black; font-family: 'Gill Sans MT Light', sans-serif;">http://yuniamelty.blogspot.co.id/2017/06/sejarah-pengertian-dan-teknik-animasi.html</span></div>

animasi animasi 2d Referensi Gaya Animasi

Gaya animasi mengacu pada pergerakan yang dihasilkan oleh karya animasi. Gaya animasi sendiri terbagi menjadi 3 yaitu; 1. Teknik Rostocope  ...

Read more »

Cara Menggunakan Path Deform pada 3Ds Max

<div align="center" class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><b><span style="font-size: 18.0pt; line-height: 106%;">Cara Menggunakan Path Deform pada <o:p></o:p></span></b></div><div align="center" class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><b><span style="font-size: 18.0pt; line-height: 106%;">Autodesk 3Ds Max 2010<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;"><br /></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">Path Deform adalah tools modifer untuk menganimasikan suatu objek sesuai dengan jalur yang dibuat. Contoh untuk menganimasikan sebuah bola, peluru ular dan lain lain, kita bisa menggunakan tools modifer ini untuk mempermudahkan kita. Langsung saja...<o:p></o:p><br /><span style="font-size: 7pt; font-stretch: normal;"><br /></span><br /><ol><li>Buka objek yang akan dianimasikan, kali ini saya menggunakan ular.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYxenp9_J-Ps9nBMssfUYP6uXLCWD8yrNRG8FRVuP1-bj-VFKXWBIUWBWRoAcmzHReNHQZFwP5VdnAveNuhsoyxXWY2PfU1TeiJhTW0XLIvS0NKBKjAjN4UV3HclVAHSjJcUPQCGlNDs/s1600/Screenshot+%252836%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYxenp9_J-Ps9nBMssfUYP6uXLCWD8yrNRG8FRVuP1-bj-VFKXWBIUWBWRoAcmzHReNHQZFwP5VdnAveNuhsoyxXWY2PfU1TeiJhTW0XLIvS0NKBKjAjN4UV3HclVAHSjJcUPQCGlNDs/s400/Screenshot+%252836%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li><li>Pada panel Top, kita buat jalurnya menggunakan line. (pada saat membuat line, anda bisa menahan klik/<b><i>Hold</i></b> anda lalu menariknya untuk melengkungkan garisnya)<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj_CFTWq0vdD-UOGqKpqQwMl7LR207jSZU4Xmp6pdKEcuOrSziFO-NjwQGb-xwhnTsfZqxnI6wGFYZx8VrES_43mbPoQraaQtJDoHVDqa-VbBOl2nNDlkIFrp3Vg6Dsj6X8ipuhn13J88/s1600/Screenshot+%252837%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj_CFTWq0vdD-UOGqKpqQwMl7LR207jSZU4Xmp6pdKEcuOrSziFO-NjwQGb-xwhnTsfZqxnI6wGFYZx8VrES_43mbPoQraaQtJDoHVDqa-VbBOl2nNDlkIFrp3Vg6Dsj6X8ipuhn13J88/s400/Screenshot+%252837%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li><li>Setelah itu kita seleksi ularnnya lalu beri tools modifer <b>Path Defrom</b> (bukan Patch tapi Path)<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPQn9kx48BQc65CLqHUpOb6q4wUSf8_9UfOPCL_QkBmK1Oynpw8PbyonIDiE5b7-ly0MmhXmljyzkmgEH8E0PuK4ieMs4LoHLUXI5DHBR4iDftMH_8qoOnNt0QU3YvwiwxrU7TFqgaj14/s1600/Screenshot+%252839%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPQn9kx48BQc65CLqHUpOb6q4wUSf8_9UfOPCL_QkBmK1Oynpw8PbyonIDiE5b7-ly0MmhXmljyzkmgEH8E0PuK4ieMs4LoHLUXI5DHBR4iDftMH_8qoOnNt0QU3YvwiwxrU7TFqgaj14/s400/Screenshot+%252839%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li><li>Lalu pada penel modifernya klik pada <b>pick path</b> lalu pilih line yang kita buat tadi.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwjE9dICAIaOmNK2d9i4Vt6uYsNvqwnUL2AwIQesw95MnsIY_AJUHqemHkORp7PHvG5Jzj9Anh6-DDSAUsMklaPdvGkHhisl9_z_S-WzpesWXMo15H5ajJfV-9HvHhv0FeCx2wWbAmESo/s1600/Screenshot+%252840%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwjE9dICAIaOmNK2d9i4Vt6uYsNvqwnUL2AwIQesw95MnsIY_AJUHqemHkORp7PHvG5Jzj9Anh6-DDSAUsMklaPdvGkHhisl9_z_S-WzpesWXMo15H5ajJfV-9HvHhv0FeCx2wWbAmESo/s400/Screenshot+%252840%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li><li>Lalu pilih <b>Move to Path </b>untuk memindahkan objek tepat pada jalur.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52Q5PrWeh5s6XzZopyHheHKybKAxabngqSnkcbWVlLAFiKY9_EezTKIO5QYy7k7y6AaXCZg_tV9SrfjRCihZamILpzWcxESFI1_UtzdpMX5ZJ950WckGtTCqRNKsGYBGwbO7x8A-XEQ8/s1600/Screenshot+%252841%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52Q5PrWeh5s6XzZopyHheHKybKAxabngqSnkcbWVlLAFiKY9_EezTKIO5QYy7k7y6AaXCZg_tV9SrfjRCihZamILpzWcxESFI1_UtzdpMX5ZJ950WckGtTCqRNKsGYBGwbO7x8A-XEQ8/s400/Screenshot+%252841%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li><li>Atur <b>Path Defrom Axis </b>(ini tidak menentu untuk semua objek, jadi cobalah satu satu).<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu-qTmamWk4nnqdgkGgGk_LpiPL06hJZ_nf3umilhoqp3dkmmjthgUztXXYkGk9g0opbeTmWt62FPQiWM3ehgkEyFBRWX-hixdv23TgpZkjrm-2gcAQWPWYlBBFpqsco-j_PZ9unS8aFc/s1600/Screenshot+%252842%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu-qTmamWk4nnqdgkGgGk_LpiPL06hJZ_nf3umilhoqp3dkmmjthgUztXXYkGk9g0opbeTmWt62FPQiWM3ehgkEyFBRWX-hixdv23TgpZkjrm-2gcAQWPWYlBBFpqsco-j_PZ9unS8aFc/s400/Screenshot+%252842%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li><li>Jangan kawatir kalau objeknya miring, kita bisa mengaturnya menggunakan <b>Rotation.</b></li><li>Lalu aktikan <b>Auto Key</b> dan klik <b>Gambar kunci</b> pada keyframe pertama<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDBJGvTkaTgy3R0E9uI44kJARtq0P5vegX5TLVIUwz__Bw1qiSCC3-8IPVfhH2kaJL-OsJazozXfrq2plnoYdgnFX3Ngf0rfSfYbQAITTP08DmxtEwrS9ksnwBEBRQeC-t7cp9FqgtKXo/s1600/Screenshot+%252843%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDBJGvTkaTgy3R0E9uI44kJARtq0P5vegX5TLVIUwz__Bw1qiSCC3-8IPVfhH2kaJL-OsJazozXfrq2plnoYdgnFX3Ngf0rfSfYbQAITTP08DmxtEwrS9ksnwBEBRQeC-t7cp9FqgtKXo/s400/Screenshot+%252843%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li><li>Lalu pada keyframe yang diinginkan (kali ini saya atur pada keyframe 100), ubah Percent menjadi 100.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ONZE8lj6I7WNezQm_I1Ybz-OovERW3pNp8bhIfw05OPZFgIyqf3GOCr7mXsSU4RptFwfDNy9nJ3M7QcAdOeqxyYoSm4qgBDgUfvzAqUWAkA3FwqRMreyVycsAMaFaG2T1XtCu1nHVCU/s1600/Screenshot+%252844%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ONZE8lj6I7WNezQm_I1Ybz-OovERW3pNp8bhIfw05OPZFgIyqf3GOCr7mXsSU4RptFwfDNy9nJ3M7QcAdOeqxyYoSm4qgBDgUfvzAqUWAkA3FwqRMreyVycsAMaFaG2T1XtCu1nHVCU/s400/Screenshot+%252844%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li><li>Lalu coba di play.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkMRp7f9AyZa3-MOdxcIqBWbUULnZqTh_AbDzqMLIdtidnjaj0EViaWIkor91qZCuN3FIJBlfjxEugyOfHNf2kEH7XqZO6jzMYrfsqlBa0Hp0GwMezh6_GJgoL4AfWSu9JCq0mIG4v5do/s1600/Screenshot+%252845%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkMRp7f9AyZa3-MOdxcIqBWbUULnZqTh_AbDzqMLIdtidnjaj0EViaWIkor91qZCuN3FIJBlfjxEugyOfHNf2kEH7XqZO6jzMYrfsqlBa0Hp0GwMezh6_GJgoL4AfWSu9JCq0mIG4v5do/s400/Screenshot+%252845%2529.png" width="400" /></a></div><div style="text-align: center;"><br /></div></li></ol></div><div class="MsoListParagraphCxSpFirst" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p></div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p></div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p></div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p></div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p></div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p></div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p></div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p></div><div class="MsoListParagraphCxSpLast" style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"><o:p></o:p><br />Saran saya, Cobalah untuk memahami, bukan sekedar mengikuti ^^</div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">Sudah selesai tutorialnya hehehe... jika ada yang mau ditanyakan gak usah sungkan sungkan untuk komen ya...<o:p></o:p></div><br /><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">Thanks and I hope this can help you... ^^<o:p></o:p></div>

animasi Tutorial Cara Menggunakan Path Deform pada 3Ds Max

Cara Menggunakan Path Deform pada Autodesk 3Ds Max 2010 Path Deform adalah tools modifer untuk menganimasikan suatu objek sesuai dengan jalu...

Read more »

Untuk Apa Storyboard di dalam Animasi?

<b>Storyboard dalam animasi? untuk apa? mengapa perlu storyboard dalam pembuatan animasi?</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnyRQ85bHVNOZNTtkMr4Q6GRRNTuYFde3MHJk_31cj1rAkLi7h7g_6nzcpnmYt9eb8Uhwy7dahoMFsMAkYBdD0tu7suczAZy_ao2mF474kLTBT4qwZbzLtxkOYGhp2rEjCOKvyQSicXLE/s1600/fogofwar_storyboard.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnyRQ85bHVNOZNTtkMr4Q6GRRNTuYFde3MHJk_31cj1rAkLi7h7g_6nzcpnmYt9eb8Uhwy7dahoMFsMAkYBdD0tu7suczAZy_ao2mF474kLTBT4qwZbzLtxkOYGhp2rEjCOKvyQSicXLE/s1600/fogofwar_storyboard.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-HAR2I4pA4hBMTfZxKhlntNRD0kuuZQKGGy6TGdg0sPDykxt-0xaBrJHwpxH2lvs_C2DZh_kVADMe8xAScBfCfmj5ngwpTFKj7ZB_b-wWg-_GTceaRZ6amYOtK18Bb60HfmAz4Yuom-w/s1600/stickfigures.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div><br /><div style="text-align: justify;">Dalam pembuatan animasi dibutuhkan banyak orang, dan karena itu storyboard diperlukan. kenapa? karena jika hanya mengandalkan teks atau skrip itu tidak akan cukup. Setiap orang memiliki imajinasinya sendiri. Walaupun ceritanya sama tapi visualisasi atau imajinasi dari setiap orang berbeda. Maka dari itu kita perlu storyboard untuk menyatukan atau menyamakan visualisasi dari setiap orang.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><b>Funsi storyboard antara lain :</b></div><ul><li>Agar alur cerita dapat dengan mudah dipahami oleh seluruh tim</li><li>Agar kita tidak lupa dengan alur cerita yang kita rencanakan (sebagai pedoman atau pengingat)</li><li>Untuk mempermudah pembacaan isi cerita secara visual (seperti komik)</li></ul><b>Beberapa istilah khusus pada pembuatan storyboard :</b><br /><ul><li>Kamera (pengambilan dan pergerakan kamera)</li><li>Bahasa-bahasa teks berita (menerangkan dialog yang harus diucapkan)</li><li>Bahasa audio dan spesial efek (menerangkan letak suara yang harus ada dalam adegan tersebut dan efek khusus yang digunakan)</li></ul>

animasi Untuk Apa Storyboard di dalam Animasi?

Storyboard dalam animasi? untuk apa? mengapa perlu storyboard dalam pembuatan animasi? Dalam pembuatan animasi dibutuhkan banyak orang, dan ...

Read more »

Jenis-jenis Animasi Stop Motion dan Kelebihan dan kekurangannya

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEB_VQ9GDT2Ujp6t6GMzNTo2bIErlRP9HFA08z63NqeDqk4JRPSUsxf_2R9JXu-KtG4yjL31mFMOYRfHxKdCMOPUIybdFFiyK1PnXmQURCGyIHLLNJcbWcH2DatM4SYPP_X8lE41MxI4A/s1600/dv_shaun02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEB_VQ9GDT2Ujp6t6GMzNTo2bIErlRP9HFA08z63NqeDqk4JRPSUsxf_2R9JXu-KtG4yjL31mFMOYRfHxKdCMOPUIybdFFiyK1PnXmQURCGyIHLLNJcbWcH2DatM4SYPP_X8lE41MxI4A/s1600/dv_shaun02.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><b><span style="font-family: Arial, Helvetica, sans-serif;">Pengertian Animasi Stop Motion</span></b></div><div class="separator" style="clear: both; text-align: justify;"><b><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></b></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: 14px; line-height: 22.75px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Animasi Stop motion adalah suatu teknik animasi untuk membuat objek yang dimanipulasi secara fisik agar terlihat bergerak sendiri. Setiap pergerakan dari objek tersebut difoto (frame individual), sehingga menciptakan ilusi gerakan ketika serangkaian frame dimainkan berurutan secara berkesinambungan. </span></span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="text-align: justify;"><b><span style="font-family: Arial, Helvetica, sans-serif;">Jenis-Jenis Animasi Stop Motion</span></b></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><br /><ul><li><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Cut Out Animation</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Cut Out Animation menggunakan objek animasi yang dirancang, digambar pada lembar kertas lalu dipotong sesuai bentuk yang telah dibuat dan diletakan pada bidang datar sebagai lataar belakang.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div></li><li><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Clay Animation</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Jenis ini menggunakan Clay (tanah liat, tepung, atau malam) sebagai objek yang digerakkan</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div></li><li><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Puppet Animation</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Objek animasi pada jenis ini adalah boneka atau figur lainnya yang merupakan penyederhanaan dari bentuk alam.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div></li><li><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Pixilation Animation</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Pixilation adalah suatu  teknik pemotretan dimana manusia berperilaku seperti boneka. sama seperti animasi stop motion lainnya, tetapi objeknya adalah manusia yang berperilaku seperti boneka.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div></li><li><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Objek Animation</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Jenis animasi Stop Motion yang menggunakan benda-benda (objek) sebagai point utama.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div></li><li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Graphic Animation<br />Menggunakan gambar sebagai objek animasi</span></li></ul><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Kelebihan Animasi Stop Motion</b></span></div><div style="text-align: justify;"><ol><li><span style="font-family: Arial, Helvetica, sans-serif;">Siapapun dapat membuatnya</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Tidak diperlukan peralatan yang "WAAHHH atau WOW"</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Masih jarang digunakan</span></li></ol><div><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div><span style="font-family: Arial, Helvetica, sans-serif;"><b>Kekurangan Animasi Stop Motion</b></span></div><div><ol><li><span style="font-family: Arial, Helvetica, sans-serif;">Proses pengerjaan lama</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Konsep harus matang</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">perlu ketelitian yang tinggi</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">gerak objek terbatas</span></li></ol></div></div>

animasi Jenis-jenis Animasi Stop Motion dan Kelebihan dan kekurangannya

Pengertian Animasi Stop Motion Animasi Stop motion adalah suatu teknik animasi untuk membuat objek yang dimanipulasi secara fisik agar terli...

Read more »

Pengertian Animasi dan 12 Prinsip Animasi

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfVzHPavKC2smjpE7vT3i4ViciO9JIQP57LavkDCM33qgJOp1sCzJ1a0KVLdi9ON4Qx9veEMeu2Ov9gnHmKeIfXfoknAAQijaGLuzwGzmKw-zYDbg3xVgefDqfNFGT14s6Zy6nbXLrtU/s1600/Gambar-Lucu-Animasi-Gif.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfVzHPavKC2smjpE7vT3i4ViciO9JIQP57LavkDCM33qgJOp1sCzJ1a0KVLdi9ON4Qx9veEMeu2Ov9gnHmKeIfXfoknAAQijaGLuzwGzmKw-zYDbg3xVgefDqfNFGT14s6Zy6nbXLrtU/s1600/Gambar-Lucu-Animasi-Gif.gif" width="320" /></a></div><b><br /></b><b><br /></b><b>Pengertian</b><br /><b><br /></b><b>Animasi berasal dari kata animate yang berarti membuat objek mati menjadi seolah olah hidup</b><br />Animasi merupakan suatu tehnik menampilkan gambar secara berurutan sehingga menciptakan sebuah ilusi gerakan (motion) pada gambar yang ditampilkan.<br /><b><br /></b><b>12 Prinsip Dasar Animasi</b><br /><b><br /></b><br /><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Squash and stretch<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -18pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"><span style="background: white; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Prinsip yang paling penting adalah " <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&prev=/search%3Fq%3D%25E2%2580%25A2%2Bsquash%2Band%2Bstretch%2Badalah%26sa%3DX%26es_sm%3D122%26biw%3D1366%26bih%3D667&rurl=translate.google.com&sl=en&u=http://en.wikipedia.org/wiki/Squash_and_stretch&usg=ALkJrhjrqHSRpJHcCagnscF1YDwwKh5Dnw" title="Squash dan stretch"><span style="color: windowtext; text-decoration: none; text-underline: none;">squash dan stretch</span></a> ", tujuan yaitu untuk memberikan rasa berat dan fleksibilitas untuk objek yang digambar. Hal ini dapat diterapkan untuk benda-benda sederhana, seperti bola memantul, atau konstruksi yang lebih kompleks, seperti otot-otot wajah manusia. Dibawa ke titik ekstrim, sosok diregangkan atau tergencet ke tingkat yang berlebihan dapat memiliki efek lucu. Dalam animasi yang realistis, bagaimanapun, aspek yang paling penting dari prinsip ini adalah kenyataan bahwa volume yang obyek <i>tidak</i> berubah ketika terjepit atau diregangkan. Jika panjang bola ditarik secara vertikal, lebarnya (dalam tiga dimensi, juga kedalaman) perlu kontrak Sejalan horizontal.</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div><div align="center" class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><b><span style="background: white; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Anticipations<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><br /></div><div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">anticipations  atau <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&prev=/search%3Fq%3D%25E2%2580%25A2%2Bsquash%2Band%2Bstretch%2Badalah%26sa%3DX%26es_sm%3D122%26biw%3D1366%26bih%3D667&rurl=translate.google.com&sl=en&u=http://en.wikipedia.org/wiki/Anticipation_(animation)&usg=ALkJrhjnr0bnHL9TerWobAbjT7MIzgpprA" title="Antisipasi (animasi)"><span style="color: windowtext; text-decoration: none; text-underline: none;">Antisipasi</span></a> digunakan untuk mempersiapkan penonton untuk tindakan, dan membuat tindakan terlihat lebih realistis.contoh Seorang penari melompat dari lantai harus menekuk lutut pertama. Teknik ini juga dapat digunakan untuk tindakan fisik kurang, seperti karakter mencari off-layar untuk mengantisipasi kedatangan seseorang, atau perhatian fokus pada objek yang karakter adalah tentang untuk mengambil.<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk efek khusus, antisipasi juga dapat dihilangkan dalam kasus di mana diharapkan. Rasa yang dihasilkan dari antiklimaks akan menghasilkan perasaan kejutan di penampil, dan sering dapat menambahkan komedi untuk sebuah adegan.<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 7.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span></b><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Staging<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"><span style="background: white; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Prinsip ini mirip dengan </span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&prev=/search%3Fq%3D%25E2%2580%25A2%2Bsquash%2Band%2Bstretch%2Badalah%26sa%3DX%26es_sm%3D122%26biw%3D1366%26bih%3D667&rurl=translate.google.com&sl=en&u=http://en.wikipedia.org/wiki/Staging_(theatre)&usg=ALkJrhjKk4YC96RWUsw-ugwHvbpnVblxBw" title="Staging (teater)"><span style="background: white; color: windowtext; text-decoration: none; text-underline: none;">pementasan</span></a><span style="background: white;"> seperti yang dikenal dalam teater dan film. </span>Tujuannya adalah untuk mengarahkan perhatian penonton, dan membuat jelas apa yang sangat penting terbesar dalam sebuah adegan, Johnston dan Thomas didefinisikan sebagai " penyajian ide sehingga benar-benar dan sangat jelas ", apakah ide itu adalah suatu tindakan, kepribadian, ekspresi atau suasana hati. Hal ini dapat dilakukan dengan berbagai cara, seperti penempatan tokoh dalam frame, penggunaan cahaya dan bayangan, dan sudut dan posisi kamera. Inti dari prinsip ini adalah menjaga fokus pada apa yang relevan, dan menghindari detail yang tidak perlu.<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">straight ahead and pose to pose<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"><span style="background: white; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Ini adalah dua pendekatan yang berbeda untuk proses menggambar yang sebenarnya. "Tindakan depan Lurus" berarti menarik keluar bingkai adegan demi bingkai dari awal sampai akhir, sementara "berpose untuk berpose" melibatkan dimulai dengan menggambar frame kunci, dan kemudian mengisi interval kemudian. "tindakan ke depan Lurus" menciptakan cairan lebih, ilusi dinamis gerakan, dan lebih baik untuk menghasilkan urutan tindakan yang realistis. Di sisi lain, sulit untuk mempertahankan proporsi, dan untuk menciptakan tepat, meyakinkan pose sepanjang jalan. "Pose untuk berpose" bekerja lebih baik untuk adegan dramatis atau emosional, di mana komposisi dan kaitannya dengan lingkungan lebih penting.Sebuah kombinasi dari dua teknik yang sering digunakan</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 7.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span></b><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">follow through and overlapping action<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Follow through adalah tentang bagian tubuh tertentu yang tetap bergerak meskipun seseorang telah berhenti bergerak. Misalnya, rambut yang tetap bergerak sesaat setelah melompat. Overlapping action secara mudah bisa dianggap sebagai gerakan saling-silang. Maksudnya, adalah serangkaian gerakan yang saling mendahului (overlapping). Contoh : Kelinci yang melompat. Sesaat setelah melompat telinganya masih bergerak-gerak meskipun gerakan utama melompat telah dilakukan.</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><!--[if !supportLineBreakNewLine]--><br /><!--[endif]--><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">slow in and slow out<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="background: white; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Gerakan manusia itu tidak ada yang linear atau rata. Dalam setiap gerakan nyaris ada akselerasi atau percepatan dan perlambatan saat akan berhenti. Prinsip slow in dan  slow out ini membuat gerakan animasi lebih natural dan realistik terutama di awal dan di bagian akhir sebuah gerakan.</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Archs</span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Pada animasi, sistem pergerakan tubuh pada manusia, binatang, atau makhluk hidup lainnya bergerak mengikuti pola/jalur (maya) yang disebut Arcs. Hal ini memungkinkan mereka bergerak secara ‘smooth’ dan lebih realistik, karena pergerakan mereka mengikuti suatu pola yang berbentuk lengkung (termasuk lingkaran, elips, atau parabola). Sebagai contoh, Arcs ditunjukkan pada lintasan tangan saat melempar bola dan lintasan gerak bola di udara.</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><!--[if !supportLineBreakNewLine]--><br /><!--[endif]--><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Secondary Action<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Secondary action adalah gerakan-gerakan tambahan yang dimaksudkan untuk memperkuat gerakan utama supaya sebuah animasi tampak lebih realistik. Secondary action tidak dimaksudkan untuk menjadi ‘pusat perhatian’ sehingga mengaburkan atau mengalihkan perhatian dari gerakan utama. Kemunculannya lebih berfungsi memberikan emphasize untuk memperkuat gerakan utama.<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Contoh: Ketika seseorang sedang berjalan, gerakan utamanya tentu adalah melangkahkan kaki sebagaimana berjalan seharusnya. Namun sambil berjalan ‘seorang’ figur atau karakter animasi dapat sambil mengayun-ayunkan tangannya. Gerakan mengayun-ayunkan tangan inilah yang disebut secondary action untuk gerakan berjalan.<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><!--[endif]--><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Timing<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Grim Natwick -seorang animator Disney pernah berkata, “Animasi adalah tentang timing dan spacing”. Timing adalah tentang menentukan waktu kapan sebuah gerakan harus dilakukan<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><!--[endif]--><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 7.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span></b><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Exaggeration<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Exaggeration merupakan upaya mendramatisir animasi dalam bentuk rekayasagambar yang bersifat hiperbolis. Dibuat sedemikian rupa sehingga terlihat sebagai bentuk ekstrimitas ekspresi tertentu dan biasanya digunakan untuk keperluan komedik. Seringkali ditemui pada film-film animasi anak-anak (segala usia) seperti Tom & Jery, Donald Duck, Mickey Mouse, Sinchan, dsb.<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Contoh : Tubuh Donald duck melayang mengikuti sumber asap saat hidung Donald cuck mencium aroma masakan/makanan lezat.<o:p></o:p></span></div><div align="center" class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 7.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span></b><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">solid drawing<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://oprekzone.com/cara-menggambar-animasi-petunjuk-dasar-clean-up/" target="_blank"><span style="color: windowtext; text-decoration: none; text-underline: none;">Kemampuan menggambar</span></a> sebagai dasar utama animasi memegang peranan yang menentukan “baik proses maupun hasil” sebuah animasi, terutama animasi klasik. Meskipun kini peran gambar yang dihasilkan sketsa manual sudah bisa digantikan oleh komputer, tetapi dengan pemahaman dasar dari<a href="http://oprekzone.com/menggambar-clean-up-dan-sisip/" target="_blank"><span style="color: windowtext; text-decoration: none; text-underline: none;">prinsip ‘menggambar’ </span></a>akan menghasilkan animasi yang lebih ‘peka’. Sebuah obyek/gambar dibuat sedemikian rupa sehingga memiliki karakteristik sebuah obyek (volume, pencahayaan dan konsistensi kualitas gambar/bentuk/karakter).<o:p></o:p></span></div><div align="center" class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "Times New Roman","serif"; font-size: 7.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span></b><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Appeal<o:p></o:p></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Appeal berkaitan dengan keseluruhan look atau gaya visual dalam animasi. Kita bisa dengan mudah mengidentifikasi gaya animasi buatan Jepang dengan hanya melihatnya sekilas. Kita juga bisa melihat style animasi buatan Disneyatau Dreamworks cukup dengan melihatnya beberapa saat. Hal ini karena mereka memiliki appeal atau gaya tersendiri dalam pembuatan karakter animasi.<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="background: white; color: #222222; font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Ke-12 prinsip animasi diatas sering digunakan dalam </span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://oprekzone.com/proses-pembuatan-animasi-stop-motion-3d-shaun-the-sheep" target="_blank" title="Cara Membuat Animasi Stop Motion 3 Dimensi"><span style="background: white; color: windowtext; font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; text-decoration: none; text-underline: none;">teknik animasi stop motion</span></a></span><span style="background: white; color: #222222; font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> dan dalam penerapannya tentu lebih tergantung pada sang animator. Semakin profesional seorang animator dalam menguasai, mengoptimalkan dan mengeksplorasi kemampuan dirinya dalam membuat animasi secara keseluruhan, tentunya ide cerita akan selalu menarik dan menghasilkan sebuah film animasi yang sangat dinamis dan tidak membosankan bahkan untuk kalangan yang bukan merupakan target utama pengguna.</span><span style="color: #222222; font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /><br /><br /><span style="background: white;">Sumber:</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div><div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;"><br /><a href="http://wpancoro.mhs.uksw.edu/2014/05/12-prinsip-animasi.html">http://wpancoro.mhs.uksw.edu/2014/05/12-prinsip-animasi.html</a></div><div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://anazdesign.wordpress.com/tag/prinsip-prinsip-animasi/"><span style="color: #2361a1; text-decoration: none; text-underline: none;">http://anazdesign.wordpress.com/tag/prinsip-prinsip-animasi/</span></a><span style="color: #222222;"><o:p></o:p></span></span></div><div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://en.wikipedia.org/wiki/Squash_and_stretch"><span style="color: #2361a1; text-decoration: none; text-underline: none;">http://en.wikipedia.org/wiki/Squash_and_stretch</span></a><span style="color: #222222;"><o:p></o:p></span></span></div><div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;"><span style="color: #222222; font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://id.wikipedia.org/wiki/Animasi"><span style="color: #2361a1; text-decoration: none; text-underline: none;">http://id.wikipedia.org/wiki/Animasi</span></a><o:p></o:p></span></div><div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;"><span style="color: #222222; font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://oprekzone.com/12-prinsip-animasi/"><span style="color: #2361a1; text-decoration: none; text-underline: none;">http://oprekzone.com/12-prinsip-animasi/</span></a><o:p></o:p></span></div><div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;"><span style="color: #222222; font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><span style="font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://sugarpinx.blogspot.com/2013/02/12-prinsip-animasi.html"><span style="color: #2361a1; text-decoration: none; text-underline: none;">http://sugarpinx.blogspot.com/2013/02/12-prinsip-animasi.html</span></a><span style="color: #222222;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"></div><div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Segoe UI","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&prev=/search%3Fq%3D%25E2%2580%25A2%2Bsquash%2Band%2Bstretch%2Badalah%26sa%3DX%26es_sm%3D122%26biw%3D1366%26bih%3D667&rurl=translate.google.com&sl=en&u=http://en.wikipedia.org/wiki/12_basic_principles_of_animation&usg=ALkJrhjUmCwYYh4gCY54yRv8mP8VJUn7eg"><span style="color: #2361a1; text-decoration: none; text-underline: none;">http://translate.googleusercontent.com/translate_c?depth=1&hl=id&prev=/search%3Fq%3D%25E2%2580%25A2%2Bsquash%2Band%2Bstretch%2Badalah%26sa%3DX%26es_sm%3D122%26biw%3D1366%26bih%3D667&rurl=translate.google.com&sl=en&u=http://en.wikipedia.org/wiki/12_basic_principles_of_animation&usg=ALkJrhjUmCwYYh4gCY54yRv8mP8VJUn7eg</span></a><span style="color: #222222;"><o:p></o:p></span></span></div>

animasi Pengertian Animasi dan 12 Prinsip Animasi

Pengertian Animasi berasal dari kata animate yang berarti membuat objek mati menjadi seolah olah hidup Animasi merupakan suatu tehnik menamp...

Read more »

Area Bekerja Flash

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5c3Q9qu2ABhNfwTcTXJxRyvHLUypIk_SInEe09K6AMbgZhf9yW9ZTvBvFNL97oKuDSdHAxXEarXsKh92miAQs8VlfKFnKqlf5R3r2gukSNA7YB2fyELTDDU26TeOP1q5AXYf5GE2Mzlw/s1600-h/area-bekerja-pada-flash.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314200004332405810" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5c3Q9qu2ABhNfwTcTXJxRyvHLUypIk_SInEe09K6AMbgZhf9yW9ZTvBvFNL97oKuDSdHAxXEarXsKh92miAQs8VlfKFnKqlf5R3r2gukSNA7YB2fyELTDDU26TeOP1q5AXYf5GE2Mzlw/s400/area-bekerja-pada-flash.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 243px;" /></a><br /><br /><b>Menu Bar</b><br />adalah kumpulan menu-menu yang ada pada Flash 8<br /><p><b>Timeline</b><br />jendela panel yang digunakan untuk mengelompokkan dan mengatur isi atau gerak sebuah movie atau simbol, panel time line ini berisi:<br /></p><p></p><ol><br /><li><b>scene</b><br />merupakan tempat berbagai kejadiandi dalam stage<br /></li><li><b>layer</b><br />merupakan tempat dimana kita menampung objek dalam satu scene<br /></li><li><b>frame</b><br />merupakan tempat kita mengatur animasi bagian perbagian yang di kelompokan dalam sebuah layer<br /></li></ol><span class="fullpost"><p><br /><b>Stage</b><br />adalah area putih dimana kita bekerja dengan objek di dalam flash</p><p><br /><b>Nama file</b><br />merupakan tempat dimana nama dari file yang kita buat dicantumkan untuk lebih memudahkan apabila kita bekerja dengan file yang banyak</p><p><br /><b>Tools</b><br />adalah alat-alat yang ada di dalam flash dan yang akan kita gunakan untuk bekerja dengan objek, untuk lebih detailnya lihat gambar.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQF2wlav6x53HqWIOdCtpZspanQvJB-0WrBokJXXXUZ8o-O9s2mChMhV6FYQBlkQ7ohyphenhyphenXBICePZlrdpvk1bEa-R26m8xeTuC-QFw4F46UaFYdccg3Dv5-C_RyL1hCRzlNoShsQH05IT5y2/s1600-h/tools.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314199580495873250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQF2wlav6x53HqWIOdCtpZspanQvJB-0WrBokJXXXUZ8o-O9s2mChMhV6FYQBlkQ7ohyphenhyphenXBICePZlrdpvk1bEa-R26m8xeTuC-QFw4F46UaFYdccg3Dv5-C_RyL1hCRzlNoShsQH05IT5y2/s320/tools.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 290px;" /></a><p><br /><b>Zoom</b><br />merupakan option dimana kita mengatur besar kecilnya stage atau area kerja kita</p><p><br /><b>Panel action</b><br />adalah tempat kita menuliskan script/coding/actions</p><p><br /><b>Properties</b><br />adalah panel dimana kita mengatur objek yang kita gunakan untuk bekerja, baik mengatur teks jika kita ekerja dengan teks, warna, ukuran dan lain-lain</p><p><br /><b>Panel-panel</b><br />panel panel disini terdiri dari :<br /></p><p></p><ol><br /><li><b>panel libraby</b><br />panel ini adalah tempat kita menampung semua jenis animasi, gambar, lagu, movie clip, dan lain sebagainya<br /></li><li><b>Panel Color Mixer</b><br />Panel ini berguna untuk mengatur warna di dalam flash<br /></li><li><b>Panel align, info, transform </b><br />panel ini berguna untuk mengatur bentuk, letak dan posisi dari objek di dalam flash<br /> </li></ol><br /><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Area Bekerja Flash

Menu Bar adalah kumpulan menu-menu yang ada pada Flash 8 Timeline jendela panel yang digunakan untuk mengelompokkan dan mengatur isi atau ge...

Read more »

Cara meletakan action script pada Button

Pemrograman Flash sangat sensitif sekali akan kesalahan, apalagi menyangkut action script, jadi apabila terjadi kesalahan kecil saja maka program flash yang kita buat tidak akan bekerja. Karena itu pada kesempata ini akan diberikan dasar-dasar yang sebenarnya sangat sepele, tetapi apabila diabaikan, akan berakibat fatal, apalagi buat para orang yang baru belajar flash. Untuk meletkan action script pada button adalah :<br /><span class="fullpost"><br /><OL><br /><li>Pastikan button (tombol) baik yang kita buat sendiri ataupun yang mengambilnya dari panel library sudah terseleksi. Cara menyeleksinya yaitu dengan selection tool dan kita klik satu kali pada button yang ingin kita beri action.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicg4cmSHsVzS8jKKPmWFuImOO0i2K4cWScLEm1ws9BFllPHhJ1VFdFn4UA6Rm1oTwz08o698BbwdtxW7fow0naKBnILQkbzD-CzT4barIuuoZMJ640AgPzDEK0Sudv1YUEEy6DgGRzqgnZ/s1600-h/1.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320400293705841650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicg4cmSHsVzS8jKKPmWFuImOO0i2K4cWScLEm1ws9BFllPHhJ1VFdFn4UA6Rm1oTwz08o698BbwdtxW7fow0naKBnILQkbzD-CzT4barIuuoZMJ640AgPzDEK0Sudv1YUEEy6DgGRzqgnZ/s400/1.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 88px; height: 30px;" /></a><br /><li>Untuk memastikannya kita bisa melihat pada property inspector setelah button kita seleksi maka akan muncul keterangan seperti pada gambar di bawah.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwLaD36SUBtZwYlTGo9PY5GpSK7uIJ0g2HjzmBcfhnBAUL__-PQYAzhSlKDlocpIk6pl1e2V_abnHWVKc-wohYHAXhJRMBdciUTiClfucAEYHS9sBLhtup4Dq_H5Mo5zmjhMH2W5jzpJe5/s1600-h/2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320400380904948530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwLaD36SUBtZwYlTGo9PY5GpSK7uIJ0g2HjzmBcfhnBAUL__-PQYAzhSlKDlocpIk6pl1e2V_abnHWVKc-wohYHAXhJRMBdciUTiClfucAEYHS9sBLhtup4Dq_H5Mo5zmjhMH2W5jzpJe5/s400/2.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 385px; height: 79px;" /></a><br /><li>Setelah button yang ingin kita beri scipt sudah terselaksi, langkah selanjutnya adalah membuka panel action. Disini ada beberapa cara yang bisa digunakan, pertama bisa degan lagsun tekan f9, yang kedua adalah adalah klik kanan lalu pilih action, kemudian cara yang ketiga adalah langsung membukanya pada panel action.<br /><li>Yang harus di ingat di sini untuk mecegah terjadinya kesalahan adalah pada panel action yang telah terbuka terdapat keterangan yang menyebutkan bahwa action adalah milik dari button yang telah diseleksi, karena setiap action berbeda-beda antara penempatan pada button, movie clip, ataupun pada frame.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPFFFNqmKVOPi2sihxKkbD6NxcsSYgiEXsV_PdUfkBEgMKtBs5gFslY-mPlH4JDks4LZK-DWU8ygMGde6_d6dFPAPdqiEgCz-cXxDXzL4O1J6Z6pPhLmwL4ljCbV-33GR8Xfrlsow1TLlz/s1600-h/3.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320400938548847650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPFFFNqmKVOPi2sihxKkbD6NxcsSYgiEXsV_PdUfkBEgMKtBs5gFslY-mPlH4JDks4LZK-DWU8ygMGde6_d6dFPAPdqiEgCz-cXxDXzL4O1J6Z6pPhLmwL4ljCbV-33GR8Xfrlsow1TLlz/s400/3.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 208px;" /></a><br /><li>Setelah langkah-langkah tersebut barulah kita bisa menuliskan scipt yang kita ingin tulis.<br /><br /></OL><br />Untuk mendownload file pdfnya silahkan klik <a href="http://www.ziddu.com/download/4133244/CarameletakanactionscriptpadaButton.pdf.html/" target="_blank">DISINI</a><br><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Cara meletakan action script pada Button

Pemrograman Flash sangat sensitif sekali akan kesalahan, apalagi menyangkut action script, jadi apabila terjadi kesalahan kecil saja maka pr...

Read more »

Cara Memberi nama Instance

Pemberian nama instance pada tombol atau movie clip sangat perlu tunuk interkasi dengan action yang kita buat. Jadi sebelum menulis script pada tombol atau movie clip, tombol atau movie clip harus di beri nama instance.<br /><br /><br>Caranya adalah sebagi berikut :<br /><br /><span class="fullpost"><OL><br /><li>Klik objek tombol atau movie clip yang akan di beri nama instance.<br /><li>Kemudian kita buka panel properties dan isikan nama instance yang akan kita berikan pada kotak Instance Name.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjyQIeBANGIa8NUK2yXBMDhhCql80Ap4keVMyKrEke7D_FSvfAgUcsPLXquuaF1TVSqOTfGmaWqIJF0hFpKjsm6UqQcQy50_HCDN90F1IRGf45X8f5PAvqC3ELsILpUzmxMlXSTVN92by7/s1600-h/1.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320398942483666098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjyQIeBANGIa8NUK2yXBMDhhCql80Ap4keVMyKrEke7D_FSvfAgUcsPLXquuaF1TVSqOTfGmaWqIJF0hFpKjsm6UqQcQy50_HCDN90F1IRGf45X8f5PAvqC3ELsILpUzmxMlXSTVN92by7/s400/1.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 389px; height: 137px;" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkBg-NFWF-dMVHbRtCZCIzudHUCTbrv4tFHsnF8-_FCpUImTcv0QilNb0RLBPGP3g5w2aMeWmfmo7-phUsxEqBj3gQHfETkOrA7dA9aCsVQUSkN79mgCuHqrSX-OU6DgMMgPndStVSHNBV/s1600-h/2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320399071957793426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkBg-NFWF-dMVHbRtCZCIzudHUCTbrv4tFHsnF8-_FCpUImTcv0QilNb0RLBPGP3g5w2aMeWmfmo7-phUsxEqBj3gQHfETkOrA7dA9aCsVQUSkN79mgCuHqrSX-OU6DgMMgPndStVSHNBV/s400/2.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 385px; height: 137px;" /></a><br /><li>Setelah itu baru kita tekan Enter, dan selesai.<br /><br /></OL><br />Untuk mendownload file pdfnya silahkan klik <a href="http://www.ziddu.com/download/4133249/MemberinamaInstance.pdf.html/" target="_blank">DISINI</a><br><br /><br /> </span>

Adobe Flash animasi animasi 2d Cara Memberi nama Instance

Pemberian nama instance pada tombol atau movie clip sangat perlu tunuk interkasi dengan action yang kita buat. Jadi sebelum menulis script p...

Read more »

Membuat tombol Navigasi sederhana

<embed src="http://sites.google.com/site/sinauflashblogspotcom/flash/sisikubus.swf"></embed><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" bgcolor="white" height="600" width="800"></embed><br />Pada tutorial kali ini kita akan membahas mengenai bagaimana membuat tombol navigasi, ngerti kan apa itu tombol navigasi? Tombol navigasi itu berfungsi agar pengguna dapat berinteraksi dengan movie flash yang kita buat. Misalkan mereka ingin pergi kebagian tertentu, kita sebagai pembuat telah menyediakan navigasi yang berupa tombol <br /><span class="fullpost">untuk mereka klik.<br /><br>Langsung saja yah….<br /><OL><br /><LI>Buka program flash tentunya, setelah itu buat file baru dengan properties tertentu, saya pakai ukuran 800x600.<br /><LI>Pada frame 1 buat teks dengan Teks Tool dan propertisnya teks statis bertuliskan “Home”.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvH1jp8bKL9RicqCHtGHdIlvO4ZESpr8uvdSvWdcINeBxaQr7YG1ta6q7BhP8Rc_xS4hr-dkqHmT2UU7MtqRXq4s_J0fNiysVWq5TAMnvZchO5xsLokktTkzpJa9ka6F9YwDxN2BJSxoJ5/s1600-h/1.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397495981212834" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvH1jp8bKL9RicqCHtGHdIlvO4ZESpr8uvdSvWdcINeBxaQr7YG1ta6q7BhP8Rc_xS4hr-dkqHmT2UU7MtqRXq4s_J0fNiysVWq5TAMnvZchO5xsLokktTkzpJa9ka6F9YwDxN2BJSxoJ5/s400/1.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 273px;" /></a><br /><LI>Klik frame 1, kemudian ganti “Frame label” dengan “home” setelah itu tekan Enter.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5QLTAIlyOmLP-IEelizRBHpZgmAIg_gUSid7a4M2YGnxqvs6jkHMlHX6LhtFW8wTSxV-FQaVm8ypgi8fPrShxw-7SL0LqTaEVainJ3QGGeW_xykmwsCrDvVRkRoUFnYC9068n6h7aE5mg/s1600-h/2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397609322651362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5QLTAIlyOmLP-IEelizRBHpZgmAIg_gUSid7a4M2YGnxqvs6jkHMlHX6LhtFW8wTSxV-FQaVm8ypgi8fPrShxw-7SL0LqTaEVainJ3QGGeW_xykmwsCrDvVRkRoUFnYC9068n6h7aE5mg/s400/2.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 137px;" /></a><br /><LI>Klik kanan frame 10 pilih Insert Blank Keyframe, kemudian buat teks statis “Materi”. Klik lagi frame 10 dan ganti “Frame label” dengan “materi” dan tekan Enter.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhtJs13YUR9DVYugDqH8yQkMc12f_xZ6ezW1FKXCCRDOqKbDR3jd7KgVGySdR6GDkCjaPFKpmEzd43WZRWf5IHOVzECT-HXMjTkpF6IYpFRJa243E0j0Vs9C-vasyeHCVcmzbjX8O-6Z_N/s1600-h/3.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397719325788626" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhtJs13YUR9DVYugDqH8yQkMc12f_xZ6ezW1FKXCCRDOqKbDR3jd7KgVGySdR6GDkCjaPFKpmEzd43WZRWf5IHOVzECT-HXMjTkpF6IYpFRJa243E0j0Vs9C-vasyeHCVcmzbjX8O-6Z_N/s400/3.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 234px;" /></a><br /><LI>Buat lagi seperti langkah no. 4 diatas pada frame 20 dengan teks statis bertuliskan “Latihan” dan “Frame label” diganti dengan “latihan”, kemudian pada frame 30 dengan teks statis bertuliskan “Contoh” dan “Frame label” diganti dengan “contoh”.<br /><LI>Buat layer baru dan beri nama layer dengan nama “tutup” dengan cara klik dua kali pada tulisan “Layer 2”. Kemudian klik frame satu layer “tutup” dan buat teks statis “Tutup”.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KY9lEBh22yq_9ioGO9ErjWYDiX-CJQRykAm_Ym1C9yeJh5BENrFxtesF326pk3qzs2mka5ZzaavsCVNpXZMA6rcoaSO1Z4louCKxYt5ASnNBTfRj0LB_oFiqTEH8Z2HbJ-zxwIBlZSIJ/s1600-h/4.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397831847821602" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KY9lEBh22yq_9ioGO9ErjWYDiX-CJQRykAm_Ym1C9yeJh5BENrFxtesF326pk3qzs2mka5ZzaavsCVNpXZMA6rcoaSO1Z4louCKxYt5ASnNBTfRj0LB_oFiqTEH8Z2HbJ-zxwIBlZSIJ/s400/4.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 186px;" /></a><br /><LI>Kemudian klik kanan pada tulisan “Tutup” pilih Convert to Symbol pilih type button dan beri nama “tutup_btn” dan klik ok.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHJh_4z8quD_CuSmGVKk_QSh6vSs26jkRuqA7xqF-_Mhz6ts3O2nMrahWpljhD7iGDdnrNC5Tbe3-GGdHg2DkklEwM30E6k_JAjWgH3gyhlUbwoCKelDC-Em8xaIpwobsxLsv9tSDsrGC/s1600-h/5.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397974498876962" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHJh_4z8quD_CuSmGVKk_QSh6vSs26jkRuqA7xqF-_Mhz6ts3O2nMrahWpljhD7iGDdnrNC5Tbe3-GGdHg2DkklEwM30E6k_JAjWgH3gyhlUbwoCKelDC-Em8xaIpwobsxLsv9tSDsrGC/s400/5.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 299px; height: 108px;" /></a><br /><LI>Buat layer baru lagi dan beri nama “tombol”.<br /><LI>Klik pada frame satu layer “tombol “ kemudian import tobol dari panel Component. Caranya adalah dengan klik Windows kemudian pilih components. Dari panel Componens pilih User interface kemudian pilih button. Kemudian drag(klik tanpa dilepaskan) dan geser kedalam stage.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZzi1Ssc8EIaqfNJ6I1aRbbDU3x88lOQp7wmErUw88OSKsYOlaNlLkO8W5W7wMfQkyTnD7RWF7z0KUzKU-yuQw5ALlr5cxme0f2c2xlIXQOIDZqYnZk8X5zURJ8ARZZwGyLc7Bo2viXHi/s1600-h/6.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320398062345683298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZzi1Ssc8EIaqfNJ6I1aRbbDU3x88lOQp7wmErUw88OSKsYOlaNlLkO8W5W7wMfQkyTnD7RWF7z0KUzKU-yuQw5ALlr5cxme0f2c2xlIXQOIDZqYnZk8X5zURJ8ARZZwGyLc7Bo2viXHi/s400/6.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 396px; height: 237px;" /></a><br /><LI>kemudian tutup panel Components dan rubah Instance name dari keempat button tersebut masing masing “home_btn”, “materi_btn”, “latihan_btn”, “contoh_btn” dan lebelnya masing masing “home”, “materi”, “latihan”, “contoh” dengan cara klik satu persatu dan merubahnya pada panel parameters.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd5fJJKFWjDROLE_eaA5bhnjUDajN3d982eEFvGQGhE-_l7CP7lY4z7KHI4clQWiLQ48que-mDPWYxKQkln-zhvT8tsFfybmHxEJcCRb1JrutTSFoidzY2WoF1XolsU0LaOUQofYNtcaOG/s1600-h/7.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320398164047680866" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd5fJJKFWjDROLE_eaA5bhnjUDajN3d982eEFvGQGhE-_l7CP7lY4z7KHI4clQWiLQ48que-mDPWYxKQkln-zhvT8tsFfybmHxEJcCRb1JrutTSFoidzY2WoF1XolsU0LaOUQofYNtcaOG/s400/7.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 122px;" /></a><br /><LI>Buat layer baru lagi dan rubah namanya “skrip”, klik pada frame pertama dan buka jendela Actions kemudian masukan Action Script di bawah ini :<br /><br /><p>stop()<br> home_btn.onPress = function(){ <br>gotoAndStop("home"); <br>} <br>materi_btn.onPress = function(){ <br>gotoAndStop("materi");<br> }<br> latihan_btn.onPress = function(){ <br>gotoAndStop("latihan");<br> } <br>contoh_btn.onPress = function(){ <br>gotoAndStop("contoh"); <br>}</p><br /><LI>Kemudian klik kanan tombol tutup dan pilih Actions dan masukan Action Script di bawah ini :<br /><br /><p>on(release){ <br>fscommand("quit","true");<br> }</p><br /><LI>Langkah terakhir adalah menyimpan dokumen, beri nama Tombol navigasi.<br /><LI>Kemudian Klik Ctrl+Enter. Dan lihat hasilnya pada tempat dimana kita menyimpannya, selesai.<br /></OL><br />Untuk mendownload file pdfnya silahkan klik <a href="http://www.ziddu.com/download/4133247/TombolNavigasi.pdf.html/" target="_blank">DISINI</a><br><br />Untuk mendownload file swfnya silahkan klik <a href="http://www.ziddu.com/download/4133245/TombolNavigasiSederhana.swf.html/" target="_blank">DISINI</a><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Membuat tombol Navigasi sederhana

Pada tutorial kali ini kita akan membahas mengenai bagaimana membuat tombol navigasi, ngerti kan apa itu tombol navigasi? Tombol navigasi it...

Read more »

Aplikasi Kartu Ucapan ulang tahun menggunakan Flash

<embed src="http://www.geocities.com/saifulan.1987/metultah.swf"></embed><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" bgcolor="white" height="600" width="800"></embed><br /><br />Ini merupakan contoh aplikasi flash dalam kartu ucapan ulang tahun.<span class="fullpost">Sederhana namun mempunyai makna yang berarti.<br>Silahkan download untuk di pelajari <a href="http://www.ziddu.com/download/4118081/metultah.zip.html/" target="_blank"><span style="text-decoration: underline;">DISINI</a><br />Untuk membuka file animasi kartu ucapan ulang tahun, setelah didownload silahkan extrak file yang telah didownload menggunakan program winzip. Selamat belajar dan menikmati</span>

Adobe Flash animasi animasi 2d Aplikasi flash Aplikasi Kartu Ucapan ulang tahun menggunakan Flash

Ini merupakan contoh aplikasi flash dalam kartu ucapan ulang tahun. Sederhana namun mempunyai makna yang berarti. Silahkan download untuk di...

Read more »

Dasar Pembuatan Button (tombol) pada Flash

Button pada flash sangat penting sekali fungsinya, merupakan media interaksi antara pengguna dengan aplikasi yang akan kita buat. Disini akan saya paparkan 3 cara pembuatan button.<br /><span class="fullpost"><p><br /><b>Cara I</b><br /><br /><br /></p><ol><br /><li>Pertama kita buat sebuah kotak dengan menggunakan rectangle tool ,<br /><br />atau kalau anda senang dengan button yang berbentuk lingkaran anda jiga bisa membuatnya dengan menggunakan oval tool. Tergantung gimana anda, tapi dalam tutorial ini saya membuatnya dengan menggunakan objek kotak.<br /><br /></li><li>Kemudian kita seleksi seluruh objek dari kotak tersebut. Ingat dalam menyeleksi harus terseleksi semua, karena dalam flash objek dibedakan antara fill dengan stoke.<br /><br /></li><li>Jika sudah terseleksi semua kemudian kita klik kanan pada objek tersebut dan pilih convert to symbol, pilih button pada option behavior dan tombol pada name, setelah itu klik ok.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEAu_jkMCDc7opeWQMlh_B_OaTXkClfyeyHabnGF42FPBZ0pztiWePY-y2IW_2quGgJN5k8Y66XAyiFfX4UdkRA2TKrMf2b2uogTZeW6Xh4EFCbNQRWHXyAm-USF17T8h-bt0FnkVkG5Q-/s1600-h/1.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319962444815888594" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEAu_jkMCDc7opeWQMlh_B_OaTXkClfyeyHabnGF42FPBZ0pztiWePY-y2IW_2quGgJN5k8Y66XAyiFfX4UdkRA2TKrMf2b2uogTZeW6Xh4EFCbNQRWHXyAm-USF17T8h-bt0FnkVkG5Q-/s400/1.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 179px; height: 301px;" /></a><br /><br /></li><li>Selesai, kita sudah membuat sebuah tombol dengan cara yang pertama, untuk melihat hasilnya, langung aja tekan Ctrl+Enter.<br /><br /></li></ol><p></p><br /><br /><br /><p><br /><br /><b>Cara II</b><br /><br /><br /></p><ol><br /><li>Pertama kita pilih Insert > New Symbol pada pilihan menu bar dan pilih button pada type dan nama terserah.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kS7xYWDHdUqbP7CdUvoIRoq4i9JFGruE9H4uBDQadpghm8yucBJLh1UicOkquAn0nZ6I-TO4FD3CwfBIXohkTf039sLb6fBq6D0mYuMR3KVYR-eXO3XCKGRfBfBWom6N_isptT48rSf_/s1600-h/2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319962729305156354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kS7xYWDHdUqbP7CdUvoIRoq4i9JFGruE9H4uBDQadpghm8yucBJLh1UicOkquAn0nZ6I-TO4FD3CwfBIXohkTf039sLb6fBq6D0mYuMR3KVYR-eXO3XCKGRfBfBWom6N_isptT48rSf_/s400/2.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 134px;" /></a><br /><br /></li><li>Setelah itu kita melakukan buat objek lingkaran pada frame up, kemudian kita pilih insert keyframe pada frame over dan down.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3a-40RW-EgFFyWMo30RTla1svE4F88kUl_TSWVpH8rO9M8n-Z-bXCnS6jUGNuX8sz7GH0uQBPU0da1QBzSCPeb9qMnlPFnvVMS27L5q0HbqsU2rOdA9ufoTD0ZthU5fVHEgRVbE1hw2lB/s1600-h/3.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319962858951056754" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3a-40RW-EgFFyWMo30RTla1svE4F88kUl_TSWVpH8rO9M8n-Z-bXCnS6jUGNuX8sz7GH0uQBPU0da1QBzSCPeb9qMnlPFnvVMS27L5q0HbqsU2rOdA9ufoTD0ZthU5fVHEgRVbE1hw2lB/s400/3.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 297px; height: 212px;" /></a><br /><br /></li><li>Kemudian kita kembali ke dalam stage.<br /></li><li>Jadilah sebuah button, tapi tunggu dulu. Di dalam stage button yang kita buat tidak muncul. Itu karena tomboya masih berada di dalam library, tahu kan panel libraby itu dimana?<br /></li><li>Bagaimana cara kita memindahkannya ke dalam stage? Gampang, kita drag (klik dan geser tanpa dilepaskan kliknya) aja tombolnya kedalam stage.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUoGTN8hJCVzpzAXDppZAdIl8HgZZz0Nd52ZSgchS6bc98nnmW3iQDsj05wxmDYCb-lKS9aF-tNeZR8YIFgPt40QquOvGa2WdPwoGqnIf6xS82xIo3qGey1ZWKz4tNMowyRZ3qceUzCZrN/s1600-h/4.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319962997121627122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUoGTN8hJCVzpzAXDppZAdIl8HgZZz0Nd52ZSgchS6bc98nnmW3iQDsj05wxmDYCb-lKS9aF-tNeZR8YIFgPt40QquOvGa2WdPwoGqnIf6xS82xIo3qGey1ZWKz4tNMowyRZ3qceUzCZrN/s400/4.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 212px; height: 218px;" /></a><br /><br /></li></ol><p></p><br /><br /><br /><br /><br /><b>Cara III</b><br /><br /><br /><ol><br /><li>Di dalam cara yang ketiga ini, kita tidak membuat tombol secara manual, tetapi kita mengambilnya dari Common Library.<br /><br /></li><li>Bagaaimana caranya? Pilih Windows pada menu bar kemudian pilih Other panel dan pilih common Libraries.<br /></li><li>Ada tiga pilihan yaitu Buttons, Classes dan Leraning Interaction, kita pilih saja Buttons.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhgt6UHLrrrY92JlNnUAgiD8bSg88OGvZ4_GRSvhrNbwJThhXuOyiRrY6_2C8jdcNhyURtlq9fHEz06uNenlhF4xbQIN4J2kuwgr_BhKRm7NBll1pBToAZWR9II2J87cYLsU9vnLV1stHz/s1600-h/5.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319963146795218258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhgt6UHLrrrY92JlNnUAgiD8bSg88OGvZ4_GRSvhrNbwJThhXuOyiRrY6_2C8jdcNhyURtlq9fHEz06uNenlhF4xbQIN4J2kuwgr_BhKRm7NBll1pBToAZWR9II2J87cYLsU9vnLV1stHz/s400/5.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 214px; height: 344px;" /></a><br /><br /></li><li>Setelah itu kita drag button yang kita pilih kedalam stage..<br /></li><li>Selesai, langsung test movie.<br /></li></ol><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Dasar Pembuatan Button (tombol) pada Flash

Button pada flash sangat penting sekali fungsinya, merupakan media interaksi antara pengguna dengan aplikasi yang akan kita buat. Disini aka...

Read more »

Animasi hati kursor pada kartu ucapan

<embed src="http://www.swfcabin.com/swf-files/1319430596.swf" quality="medium" allowscriptaccess="always" bgcolor="#000000" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="535" width="660"></embed><br /><br />Pada animasi ini saya memakai perpaduan antara tombol dan animasi motion tween. Utuk melihat animasinya, silahkan letakkan kursor di atas animasi.<span class="fullpost">Langsung saja<br /><ol><br /><li>Buka aplikasi flash buat dokumen baru dengan ukuran bingkai 400x300.<br /></li><li>Kemudian buat sebuah Movie Clip, dengan cara Insert new symbol dengan nama luv_mc.<br /></li><li>Kemudian pada movie clip luv_mc buat sebuah blank key frame pada frame kedua dan buat sebuah lingkaran menggunakan oval tool dengan propertis seperti tampak pada gambar. Sehingga pada frame pertama di biarkan kosong.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0R4B7OHCup7UstRvy634PqrZBpxM75KNg8x_j6d-qymZYEs9YZfSx2_OgIBs8n62bgfIA6PBJFdew_aXfqmYIXdavAUGNcqJk5yGY6cwu6N22gEJmbKvczGIynjVmCA6xHKnGUMp2MNzv/s1600-h/EasyCapture2.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318440324597260162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0R4B7OHCup7UstRvy634PqrZBpxM75KNg8x_j6d-qymZYEs9YZfSx2_OgIBs8n62bgfIA6PBJFdew_aXfqmYIXdavAUGNcqJk5yGY6cwu6N22gEJmbKvczGIynjVmCA6xHKnGUMp2MNzv/s400/EasyCapture2.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 64px;" /></a><br /></li><li>Objek lingkaran tersebut kemudian kita hapus bagian atas dan bawahnya menggunakan erase tool, sehingga akan tampak seperti pada gambar dibawah ini.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1GGgojpDkaaE_JhOmeR2Q44fXF2qW7mYlrq9xPpUF_N2HUKr89esQH1KL7Qr6ALPjbmzjrbnD-gj5PubdJrH6KR4z2wnNGIpfa7cJk7_v3j5vmdbxY1OSn0_MHVz_KtpgwFsAmUGYZhy/s1600-h/EasyCapture4.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318440759771326322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1GGgojpDkaaE_JhOmeR2Q44fXF2qW7mYlrq9xPpUF_N2HUKr89esQH1KL7Qr6ALPjbmzjrbnD-gj5PubdJrH6KR4z2wnNGIpfa7cJk7_v3j5vmdbxY1OSn0_MHVz_KtpgwFsAmUGYZhy/s400/EasyCapture4.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 259px; height: 144px;" /></a><br /></li><li>Setelah itu gabungkan titik-titik yang tadinya dihapus dengan menggunakan Selection tool,kita manipulasi agar gambar tersebut kelihatan lebih sempurna.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBH-Ii31saTmgvNSfYP2E0YsC25EceUh_1JV5fzg3e4eaqwXiJQLWzRR-fZef7CwXMdWfYzEX38-kYl1FoZEQBiAh9FAIqUZdMszNJWaxL1nKZddSDZiVqgSfPDidKAejb6TgUi9Jh1Xe/s1600-h/EasyCapture6.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318440980900712034" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBH-Ii31saTmgvNSfYP2E0YsC25EceUh_1JV5fzg3e4eaqwXiJQLWzRR-fZef7CwXMdWfYzEX38-kYl1FoZEQBiAh9FAIqUZdMszNJWaxL1nKZddSDZiVqgSfPDidKAejb6TgUi9Jh1Xe/s400/EasyCapture6.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 259px; height: 170px;" /></a><br /><br /></li><li>Kemudian kita seleksi gambar hati tersebut, setelah terseleksi semua kita tekan Ctrl+G untuk membuat gambar hati menjadi satu grup, dan kita animasikan gambar hati tersebut dengan teknik animasi motion tween dan kita buat alfa nya 0 pada frame 15, dan ukuran gambar pada frame 2 kita buat 0.5 dengan menggunakan panel transform,<br /></li><li>Langkah selanjutnya adalah membuat sebuah button, klik Insert pilih new symbol dan buat sebuah button dengan nama btn.<br /></li><li>Pada tombol kita edit dan buat sebuah objek kecil menggunakan brush tool dengan untuk up, over,down dan hit dan kita buat objek tersebut mempunyai stroke dan fill dengan tingkat alfa 0. Sehingga nantinya objek tersebut tidak kelihatan.<br /></li><li>Setelah kita selesai membuat sebuah buton, kita kembali ke luv_mc. Kemudian kita drag buton yang kita buat dari panel library ke dalam frame pertama luv_mc.<br /></li><li>Sehingga akan tampak sepeerti pada gambar.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpJHt9QDnrXZJ0Q9XwCmhYoq6D4k0Y6fR9t12GbJJ7u9UyMZxcrasXOijnHvar8ySUOPk7K1e51UNx4ptzgDJcrU4fOYd_rLrBRRwn-GqH-vOJa4kp4uUXreG2k-5-tYvBluS2B_VCjBX/s1600-h/EasyCapture13.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318441373603452450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpJHt9QDnrXZJ0Q9XwCmhYoq6D4k0Y6fR9t12GbJJ7u9UyMZxcrasXOijnHvar8ySUOPk7K1e51UNx4ptzgDJcrU4fOYd_rLrBRRwn-GqH-vOJa4kp4uUXreG2k-5-tYvBluS2B_VCjBX/s400/EasyCapture13.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 79px;" /></a><br /></li><li>Setelah langkah di atas selesai, kita kembali ke dalam Stage.<br /></li><li>Kemudian kita drag luv_mv dari panel library kedalam frame pertama Stage.<br /></li><li>Kita telah memasukan luv_mc kedalam stage, kemudian kita copy paste luv_mc tersebut sehingga stage penuh dengan luv_mc.<br /></li><li>dan selesai<br /><br />Untuk mendownload file tutorial lengkapnya klik <a href="http://www.ziddu.com/download/4055009/membuatanimasibuton.pdf.html/" target="_blank">DISINI</a><br />Untuk mendownload file swf klik <a href="http://www.ziddu.com/download/4055013/tombolluv.swf.html/" target="_blank">DISINI</a><br />Untuk mendownload file fla klik <a href="http://www.ziddu.com/download/4055010/tombolluv.zip.html/" target="_blank">DISINI</a><br /><br /><br /><br /><br /> </li></ol></span>

Adobe Flash animasi animasi 2d Aplikasi flash Animasi hati kursor pada kartu ucapan

Pada animasi ini saya memakai perpaduan antara tombol dan animasi motion tween. Utuk melihat animasinya, silahkan letakkan kursor di atas an...

Read more »

Animasi hujan salju pada kartu ucapan

<embed src="http://www.swfcabin.com/swf-files/1320077288.swf" quality="medium" allowscriptaccess="always" bgcolor="#000000" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="335" width="460"></embed><br /><br />Sekarang saya akan membahas bagaimana cara saya membuat sebuah animasi hujan salju.<br /><span class="fullpost">sebenarnya aplikasi seperti ini pembuatannya sangt mudah dengan menggunakan action script. Jadi langsung saja<br /><OL><br /><LI>Buat file baru dengan ukuran sembarang dan warna background hitam.<br /><LI>Langkah kedua adalah kita membuat sebuah objek kecil yang nantinya akan menjadi titik hujan saljunya.<br /><LI>Kemudian kita ubah objek tersebut menjadi sebuah movie clip dengan nama hujan_mc.<br /><LI>Kemudian pada panel library, kita klik kanan hujan_mc dan pilih Linkage dan centang Export for ActionScript dan beri nama hujan_id.<br /><LI>Setelah itu pada frame pertama Stage, kita masukan action seperti pada gambar di bawah ini.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi02HN7Mgx79cMZmFibBxE3Ug0N_4b3NQzNH9NLSSqXTL3Xdmzb18jAQp8FLPl6QNb6TdqRP0x9VjD7a6F5-WvC5LCUpuGoOqP8P3Gv3kdFJs85ubhFsZL-JaH1ZQKra4p_xZLPqij_E4fx/s1600-h/EasyCapture5.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318436774208491522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi02HN7Mgx79cMZmFibBxE3Ug0N_4b3NQzNH9NLSSqXTL3Xdmzb18jAQp8FLPl6QNb6TdqRP0x9VjD7a6F5-WvC5LCUpuGoOqP8P3Gv3kdFJs85ubhFsZL-JaH1ZQKra4p_xZLPqij_E4fx/s400/EasyCapture5.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 277px;" /></a><br /><LI>Langkah terakhir adalah menekan Crtl+Enter dan lihat hasilnya, selesai.</OL><br /><br />Untuk mendownload file tutorial lengkapnya klik <a href="http://www.ziddu.com/download/4055014/membuatanimasihujansalju.pdf.html/"target="_blank">DISINI</a><br />Untuk mendownload file swf klik <a href="http://www.ziddu.com/download/4055011/hujan.swf.html/"target="_blank">DISINI</a><br />Untuk mendownload file fla klik <a href="http://www.ziddu.com/download/4055012/hujan.zip.html/"target="_blank">DISINI</a><br /><br /> </span>

Adobe Flash animasi animasi 2d Aplikasi flash Animasi hujan salju pada kartu ucapan

Sekarang saya akan membahas bagaimana cara saya membuat sebuah animasi hujan salju. sebenarnya aplikasi seperti ini pembuatannya sangt mudah...

Read more »

animasi kartu ucapan menggunakan flash

<embed src="http://www.swfcabin.com/swf-files/1320076361.swf" quality="medium" allowscriptaccess="always" bgcolor="#000000" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="335" width="460"></embed><br />Akhirnya jadi juga animasi ini. Animasi ini merupakan perpaduan antara animasi-animasi yang telah saya berikan tutorialnya<span class="fullpost"><br />, seperti animasi motion tween dan masking pada teks berjalan dan fotonya. Kemudian untuk animasi hujan salju, saya membuatnya dengan menggunakan action script yang nanti akan saya postingkan tutorialnya pada postingan selanjutnya, kemudian untuk animasi hati yang muncul dari kusrsor, saya menggunakan teknik animasi motion tween nanti juga akan saya postingkan bagaimana cara pembuatanya. Untuk saran silahkan beri komentar. Pada animasi ini saya juga sertakan audio pengiringnya, jadi silahkan memakai headset untuk mendegarkannya. Dan untuk memulainya langsung klik play. Letakkan kursor di atas animasi ini, akan muncul animasi hati yang menarik. Sebenarnya ukuran file ini adalah 400x300, jadi kalau anda mendownload file swfnya dan anda lihat pada komputer anda, akan terlihat lebih jelas, namun komputer anda harus sudah terinstal flash player yang bisa di download <a href="http://www.adobe.com/products/flashplayer/"target="_blank">DISINI</a>.<br /><br />Untuk mendownload file swf silahkan klik <a href="http://www.ziddu.com/download/4054868/pintu.swf.html/"target="_blank">DISINI</a><br />Untuk mendownload file fla silahkan klik <a href="http://www.ziddu.com/download/4054867/pintu.zip.html/"target="_blank">DISINI</a><br /> </span>

Adobe Flash animasi animasi 2d Aplikasi flash animasi kartu ucapan menggunakan flash

Akhirnya jadi juga animasi ini. Animasi ini merupakan perpaduan antara animasi-animasi yang telah saya berikan tutorialnya , seperti animasi...

Read more »

contoh aplikasi perkalian menggunakan media flash

<embed src="http://www.geocities.com/saifulan.1987/perkalian.swf"<br /><br /><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?<br /><br />P1_Prod_Version=ShockwaveFlash" width="300" height="150" bgcolor="white" <br /><br /></embed><br /><br /><span class="fullpost"><br /><br /><br /><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Contoh Media Pembelajaran dengan Flash contoh aplikasi perkalian menggunakan media flash

Read more »