Animasi komputer

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdREa7wQirmfgMAr4KAJpiMB8xhGWOrU0qOlcqw5uaX_Z1_WhPDcw7YUHKmiSlpkuBgF4Mb-YTyZn6r_CdYdJ-ZxCCAuAAq0tGJr-Tnx0TGgM4CX2C9jCo8tnmJ0kZYrTzQnjlNS-x3W7K/s1600/c3c2b4a3323c4a71929cd5fc76bcda4df7157175.jpeg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Animasi komputer" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdREa7wQirmfgMAr4KAJpiMB8xhGWOrU0qOlcqw5uaX_Z1_WhPDcw7YUHKmiSlpkuBgF4Mb-YTyZn6r_CdYdJ-ZxCCAuAAq0tGJr-Tnx0TGgM4CX2C9jCo8tnmJ0kZYrTzQnjlNS-x3W7K/s320/c3c2b4a3323c4a71929cd5fc76bcda4df7157175.jpeg" title="Animasi komputer" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Animasi komputer</td></tr> </tbody></table> <div style="text-align: center;"> <b><br /></b></div> <b>Animasi komputer</b> adalah Seni dan proses menghasilkan gambar bergerak dengan penggunaan komputer. Animasi computer merupakan bagian dari bidang komputer grafik dan animasi. Sesuai dengan namanya, animasi computer secara keseluruhan dikerjakan dengan menggunakan komputer. Proses pembuatan animasi awalnya melibatkan penggunaan gambar tangan (manual), Dengan ditemukannya komputer maka beban yang dikerjakan oleh para animator pun terkurangi.<br /> Dari pembuatan karakter, mengatur gerakkan “pemain” dan kamera, pemberian suara, serta special effeknya semuanya di kerjakan dengan komputer.<br /> Dengan animasi komputer, hal-hal yang awalnya tidak mungkin digambarkan dengan animasi menjadi mungkin dan lebih mudah. Animasi yang dihasilkan tergantung keahlian yang dimiliki dan software yang digunakan. Animasi komputer menggunakan CGI . CGI (Computer Generated Image) adalah penerapan bidang komputer grafis, untuk pembuatan dan memanipulasi gambar (visual) secara digital.<br /> Animasi 2D terus dikonsumsi oleh para animator-animator dunia. Selain Disney, perusahaan lain yang menggunakan animasi 2D adalah Nickelodeon. Nickelodeon menciptakan beberapa film-film kartun, salah satu yang menjadi icon juga adalah SpongeBob Square Pants. animasi komputer mulai ada setelah teknologi komputer berkembang di era 80-an Animasi komputer mulai terkenal semenjak munculnya film Pixar yaitu Toy Story (1995).<br /> <b>Sejarah Animasi Komputer</b> , Dimulai awal tahun 1940-an dan 50-an, eksperimen dalam komputer grafis sudah dimulai, terutama oleh John Whitney. Animasi komputer dikembangkan di Bell Telephone Laboratories pada tahun 1960 oleh Edward E. Zajac, Frank W. Sinden, Kenneth C. Knowlton, dan A. Michael Noll.<br /> <br /> <b>Prinsip Kerja Animasi Komputer </b>, Animasi komputer menggunakan proses yang dikenal sebagai tweening, yang terlihat untuk mengurangi pekerjaan menggambar ratusan frame. Meskipun komputer menggantikan kebutuhan untuk menggambar setiap frame tunggal, hasil interpolasi tidak selalu seperti apa yang animator inginkan seharusnya. Jadi membutuhkan waktu yang lama untuk menguasai nya.<br /> <br /> Baca juga : <a href="http://indonesiamoderntechno.blogspot.co.id/2016/10/12-prinsip-animasi-2d.html" target="_blank">12 prinsip ANIMASI 2D</a><br /> <br /> <b>Cara Pembuatan Kerja Animasi Komputer </b>, Dibagi menjadi 3 proses yaitu dimulai dari proses Pra-produksi (konsep, skenario, pembentukan karakter, storyboard, dubbing awal, musik dan sound FX).<br /> Selanjut nya proses produksi (lay out, key motion, in between, Background, scanning, dan pewarnaan).<br /> Dan terakhir proses post-produksi (composite, editing, rendering, pemindahan film kedalam berbagai media berupa VCD, DVD, VHS dan lainnya)<br /> <br /> <b>Jenis Animasi Komputer</b> , Animasi komputer dibagi dalam 2 tipe yaitu tipe 2 dimensi dan 3 dimensi.<br /> 1.<span class="Apple-tab-span" style="white-space: pre;"> </span>Animasi 2 dimensi<br />    Dibuat dan diedit dengan menggunakan bitmap 2D atau menggunakan vektor 2D. Teknik ini meliputi versi komputer dari tweening (gerakan inbetween yang berfungsi sebagai penghalus suatu gerakan).<br /> Morphing.<br /> onion skinning (beberapa layer dengan gambar posisi berkesinambungan supaya ilusi gerak dalam dapat ditangkap).<br /> dan rotoscope terinterolasi.<br /> 2.<span class="Apple-tab-span" style="white-space: pre;"> </span>Animasi 3 dimensi<br />     Figur dibuat di komputer menggunakan polygon. Demi memungkinkan meshes ini bergerak diberikan rangka digital yang disebut rigging.

Animasi 2D dan 3D Animasi komputer

Animasi komputer Animasi komputer adalah Seni dan proses menghasilkan gambar bergerak dengan penggunaan komputer. Animasi computer me...

Read more »

Tutorial Animasi Motion Guide CS3

<div class="MsoNormal"> Setelah lama tidak membagikan tutorial, saat nya admin beraksi lagi :v tapi bukan tutorial dalam bentuk video karena data nya tidak cukup buat upload video karena ukuran file nya besar:’v  </div> <div class="MsoNormal"> Bagi yang nyari animasi motion guide semoga tutorial berikut bisa menjadi panduan.</div> <div class="MsoNormal"> Animasi motion guide merupakan pergerakan object atau animasi menurut jalur yang di buat serta di gabungan dengan motion tween.</div> <div class="MsoNormal"> Berikut tutorial nya :</div> <br /> <div class="MsoListParagraph" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal;">     1.  </span><!--[endif]-->Setelah membuat project baru silahkan buat object lingkaran pada layer 1</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz89Nwi7PfPcF_cn3oOsmDmLgFeqQtyQGn1e2HWOkTcPbNVNnFzOVD8FC3b2JALjcW4PB95DvOUqeSFsKNs0PC10BF7hje3vJl8lLApubNno2DkcBFcnVsemqLqfFoiMk4fbj9TFmZ72MU/s1600/untuk+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial Animasi Motion Guide CS3" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz89Nwi7PfPcF_cn3oOsmDmLgFeqQtyQGn1e2HWOkTcPbNVNnFzOVD8FC3b2JALjcW4PB95DvOUqeSFsKNs0PC10BF7hje3vJl8lLApubNno2DkcBFcnVsemqLqfFoiMk4fbj9TFmZ72MU/s320/untuk+blog.png" title="Tutorial Animasi Motion Guide CS3" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="MsoListParagraphCxSpFirst"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal;">      2.  </span><!--[endif]-->Object lingkaran telah kita buat selanjut kita tambah keyframe ke 15 atau terserah anda. klik kanan dan insert keyframe.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVDMEK7ltMfaCKP0BxKUFewIm4_Can-o7lsivHSohbHp-3GRl6o_NEG2a1kaqVjfdCvy6Y0SCD3YAlaFD262l0WEkxIN6MBr43JceIkq1l4kqd7uBPkBwSdtcH9rsIKSXMfWvlcZl4xlL/s1600/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial Animasi Motion Guide CS3" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVDMEK7ltMfaCKP0BxKUFewIm4_Can-o7lsivHSohbHp-3GRl6o_NEG2a1kaqVjfdCvy6Y0SCD3YAlaFD262l0WEkxIN6MBr43JceIkq1l4kqd7uBPkBwSdtcH9rsIKSXMfWvlcZl4xlL/s320/12.png" title="Tutorial Animasi Motion Guide CS3" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="MsoListParagraph" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal;">     3.  </span><!--[endif]-->Lalu saat nya kita buat motion guide dengan cara klik kanan layer 1 pilih add motion guide</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxn1M6k03oi8OQitwy9m6k8Y4KW30dxe0MI4zUZCvRPIdSrmo7lDr4NCVnDTp6QG-Vf08YC_AfdDn3wp1Yk7o2nC5tad-Sxb8h710MID5HqJcdYJBLWGRMpF8tFvTFlemnFjQ6EdbViYhE/s1600/14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial Animasi Motion Guide CS3" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxn1M6k03oi8OQitwy9m6k8Y4KW30dxe0MI4zUZCvRPIdSrmo7lDr4NCVnDTp6QG-Vf08YC_AfdDn3wp1Yk7o2nC5tad-Sxb8h710MID5HqJcdYJBLWGRMpF8tFvTFlemnFjQ6EdbViYhE/s320/14.png" title="Tutorial Animasi Motion Guide CS3" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="MsoListParagraph" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal;">      4. </span><!--[endif]-->Maka akan muncul seperti yang admin tandai, selanjut nya kita buat jalur untuk gerakan object nya. Kita gunakan line buat jalur bebas terserah anda. ingat! Jalur nya kita buat di guide layer nya(yang admin tandai).</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_ZwNS-IfY86g6tmMkvFaiayGVFEriYBnZQ5RIoM7hzEFW56M1HBL1s8rrUg4cWQM_7HCd3RaTLJRNwjK58g30GTY-F72JcBdNZR12TTnA_2J3ientUWz61Tqs24Vr-xzOks4mJ4DiQbI3/s1600/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial Animasi Motion Guide CS3" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_ZwNS-IfY86g6tmMkvFaiayGVFEriYBnZQ5RIoM7hzEFW56M1HBL1s8rrUg4cWQM_7HCd3RaTLJRNwjK58g30GTY-F72JcBdNZR12TTnA_2J3ientUWz61Tqs24Vr-xzOks4mJ4DiQbI3/s320/15.png" title="Tutorial Animasi Motion Guide CS3" width="320" /></a></div> <div class="MsoListParagraphCxSpFirst"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal;">     5.  </span><!--[endif]-->Kembali ke layer 1 dan kita tambahkan motion tween dengan klik kanan pilih create motion tween.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQkN3L7yTZZcQMyVnl8T594HpwtMOSS2c0UqtP5TNBdie4bcNmZp-T4Caurcglrq3xtsntb5DUX5zaAVxVhqSCg5MmhitxejsEeE0tm6bF_i0nRPK1y6O0MlyEYg-RRov0JlqkWGzVRXx/s1600/16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial Animasi Motion Guide CS3" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQkN3L7yTZZcQMyVnl8T594HpwtMOSS2c0UqtP5TNBdie4bcNmZp-T4Caurcglrq3xtsntb5DUX5zaAVxVhqSCg5MmhitxejsEeE0tm6bF_i0nRPK1y6O0MlyEYg-RRov0JlqkWGzVRXx/s320/16.png" title="Tutorial Animasi Motion Guide CS3" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="MsoListParagraph" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal;">     6.  </span><!--[endif]-->Cara terakhir klik awal keyframe pada layer 1 dan pindahkan bola tepat di ujung awal jalur. Lihat pada gambar terlihat ada lingkaran kecil nah itu yang di tepatin dengan ujung jalur</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiUeOnk6uXy9KS081QbwzJWDsHvFNGgiyohlJx5Z4jxgHE9NHjj_VE5CQxMrj1VegUzjn755fGHn_IcFrphUgNnHXGGmcMvjwBsgUMcYwKmu1Bi-aZTsYog8iahu4ECSjqo8KVuaQwND6u/s1600/17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial Animasi Motion Guide CS3" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiUeOnk6uXy9KS081QbwzJWDsHvFNGgiyohlJx5Z4jxgHE9NHjj_VE5CQxMrj1VegUzjn755fGHn_IcFrphUgNnHXGGmcMvjwBsgUMcYwKmu1Bi-aZTsYog8iahu4ECSjqo8KVuaQwND6u/s320/17.png" title="Tutorial Animasi Motion Guide CS3" width="320" /></a></div> <div class="MsoListParagraphCxSpFirst"> Lakukan hal yang sama namun kali ini letakan lingkaran pada keyframe terakhir dan tepatkan di ujung jalur terakhir.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo8lzhpyZjgmoC72zIhmoquH5zxmumkndwAret1YHA16sKbFvDX7BKzTCCO87t-CJd4b0ELD9YUF0QR2A7n1xTdk4vjxYsBIZ7tlbGzAMD3U0BZDFQWGmiuJdvDbEEG_5DpS-6wBHvSgG1/s1600/18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial Animasi Motion Guide CS3" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo8lzhpyZjgmoC72zIhmoquH5zxmumkndwAret1YHA16sKbFvDX7BKzTCCO87t-CJd4b0ELD9YUF0QR2A7n1xTdk4vjxYsBIZ7tlbGzAMD3U0BZDFQWGmiuJdvDbEEG_5DpS-6wBHvSgG1/s320/18.png" title="Tutorial Animasi Motion Guide CS3" width="320" /></a></div> <div class="MsoListParagraphCxSpFirst"> <br /></div> <div class="MsoListParagraphCxSpMiddle"> Terakhir tinggal kalian coba klik ctrl + enter untuk render sementara..</div> <div class="MsoListParagraphCxSpMiddle"> Mungkin cara di setiap versi aplikasi berbeda namun di cs3 bisa work.</div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="MsoListParagraphCxSpLast"> Selamat Mencoba.</div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> Baca juga : <span style="background-color: white; font-family: "roboto" , sans-serif; font-size: 12px; line-height: 16.7999992370605px; white-space: nowrap;"><a href="http://indonesiamoderntechno.blogspot.co.id/2016/12/cara-membuat-animasi-motion-tween.html" target="_blank">Cara Membuat Animasi Motion Tween</a></span></div> <div class="MsoListParagraphCxSpLast"> <br /></div> <div class="MsoListParagraph" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <br /></div> <div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <br /></div> <div class="MsoListParagraph" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <br /></div> <div class="MsoListParagraph" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <br /></div> <div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <br /></div>

Animasi 2D dan 3D Tutorial Animasi Motion Guide CS3

Setelah lama tidak membagikan tutorial, saat nya admin beraksi lagi :v tapi bukan tutorial dalam bentuk video karena data nya tidak cukup b...

Read more »

12 prinsip ANIMASI 2D

<div class="MsoNormal"> <br /></div> <div class="MsoNormal"> Animasi 2D adalah jenis animasi yang memiliki sifat flat secara visual. Pembuatannya terdapat dua cara, yaitu manual dan komputer. Materi selanjut nya kita bakal pakai computer tepat nya dengan menggunakan aplikasi adobe flash professional.</div> <div class="Default"> <br /></div> <div class="MsoNormal"> Prinsip dasar animasi adalah Prinsip-prinsip yang digunakan seorang animator untuk mengetahui dan memahami bagaimana sebuah animasi dibuat sedemikian rupa sehingga didapatkan hasil animasi yang menarik, dinamis dan tidak membosankan. Prinsip dasar ini animasi ini sebenarnya paling pas digunakan untuk animasi kartun. <b>Thomas </b>dan <b>Ollie Johnston </b>adalah tokoh animator yang memberikan 12 prinsip animasi pada film animasi produksi <b><i>Walt Disney. </i></b>Kalau kalian tahu karakter micky mouse itulah karakter oleh Thomas dan Ollie Johnston yang akhir nya muncul lah 12 prinsip-prinsip animasi 2D dan dipakai hingga sekarang.</div> <div class="MsoNormal"> Ada 12 prinsip animasi 2D diantara nya :</div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">1.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Squash And Stretch </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <i><span style="font-size: 11.0pt;">Squash and strecth </span></i><span style="font-size: 11.0pt;">adalah upaya penambahan efek lentur (plastis) pada objek atau figur sehingga -seolah-olah ‘memuai’ atau ‘menyusut’ sehingga memberikan efek gerak yang lebih hidup.<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt; mso-bidi-font-style: italic;">Contoh : bola mamantul, dan penambahan emosi pada karakter<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">2.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Anticipation </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Anticipation adalah sebuah prinsip animasi dimana kita sebagai animator memberikan tanda pada penontonmengenai apa yang akan dilakukan oleh si karakter.<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Contoh : ancang-ancang saat akan berlari<o:p></o:p></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8XAKnGuecyABXPOmJiT5hLQCu3sk0NvVpmpZ5Gm-c3LBqhlq0_iyd0UuEpFoDsXbA3Ztl0xaWInywX301DRXAmvXKn7WL4Xjy7cC81SjvSbG-Jx5EutzUo-pCf6bZBfrzOaC6wGYqWPDE/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8XAKnGuecyABXPOmJiT5hLQCu3sk0NvVpmpZ5Gm-c3LBqhlq0_iyd0UuEpFoDsXbA3Ztl0xaWInywX301DRXAmvXKn7WL4Xjy7cC81SjvSbG-Jx5EutzUo-pCf6bZBfrzOaC6wGYqWPDE/s320/Capture.PNG" width="320" /></a></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="Default"> <br /></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">3.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;"> Staging </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Hal ini berarti kita harus memastikan bahwa setiap gerakan, ekspresi, dan mood dari si karakter harus terlihat jelas dan tidak disalahartikan.<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Contoh: <o:p></o:p></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfzSHy8RIXLu_cKh15alo3z1_ZrpDjpGwtIMdu3FDp5rINr6Siy7HRtJ2IfDhKA0WpfvWHtA4BxocwyG1_m8LYf7H18d03voVlzjVrXEGptfmlyAxeedcamW_u0qTmQ8rOjRFef6K5w88-/s1600/n.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfzSHy8RIXLu_cKh15alo3z1_ZrpDjpGwtIMdu3FDp5rINr6Siy7HRtJ2IfDhKA0WpfvWHtA4BxocwyG1_m8LYf7H18d03voVlzjVrXEGptfmlyAxeedcamW_u0qTmQ8rOjRFef6K5w88-/s320/n.PNG" width="320" /></a></div> <div class="MsoNormal"> <br /> <!--[endif]--></div> <div class="Default"> <br /></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">4.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;"> Straight Ahead And Pose to Pose </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Yang pertama adalah <i>Straight Ahead Action</i>, yaitu membuat animasi dengan cara seorang animator menggambar satu per satu, <i>frame by frame</i>, dari awal sampai selesai seorang diri. Yang kedua adalah Pose to Pose, yaitu pembuatan animasi oleh seorang animator dengan cara menggambar hanya pada <i>keyframe-keyframe </i>tertentu saja, selanjutnya in-between atau interval antar keyframe digambar/ dilanjutkan oleh asisten/ animator lain.<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Contoh straight ahead :<o:p></o:p></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhho7r0MGGW4QqJMoHHb7OoAUqDD2TmP0HHCOlKH12tb1rncyExFTOx7nH5p18ysEipos0RaxzPyEhfwMAT5QfsYtCTl529jiaMrTNjbx__6EgSa7Zl0xj5eXsSReUkTS6yEbTaYJm9O8lR/s1600/m.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhho7r0MGGW4QqJMoHHb7OoAUqDD2TmP0HHCOlKH12tb1rncyExFTOx7nH5p18ysEipos0RaxzPyEhfwMAT5QfsYtCTl529jiaMrTNjbx__6EgSa7Zl0xj5eXsSReUkTS6yEbTaYJm9O8lR/s320/m.PNG" width="320" /></a></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Contoh pose to pose :<o:p></o:p></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLLLagxXVrb340FqNB-fEfVbJNRP7kQvkZXETGFm_WLqE0VBRQLXwzdNAc0jHwAgwYdjwY2aNVuskVpNHdP2REIRUnLrTHDpB5IpnBbsLs-gpm38_-bdA0ZUnrZirFeZW-HSDcSc_DBEI/s1600/kk.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLLLagxXVrb340FqNB-fEfVbJNRP7kQvkZXETGFm_WLqE0VBRQLXwzdNAc0jHwAgwYdjwY2aNVuskVpNHdP2REIRUnLrTHDpB5IpnBbsLs-gpm38_-bdA0ZUnrZirFeZW-HSDcSc_DBEI/s320/kk.PNG" width="320" /></a></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="Default"> <br /></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">5.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Follow Through And Overlapping Action </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <i><span style="font-size: 11.0pt;">Follow through </span></i><span style="font-size: 11.0pt;">adalah tentang bagian tubuh tertentu yang tetap bergerak meskipun seseorang telah berhenti bergerak. Misalnya, rambut yang tetap bergerak sesaat setelah berhenti berlari.<o:p></o:p></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6vbHs3aFgNCT4QZYJ6TZ7HRRHL-9Sxz1zFIhSp2ZxD0fn47Pee_Q-XOxI4NwNw0zmhkKAK_xm5ZKdEigGWAfRxxUbuYcelkwZ3oirs8lJuLH2gxLnfdOCG9xiShEaqQs0ueQKN-V15Nu/s1600/l.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6vbHs3aFgNCT4QZYJ6TZ7HRRHL-9Sxz1zFIhSp2ZxD0fn47Pee_Q-XOxI4NwNw0zmhkKAK_xm5ZKdEigGWAfRxxUbuYcelkwZ3oirs8lJuLH2gxLnfdOCG9xiShEaqQs0ueQKN-V15Nu/s1600/l.PNG" /></a></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="Default"> <br /></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">6.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Slow In And Slow Out </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <i><span style="font-size: 11.0pt;">Slow in </span></i><span style="font-size: 11.0pt;">terjadi jika sebuah gerakan diawali secara lambat kemudian menjadi cepat. <i>Slow out </i>terjadi jika sebuah gerakan yang relatif cepat kemudian melambat. <i>Dalam gerakan misalnya mengambil gelas. Tangan akan memiliki kecepatan yang berbeda ketika sedang akan menjamah gelas, dengan ketika sudah menyentuhnya. Ketika tangan masih jauh dari gelas, tangan akan bergerak relatif cepat. Sedangkan ketika tangan sudah mendekati gelas, maka secara refleks tangan akan menurunkan kecepatannya (terjadi perlambatan) atau dalam konteks ini kita menyebutnya slow out.<o:p></o:p></i></span></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b>7.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Arch </span></b></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Dengan Arcs, kita bisa membuat dimensi pada gerakan animasi kita, contoh membuat kepala sedikit menunduk saat menolehkan kepala akan membuat gerakan tampak lebih alami.<o:p></o:p></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_FoTljJjbpxcE-cYm5EjxqawWwVtXxm9eKeVKF1LuFSEjzBKSxhqfeha8jBaTlN5WBieJaazTsNnYsPQQaY4swjw44WSkfkTyBd-dWNobJjXgxe20U9xohTN-iwgFEZfh-B7meS7zHRm/s1600/j.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_FoTljJjbpxcE-cYm5EjxqawWwVtXxm9eKeVKF1LuFSEjzBKSxhqfeha8jBaTlN5WBieJaazTsNnYsPQQaY4swjw44WSkfkTyBd-dWNobJjXgxe20U9xohTN-iwgFEZfh-B7meS7zHRm/s1600/j.PNG" /></a></div> <div class="Default" style="margin-left: 36.0pt;"> <br /> <!--[endif]--></div> <div class="Default"> <br /></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">8.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Secondary Action </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Secondary action adalah prinsip dimana ada gerakan sekunder yang terjadi akibat adanya gerakan utama.<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Contoh : </span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRrG2smAxQ7QUpob-fbP0eAJWnxvkUnrPFk5snPmrJ8VFLRC-UVbRl_7d1QB02we_SAQjw757Ka0QSKWRV-DvWzhbEliwtlkz39aMu6qXsTwVvaAN1EABupS5NJze9OpYBCZmVODvLM6bd/s1600/kl.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRrG2smAxQ7QUpob-fbP0eAJWnxvkUnrPFk5snPmrJ8VFLRC-UVbRl_7d1QB02we_SAQjw757Ka0QSKWRV-DvWzhbEliwtlkz39aMu6qXsTwVvaAN1EABupS5NJze9OpYBCZmVODvLM6bd/s1600/kl.PNG" /></a></div> <span style="font-size: 11.0pt;">gerakan utamanya adalah orang itu sedang berlari, sedangkan gerakan sekundernya adalah topi santa clausnya yang bergerak. Jadi topi itu baru ikut bergerak karena disebabkan oleh gerakan utamanya, inilah yang dimaksud dengan secondary action.<o:p></o:p></span><br /> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b>9.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">    </span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Timing </span></b></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Timing adalah tentang menentukan waktu kapan sebuah gerakan harus dilakukan, sementara spacing adalah tentang menentukan percepatan dan perlambatan dari bermacam-macam jenis gerak. <o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <i><span style="font-size: 11.0pt;">Contoh Timing: Menentukan pada detik keberapa sebuah bola yang meluncur kemudian menghantam kaca jendela.<o:p></o:p></span></i></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">10.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">  </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Appeal </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Appeal adalah tentang bagaimana kita membuat karakter kita menjadi menarik dan tidak selalu harus yang lucu seperti yang banyak orang pikirkan.<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">11.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">  </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Exaggeration </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <i><span style="font-size: 11.0pt;">Exaggeration </span></i><span style="font-size: 11.0pt;">adalah upaya untuk mendramatisir sebuah animasi dalam bentuk rekayasa gambar yang bersifat hiperbolis. Dibuat untuk menampilkan ekstrimitas ekspresi tertentu, dan lazimnya dibuat secara komedik. <i>Contoh: 1) Bola mata Tom yang ‘melompat’ keluar karena kaget, 2) Muka Donald yang membara ketika marah, 3) Air mata Nobita yang mengalir seperti air terjun ketika menangis</i></span><i><span style="font-family: "times new roman" , "serif"; font-size: 11.5pt;">.<o:p></o:p></span></i></div> <div class="Default" style="margin-left: 36.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <!--[if !supportLists]--><b><span style="font-size: 11.0pt; mso-fareast-font-family: Arial;">12.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal;">  </span></span></b><!--[endif]--><b><span style="font-size: 11.0pt;">Solid Drawing </span></b><span style="font-size: 11.0pt;"><o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Solid Drawing adalah kemampuan untuk menggambar karakter dalam berbagai angle sehingga karakter tersebut terlihat bervolume dan konsisten dalam setiap frame animasi.<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="Default" style="margin-left: 36.0pt;"> <span style="font-size: 11.0pt;">Itulah ke 12 prinsip-prinsip animasi 2D semoga bermanfaat sobat blogger.<o:p></o:p></span></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="Default" style="margin-left: 36.0pt;"> <br /></div> <div class="MsoNormal"> <br /></div> <br /> <div class="MsoNormal"> <br /></div>

Animasi 2D dan 3D 12 prinsip ANIMASI 2D

Animasi 2D adalah jenis animasi yang memiliki sifat flat secara visual. Pembuatannya terdapat dua cara, yaitu manual dan komputer. Materi...

Read more »