tag:blogger.com,1999:blog-66631799608179353352024-03-20T03:06:02.221-07:00All About MultimediaAnonymoushttp://www.blogger.com/profile/15273990983932990650noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-6663179960817935335.post-72006625620365692892012-08-13T04:00:00.002-07:002012-08-13T04:00:42.130-07:00Cara membuat text animasi<br />
<div style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" typeof="v:Review" xmlns:v="http://rdf.data-vocabulary.org/#">
<span property="v:description">1. Silahkan login ke <a href="http://www.flashvortex.com/" style="color: #4999cc; text-decoration: none;" target="blank">www.flashvortex.com</a>, atau kalau anda ingin langsung ke halaman utama pembuatan teksnya, klik <a href="http://www.flashvortex.com/generators.php?generatorId=144" style="color: #4999cc; text-decoration: none;" target="_blank">disini</a><br /><br />2. Selanjutnya anda akan di arahkan pada halaman utama <a href="http://flashvortex.com/" style="color: #4999cc; text-decoration: none;" target="blank">flashvortex.com</a> seperti pada gambar di bawah.</span><br /><div style="color: white;">
<span property="v:rating">4,8</span></div>
</div>
<a href="http://mujijayaganesha.blogspot.com/2012/03/cara-paling-mudah-membuat-animasi-flash.html" style="background-color: white; color: #4999cc; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px; text-decoration: none;" target="_blank"><img alt="" class="aligncenter size-medium wp-image-382" height="168" src="http://arifinsarpon.googlecode.com/files/vortex-011.jpg?w=300&h=168" style="border-width: 0px;" title="vortex 01" width="300" /></a><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><span style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">Klik tombol teks dan anda akan di arahkan pada halaman seperti pada gambar di bawah.</span><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><a href="http://mujijayaganesha.blogspot.com/2012/03/cara-paling-mudah-membuat-animasi-flash.html" style="background-color: white; color: #4999cc; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px; text-decoration: none;" target="_blank"><img alt="" class="aligncenter size-medium wp-image-384" height="194" src="http://arifinsarpon.googlecode.com/files/vortex-023.jpg?w=300&h=194" style="border-width: 0px;" title="vortex 02" width="300" /></a><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><span style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">3. Pada halaman ini, ada beberapa macam pilihan teks animasi, anda klik saja pada ”</span><b style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">Scrolling text marquee</b><span style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">”, dan halaman selanjutnya yang akan muncul adalah seperti pada gambar di bawah.</span><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><a href="http://mujijayaganesha.blogspot.com/2012/03/cara-paling-mudah-membuat-animasi-flash.html" style="background-color: white; color: #4999cc; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px; text-decoration: none;" target="_blank"><img alt="" class="size-medium wp-image-385 alignleft" height="135" src="http://arifinsarpon.googlecode.com/files/vortex-031.jpg?w=235&h=135" style="border-width: 0px;" title="vortex 03" width="235" /></a><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><a href="http://mujijayaganesha.blogspot.com/2012/03/cara-paling-mudah-membuat-animasi-flash.html" style="background-color: white; color: #4999cc; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px; text-decoration: none;" target="_blank"><img alt="" class="size-medium wp-image-388 alignright" height="135" src="http://arifinsarpon.googlecode.com/files/vortex-043.jpg?w=235&h=135" style="border-width: 0px;" title="vortex 04" width="235" /></a><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><span style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">4. Selanjutnya anda harus mengisi beberapa kolom, antara lain :</span><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><ul style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px 30px;">
<li style="padding: 4px 0px;"> Text : Tulislah teks/kalimat yang ingin anda tampilkan. Penggunaan spasi di akhir tulisan pada kolom ini sangat penting, karena akan berpengaruh pada waktu jeda tampilnya tulisan anda. Kalau anda tidak memakai spasi maka tulisan anda akan muncul secara beruntun.</li>
<li style="padding: 4px 0px;">Txts color : Warna teks, anda cukup meng-klik kotak kecil yang ada, selanjutnya anda atur warna teks sesuai dengan keinginan anda.</li>
<li style="padding: 4px 0px;">Show border : kalau anda menghilangkan tanda centangnya, maka teks/kalimat yang akan tampil tanpa kotak kolom/garis tepi, dan akan kelihatan lebih transparan </li>
<li style="padding: 4px 0px;">Left and right padding : lebar tepi kolom teks.</li>
<li style="padding: 4px 0px;">Movie background color : Warna dasar animasi tulisan</li>
</ul>
<br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><span style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">Setelah anda selesai mengisi kolom-kolom tersebut, kemudian anda klik tombol ”</span><b style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">Generate Animation</b><span style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">” dan akan muncul halaman seperti gambar di bawah.</span><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><a href="http://mujijayaganesha.blogspot.com/2012/03/cara-paling-mudah-membuat-animasi-flash.html" style="background-color: white; color: #4999cc; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px; text-decoration: none;" target="_blank"><img alt="" class="aligncenter size-medium wp-image-386" height="130" src="http://arifinsarpon.googlecode.com/files/vortex-052.jpg?w=300&h=130" style="border-width: 0px;" title="vortex 05" width="300" /></a><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><span style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">5. Bagi blogger yang menggunakan blogspot/wordpress.org, copy kode sebelah kiri, dan bagi anda yang menggunakan wordpress.com silahkan download animasi flash tersebut, dan simpan di computer/netbook anda yang nantinya akan di install dulu agar bisa di pasang pada halaman blog anda.</span><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><span style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">Selesai . Semoga bermanfaat</span><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><br style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;" /><center style="background-color: white; color: #5e5e5e; font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 19.5px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" height="94" width="465"><embed src="http://h2.flashvortex.com/files/7/2_1331147656_18938_495_0_465_94_10_2_7.swf" quality="best" menu="true" width="465" height="94" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="always"></object></center>
<br class="Apple-interchange-newline" />Anonymoushttp://www.blogger.com/profile/15273990983932990650noreply@blogger.com0tag:blogger.com,1999:blog-6663179960817935335.post-36482837891332686592012-07-31T05:13:00.000-07:002012-07-31T05:16:18.870-07:0012 Prinsip / Syarat Animasi<span style="font-family: Times, 'Times New Roman', serif;"><span style="font-size: 12pt; line-height: 115%;">Kata “animasi” berasal dari kata “</span><em style="font-size: 12pt; line-height: 115%;">animate</em><span style="font-size: 12pt; line-height: 115%;">,”
yang berarti untuk membuat obyek mati menjadi seperti hidup. Seorang Animator
profesional sepertinya harus mengetahui dan memahami bagaimana sebuah animasi
dibuat sedemikian rupa sehingga didapatkan hasil animasi yang menarik, dinamis
dan tidak membosankan</span></span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Dibawah ini merupakan 12 Prinsip/Syarat Animasi agar animasi terlihat seperti nyata :</span><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<span style="font-family: Times, 'Times New Roman', serif;">1. <b><i><span lang="EN-GB" style="font-size: 12pt; line-height: 115%;">Timing</span></i><span lang="EN-GB" style="font-size: 12pt; line-height: 115%;"> (Waktu)</span></b></span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8cHfcgvIBA4pIaHZrJ4PNCg95CKI9s52A6xh5DRvLH55fsIcFdPQ5pV_LhOvX1t5Z-qvPyLMwS1agKnZ-IBsz7T-GV2H3d026dK81BB3N0tuk4bbh8l7ENP8dap0VmF7BcV5FyZLM6is/s1600/TIMING.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8cHfcgvIBA4pIaHZrJ4PNCg95CKI9s52A6xh5DRvLH55fsIcFdPQ5pV_LhOvX1t5Z-qvPyLMwS1agKnZ-IBsz7T-GV2H3d026dK81BB3N0tuk4bbh8l7ENP8dap0VmF7BcV5FyZLM6is/s200/TIMING.jpg" width="200" /></span></a><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 13.15pt; text-align: justify; text-indent: -18pt;">Ini menentukan apakah gerakan
tersebut alami atau tidak. Misalkan gerakan orang berjalan terlalu lambat, sedangkan latar belakang terlalu cepat bergerak. Atau bola yang memantul ke
tanah, tetapi sebelum memantul, efek suara pantulan sudah terdengar lebih
dahulu. Jadi timing ini lebih kepada sinkronisasi antara elemen-elemen animasi.</span><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: justify;">
<span lang="EN-US" style="font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div style="text-align: justify;">
<span lang="EN-US" style="font-family: Times, 'Times New Roman', serif;">Grim Natwick, seorang animator
Disney pernah berkata, “Animasi adalah tentang timing dan spacing”. Timing
adalah tentang menentukan waktu kapan sebuah gerakan harus dilakukan, sementara
spacing adalah tentang menentukan percepatan dan perlambatan dari
bermacam-macam jenis gerak.</span></div>
<div style="text-align: justify;">
<em><span lang="EN-US" style="font-family: Times, 'Times New Roman', serif;">Contoh Timing: Menentukan
pada detik keberapa sebuah obyek/karakter berjalan sampai ke tujuan atau
berhenti.</span></em></div>
<em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Contoh Spacing: Menentukan kepadatan gambar
(yang pada animasi akan berpengaruh pada kecepatan gerak)</span></em><br />
<div>
<em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></em></div>
<div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;"> 2. Ease In dan Ease Out (Percepatan dan
Perlambatan)<o:p></o:p></span></b></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Prinsip ini juga paling banyak digunakan
dalam animasi. Ketika bola di lempar ke atas, gerakan tersebut harus semakin
lambat. Dan bola jatuh akan semaking cepat. Atau ketika mobil berhenti,
pemberhentian tersebut harus secara perlahan-lahan melambat, tidak bisa
langsung berhenti.<o:p></o:p></span></div>
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Slow In dan Slow Out
menegaskan bahwa setiap gerakan memiliki percepatan dan perlambatan yang
berbeda-beda. <em>Slow in</em> terjadi jika sebuah gerakan diawali secara
lambat kemudian menjadi cepat. <em>Slow out</em> terjadi jika sebuah gerakan
yang relatif cepat kemudian melambat. Contoh Slow In :</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip4JyKn2K90BBGQDfe54NoqtUk8ccjr0hPOCBerkT-DRnRgo7wk47Zpo6xxgyOAAAaH-zFFwyPKG7QS1jMnmpfZBzMFua8G8f2hKX-cqTRbIR3QVEeNA_ImC6bOTPfPSoaGQ8bkYppXIY/s1600/SLOW+IN.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip4JyKn2K90BBGQDfe54NoqtUk8ccjr0hPOCBerkT-DRnRgo7wk47Zpo6xxgyOAAAaH-zFFwyPKG7QS1jMnmpfZBzMFua8G8f2hKX-cqTRbIR3QVEeNA_ImC6bOTPfPSoaGQ8bkYppXIY/s320/SLOW+IN.jpg" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">3.
Arcs (Lengkungan)<o:p></o:p></span></b></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="MsoNoSpacing" style="text-indent: 36pt;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Banyak hal tidak
bergerak secara garis lurus. Bola saja dilempar tidak akan pernah lurus, pasti
ada sedikit pergeseran. Jadi usahakan gerakan objek anda tidak sempurna, agak
“dirusak” sedikit sehingga terlihat alami, jangan komputer banget.<o:p></o:p></span></div>
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Pada animasi, sistem
pergerakan tubuh pada manusia, binatang, atau makhluk hidup lainnya bergerak
mengikuti pola/jalur (maya) yang disebut <em>Arcs</em>. Hal ini memungkinkan
mereka bergerak secara ‘<em>smooth’</em> dan lebih realistik, karena pergerakan
mereka mengikuti suatu pola yang berbentuk lengkung (termasuk lingkaran, elips,
atau parabola). Sebagai contoh, <em>Arcs</em> ditunjukkan pada lintasan tangan
saat melempar bola dan lintasan gerak bola di udara.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHW_BErgPHIc3W2qOOF08pzEYcNJIc4yek1VBlsKkFnHyAC1GztzYprlSr858BUJaaP5ahpjs1pIY7dKC2UGOmBAt_GT-mPu5fJURqhk5HNXX5AMukmmh15ppOiNdC4_MoiTw-Pzl2Npo/s1600/ARC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHW_BErgPHIc3W2qOOF08pzEYcNJIc4yek1VBlsKkFnHyAC1GztzYprlSr858BUJaaP5ahpjs1pIY7dKC2UGOmBAt_GT-mPu5fJURqhk5HNXX5AMukmmh15ppOiNdC4_MoiTw-Pzl2Npo/s320/ARC.jpg" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">4<b>. Follow Through and Overlapping Action</b>
(Gerakan penutup sebelum benar-benar diam)</span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="MsoNoSpacing">
<a href="http://www.evl.uic.edu/ralph/508S99/gif/initiate.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="147" src="http://www.evl.uic.edu/ralph/508S99/gif/initiate.gif" width="320" /></span></a><v:shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe" stroked="f"><span style="font-family: Times, 'Times New Roman', serif;">
<v:stroke joinstyle="miter">
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0">
<v:f eqn="sum @0 1 0">
<v:f eqn="sum 0 0 @1">
<v:f eqn="prod @2 1 2">
<v:f eqn="prod @3 21600 pixelWidth">
<v:f eqn="prod @3 21600 pixelHeight">
<v:f eqn="sum @0 0 1">
<v:f eqn="prod @6 1 2">
<v:f eqn="prod @7 21600 pixelWidth">
<v:f eqn="sum @8 21600 0">
<v:f eqn="prod @7 21600 pixelHeight">
<v:f eqn="sum @10 21600 0">
</v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas>
<v:path gradientshapeok="t" o:connecttype="rect" o:extrusionok="f">
<o:lock aspectratio="t" v:ext="edit">
</o:lock></v:path></v:stroke></span></v:shapetype><v:shape id="Picture_x0020_7" o:spid="_x0000_s1026" style="height: 74.75pt; left: 0; margin-left: .1pt; margin-top: .95pt; mso-position-horizontal-relative: text; mso-position-horizontal: absolute; mso-position-vertical-relative: text; mso-position-vertical: absolute; mso-wrap-distance-bottom: 0; mso-wrap-distance-left: 9pt; mso-wrap-distance-right: 9pt; mso-wrap-distance-top: 0; mso-wrap-style: square; position: absolute; text-align: left; visibility: visible; width: 135.55pt; z-index: 1;" type="#_x0000_t75">
<v:imagedata o:title="lompatover" src="file:///C:\Users\user\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"><span style="font-family: Times, 'Times New Roman', serif;">
<w:wrap type="square">
</w:wrap></span></v:imagedata></v:shape><em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;"></span></em></div>
<div class="MsoNoSpacing">
<em><em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;"><br /></span></em></em></div>
<span style="font-family: Times, 'Times New Roman', serif;"><em>Follow through</em><span style="font-size: 12pt;"> adalah tentang
bagian tubuh tertentu yang tetap bergerak meskipun seseorang telah berhenti
bergerak. Misalnya, rambut yang tetap bergerak sesaat setelah melompat.
Overlapping<em> action</em> secara mudah bisa dianggap sebagai gerakan
saling-silang. Maksudnya, adalah serangkaian gerakan yang saling mendahului (<em>overlapping</em>).
Contoh : Kelinci yang melompat. Sesaat setelah melompat telinganya masih
bergerak-gerak meskipun gerakan utama melompat telah dilakukan<o:p></o:p></span></span><br />
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Prinsip ini ingin menggambarkan prilaku
karakter sebelum menyelesaikan suatu tindakan. Misalkan saat seseorang melempar
bola, gerakan setelah melempar bola (Follow Through) tersebut adalah
menunjukkan mimik muka senang karena puas telah melempar bola. Kemudian yang
disebut Overlapping action adalah gerakan baju atau rambut yang bergerak akibat
gerakan tersebut.</span></div>
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Jadi animasi bukan
sekedar asal bergerak, tetapi membuatnya hidup dengan hal-hal detail seperti
ini. Banyak yang sangat detail bisa menggambar karakter, tetapi banyak yang
gagal dalam menganimasikan karena karakter yang digambar terlalu rumit untuk
dianimasikan.</span><br />
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="MsoNoSpacing">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">5.
Secondary Action (Gerakan Pelengkap)<o:p></o:p></span></b></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Ini bukanlah gerakan yang sebenarnya,
misalkan saat di ruang tunggu dokter, ada tokoh utama yang sedang membaca,
tetapi di latar belakang ada pemeran pendukung seperti orang merokok, sedang
mengobrol atau apapun yang membuatnya terlihat alami.<o:p></o:p></span></div>
<span lang="EN-US" style="font-family: Times, 'Times New Roman', serif;">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 <em>emphasize</em>
untuk memperkuat gerakan utama.</span><br />
<em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">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</span></em><br />
<div class="MsoNoSpacing" style="text-align: justify;">
<em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></em></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">6. Squash and Strecth
(Kelenturan suatu objek)</span></b></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://raispictures.com/main/images/stories/pictures/elastis.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="112" src="http://raispictures.com/main/images/stories/pictures/elastis.jpg" width="320" /></span></a></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Bola yang ketika jatuh agak sedikit gepeng
menunjukkan kelenturan bola tersebut. Atau ketika orang melompat dan jatuh,
kakinya agak sedikit lentur.<o:p></o:p></span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><em><span lang="EN-US">Squash and strecth</span></em><span lang="EN-US"> adalah upaya penambahan efek lentur (plastis) pada objek atau figur
sehingga seolah-olah ‘memuai’ atau ‘menyusut’ sehingga memberikan efek gerak
yang lebih hidup. Penerapan <em>squash and stretch</em> pada figur atau benda
hidup (misal: manusia, binatang, creatures) akan memberikan ‘<em>enhancement’</em>
sekaligus efek dinamis terhadap gerakan/action tertentu, sementara pada benda
mati (misal : gelas, meja, botol) penerapan <em>squash and stretch</em> akan
membuat mereka (benda-benda mati tersebut) tampak atau berlaku seperti benda
hidup.</span></span><br />
<em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Contoh ketika sebuah bola dilemparkan. Pada saat
bola menyentuh tanah maka dibuat seolah-olah bola yang semula bentuknya bulat
sempurna menjadi sedikit lonjong horizontal, meskipun kenyataannya keadaan bola
tidak selalu demikian. Hal ini memberikan efek pergerakan yang lebih dinamis
dan ‘hidup’</span></em><br />
<div class="MsoNoSpacing" style="text-align: justify;">
<em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></em></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 13pt; line-height: 115%;">7. Exaggeration (Melebih-lebihkan)</span></b></div>
<div class="" style="clear: both; text-align: left;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; text-align: justify;">Animasi bisa dilebih-lebihkan dengan
musik, latar belakang atau gambar. Orang digambarkan dengan mata besar yang
menunjukkan keterkejutan. Ini bisa kita lihat di film-film kartun jepang,
bagaimana orang berlari tetapi ada gambar seekor elang besar sebagai latarnya
untuk menunjukkan kecepatan lari orang tersebut.</span></div>
<div style="text-align: justify;">
<a href="http://nefozie.files.wordpress.com/2011/01/21.png?w=614" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" src="http://nefozie.files.wordpress.com/2011/01/21.png?w=614" /></span></a><span style="font-family: Times, 'Times New Roman', serif;"><em><span lang="EN-US">Exaggeration</span></em><span lang="EN-US"> merupakan upaya mendramatisir animasi dalam bentuk rekayasa <em>gambar</em>
yang bersifat hiperbolis. Dibuat sedemikian rupa sehingga terlihat sebagai
bentuk <u>ekstrimitas ekspresi</u> 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.</span></span></div>
<em><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Contoh : Tubuh Donald duck melayang mengikuti
sumber asap saat hidung Donald cuck mencium aroma masakan/makanan lezat.</span></em><br />
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 13pt; line-height: 115%;"><br /></span></b></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">8. Straight Ahead and Pose to Pose</span></b></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.toonboom.com/img/products/animatepro/how-to/tipsandtricks/rigging/cut-out_break_down-23.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="195" src="http://www.toonboom.com/img/products/animatepro/how-to/tipsandtricks/rigging/cut-out_break_down-23.png" width="200" /></span></a></div>
<div class="MsoNoSpacing">
<v:shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe" stroked="f"><span style="font-family: Times, 'Times New Roman', serif;">
<v:stroke joinstyle="miter">
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0">
<v:f eqn="sum @0 1 0">
<v:f eqn="sum 0 0 @1">
<v:f eqn="prod @2 1 2">
<v:f eqn="prod @3 21600 pixelWidth">
<v:f eqn="prod @3 21600 pixelHeight">
<v:f eqn="sum @0 0 1">
<v:f eqn="prod @6 1 2">
<v:f eqn="prod @7 21600 pixelWidth">
<v:f eqn="sum @8 21600 0">
<v:f eqn="prod @7 21600 pixelHeight">
<v:f eqn="sum @10 21600 0">
</v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas>
<v:path gradientshapeok="t" o:connecttype="rect" o:extrusionok="f">
<o:lock aspectratio="t" v:ext="edit">
</o:lock></v:path></v:stroke></span></v:shapetype><v:shape id="Picture_x0020_8" o:spid="_x0000_s1026" style="height: 74.75pt; left: 0; margin-left: 2.85pt; margin-top: 7.75pt; mso-position-horizontal-relative: text; mso-position-horizontal: absolute; mso-position-vertical-relative: text; mso-position-vertical: absolute; mso-wrap-distance-bottom: 0; mso-wrap-distance-left: 9pt; mso-wrap-distance-right: 9pt; mso-wrap-distance-top: 0; mso-wrap-style: square; position: absolute; text-align: left; visibility: visible; width: 217.95pt; z-index: 1;" type="#_x0000_t75">
<v:imagedata o:title="bouncing-ball" src="file:///C:\Users\user\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"><span style="font-family: Times, 'Times New Roman', serif;">
<w:wrap type="square">
</w:wrap></span></v:imagedata></v:shape><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Prinsip
Straight-ahead mengacu kepada teknik pembuatannya, yaitu dengan teknik frame by
frame, digambar satu per satu. Walt Disney yang mempunyai ratusan animator dari
berbagai mancanegara menggunakan teknik ini sehingga animasi terlihat sangat
halus dan detail. Bagi Anda yang mempunyai dana terbatas jangan coba-coba
menggunakan teknik ini karena pengerjaannya akan lama dan butuh tenaga animator
yang banyak. Ujung-ujungnya dana bisa habis sebelum film animasi selesai dikerjakan.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Pose to pose menggunakan teknik
keyframe, seperti tween motion di flash. Ini cocok untuk mereka yang dananya
terbatas dan butuh pengerjaan cepat. Tetapi ingat, karakter yang dibuat jangan
terlalu detail dan rumit karena akan menyulitkan pengerjaan animasi. Sederhana
saja sehingga karakter tersebut mudah digerakkan. Animasi jepang paling banyak
menggunakan teknik ini seperti Sinchan dan The Powerpuff Girls.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif;"><span style="font-size: 12pt;"> </span><span style="font-size: 12pt; line-height: 115%;">Dari sisi <em>resource</em>
dan pengerjaan, ada dua cara yang bisa dilakukan untuk membuat animasi. Yang
pertama adalah <em>Straight Ahead Action</em>, yaitu membuat animasi dengan
cara seorang animator menggambar satu per satu, frame by frame</span><span style="font-size: 12pt; line-height: 115%;"> dari awal sampai
selesai seorang diri. Teknik ini memiliki kelebihan: kualitas gambar yang <u>konsisten</u>
karena dikerjakan oleh satu orang saja. Tetapi memiliki kekurangan yaitu waktu
pengerjaan yang lama</span></span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKL9EBvTxyXQIknosfq4FBWSDUCpL26_ZXjFpjBUBblQOy0XTD4YMZ3SuHy8RXJHq-C8qNNJT8lgSWGXHgGoDgtBx2Mhnultfea_GPAARF8DGHB5PjM2bBo2AEbgf-I9_VJHnPcs55FEM/s1600/POSE+TO+POSE.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKL9EBvTxyXQIknosfq4FBWSDUCpL26_ZXjFpjBUBblQOy0XTD4YMZ3SuHy8RXJHq-C8qNNJT8lgSWGXHgGoDgtBx2Mhnultfea_GPAARF8DGHB5PjM2bBo2AEbgf-I9_VJHnPcs55FEM/s200/POSE+TO+POSE.jpg" width="200" /></span></a></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif;"><span style="font-size: 12pt; line-height: 115%;">Yang kedua adalah </span><em style="font-size: 12pt; line-height: 115%;">Pose to Pose</em><span style="font-size: 12pt; line-height: 115%;">, yaitu
pembuatan animasi oleh seorang animator dengan cara menggambar hanya pada </span><em style="font-size: 12pt; line-height: 115%;">keyframe-keyframe</em><span style="font-size: 12pt; line-height: 115%;">
tertentu saja, selanjutnya </span><em style="font-size: 12pt; line-height: 115%;">in-between</em><span style="font-size: 12pt; line-height: 115%;"> atau interval antar </span><em style="font-size: 12pt; line-height: 115%;">keyframe</em><span style="font-size: 12pt; line-height: 115%;">
digambar/dilanjutkan oleh asisten/animator lain. Cara kedua ini memiliki waktu
pengerjaan lebih cepat karena melibatkan lebih banyak sumber daya sehingga
lebih cocok diterapkan pada industri animasi</span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><b>9. Anticipation ( Gerakan Pendahulu )</b></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<a href="http://raispictures.com/main/images/stories/pictures/mimi%20mw%20lompat.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="192" src="http://raispictures.com/main/images/stories/pictures/mimi%20mw%20lompat.jpg" width="320" /></span></a><v:shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe" stroked="f"><span style="font-family: Times, 'Times New Roman', serif;">
<v:stroke joinstyle="miter">
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0">
<v:f eqn="sum @0 1 0">
<v:f eqn="sum 0 0 @1">
<v:f eqn="prod @2 1 2">
<v:f eqn="prod @3 21600 pixelWidth">
<v:f eqn="prod @3 21600 pixelHeight">
<v:f eqn="sum @0 0 1">
<v:f eqn="prod @6 1 2">
<v:f eqn="prod @7 21600 pixelWidth">
<v:f eqn="sum @8 21600 0">
<v:f eqn="prod @7 21600 pixelHeight">
<v:f eqn="sum @10 21600 0">
</v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas>
<v:path gradientshapeok="t" o:connecttype="rect" o:extrusionok="f">
<o:lock aspectratio="t" v:ext="edit">
</o:lock></v:path></v:stroke></span></v:shapetype><v:shape id="Picture_x0020_4" o:spid="_x0000_s1026" style="height: 74.75pt; left: 0; margin-left: 2.15pt; margin-top: 83.25pt; mso-position-horizontal-relative: text; mso-position-horizontal: absolute; mso-position-vertical-relative: text; mso-position-vertical: absolute; mso-wrap-distance-bottom: 0; mso-wrap-distance-left: 9pt; mso-wrap-distance-right: 9pt; mso-wrap-distance-top: 0; mso-wrap-style: square; position: absolute; text-align: left; visibility: visible; width: 141.1pt; z-index: 1;" type="#_x0000_t75">
<v:imagedata o:title="maumelompat" src="file:///C:\Users\user\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"><span style="font-family: Times, 'Times New Roman', serif;">
<w:wrap type="square">
</w:wrap></span></v:imagedata></v:shape><span style="font-family: Times, 'Times New Roman', serif;"><i><em><span lang="EN-US">Anticipation</span></em></i><span lang="EN-US">
boleh juga dianggap sebagai persiapan/awalan gerak atau ancang-ancang. <em>Seseorang</em>
<em>yang</em> bangkit dari duduk harus membungkukkan badannya terlebih dahulu
sebelum benar-benar berdiri. Pada gerakan melompat, seseorang yang tadinya
berdiri harus ada gerakan ‘membungkuk’ terlebih dulu sebelum akhirnya melompat.</span></span><br />
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Gerakan ini bertujuan untuk menjelaskan
gerakan utama. Misalkan gerakan utama adalah orang terpeleset dan jatuh ke
kolam renang. Sebelum itu, ada elemen-elemen yang ditunjukkan sebelum itu
seperti ada kulit pisang di lantai, kemudian ada gerakan air di kolam renang,
orang berjalan dengan mimik cuek. Gerakan-gerakan antisipasi bertujuan agar
penonton memahami apa yang akan terjadi berikutnya. Jadi tidak langsung membuat
orang tersebut jatuh ke kolam renang tanpa penonton tahu apa penyebabnya.<o:p></o:p></span></div>
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Ini yang kadang
dilupakan oleh orang, jadi seakan-akan penonton mengerti jalan pikiran sang
animator. Oleh karena itu, film animasi yang dibuat banyak keganjilan dan
keanehan karena kurang pahamnya animator dengan prinsip ini.</span><br />
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="MsoNoSpacing">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">10.
Staging (Bidang Gambar)<o:p></o:p></span></b></div>
<div class="MsoNoSpacing">
<v:shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe" stroked="f"><span style="font-family: Times, 'Times New Roman', serif;">
<v:stroke joinstyle="miter">
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0">
<v:f eqn="sum @0 1 0">
<v:f eqn="sum 0 0 @1">
<v:f eqn="prod @2 1 2">
<v:f eqn="prod @3 21600 pixelWidth">
<v:f eqn="prod @3 21600 pixelHeight">
<v:f eqn="sum @0 0 1">
<v:f eqn="prod @6 1 2">
<v:f eqn="prod @7 21600 pixelWidth">
<v:f eqn="sum @8 21600 0">
<v:f eqn="prod @7 21600 pixelHeight">
<v:f eqn="sum @10 21600 0">
</v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas>
<v:path gradientshapeok="t" o:connecttype="rect" o:extrusionok="f">
<o:lock aspectratio="t" v:ext="edit">
</o:lock></v:path></v:stroke></span></v:shapetype></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3I1evqHSiuUxnCEiP8SS-lU8JDX3dpPv_8Kqt4WgUTeHpGxMjtbzjhhY_fejj31Y95mCgoS_QkCo1fWkz8Qjw5Ykrw7udyXRTjxf_uHD-rpfLap3JiK-jW6oJXrQRbnW6vISxEGMnKjE/s1600/staging.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3I1evqHSiuUxnCEiP8SS-lU8JDX3dpPv_8Kqt4WgUTeHpGxMjtbzjhhY_fejj31Y95mCgoS_QkCo1fWkz8Qjw5Ykrw7udyXRTjxf_uHD-rpfLap3JiK-jW6oJXrQRbnW6vISxEGMnKjE/s1600/staging.jpg" /></span></a></div>
<v:shape id="Picture_x0020_10" o:spid="_x0000_s1026" style="height: 74.75pt; left: 0; margin-left: -2.7pt; margin-top: 4.2pt; mso-position-horizontal-relative: text; mso-position-horizontal: absolute; mso-position-vertical-relative: text; mso-position-vertical: absolute; mso-wrap-distance-bottom: 0; mso-wrap-distance-left: 9pt; mso-wrap-distance-right: 9pt; mso-wrap-distance-top: 0; mso-wrap-style: square; position: absolute; text-align: left; visibility: visible; width: 143.15pt; z-index: 1;" type="#_x0000_t75">
<v:imagedata o:title="staging" src="file:///C:\Users\user\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"><span style="font-family: Times, 'Times New Roman', serif;">
<w:wrap type="square">
</w:wrap></span></v:imagedata></v:shape><span style="font-family: Times, 'Times New Roman', serif;"><em><span style="font-size: 12pt;">Staging</span></em><span style="font-size: 12pt;"> dalam animasi
meliputi bagaimana ‘lingkungan’ dibuat untuk mendukung suasana atau ‘mood’ yang
ingin dicapai dalam sebagian atau keseluruhan <em>scene</em>. Biasanya
berkaitan dengan posisi kamera pengambilan gambar. Posisi kamera bawah membuat
karakter terlihat besar dan menakutkan, kamera atas membuat karakter tampak
kecil dan bingung sedangkan posisi kamera samping membuat karakter tampak lebih
dinamis dan menarik<o:p></o:p></span></span><br />
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Staging adalah sudut
pengambilan gambar seperti memperbesar muka tokoh untuk memperlihatkan
kesedihannya, mengambil dari jarak jauh untuk memperlihatkan kemewahan suatu
rumah, mengambil dari atas untuk memberi kesan ada seseorang yang mengintip,
dan sebagainya</span><br />
<div class="MsoNoSpacing">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;"><br /></span></b></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="MsoNoSpacing">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">11.
Personality (Penjiwaan Karakter)<o:p></o:p></span></b></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Membuat sedetail mungkin kepribadian
seorang tokoh misalkan tanggal lahir, hobi, sifat baik dan jahat. Penjiwaan
karakter akan membuat penonton mengenali karakter tersebut.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNoSpacing">
<b><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">12.
Appeal (Daya Tarik Karakter)<o:p></o:p></span></b></div>
<v:shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe" stroked="f"><span style="font-family: Times, 'Times New Roman', serif;">
<v:stroke joinstyle="miter">
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0">
<v:f eqn="sum @0 1 0">
<v:f eqn="sum 0 0 @1">
<v:f eqn="prod @2 1 2">
<v:f eqn="prod @3 21600 pixelWidth">
<v:f eqn="prod @3 21600 pixelHeight">
<v:f eqn="sum @0 0 1">
<v:f eqn="prod @6 1 2">
<v:f eqn="prod @7 21600 pixelWidth">
<v:f eqn="sum @8 21600 0">
<v:f eqn="prod @7 21600 pixelHeight">
<v:f eqn="sum @10 21600 0">
</v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas>
<v:path gradientshapeok="t" o:connecttype="rect" o:extrusionok="f">
<o:lock aspectratio="t" v:ext="edit">
</o:lock></v:path></v:stroke></span></v:shapetype><v:shape id="Picture_x0020_11" o:spid="_x0000_s1026" style="height: 74.65pt; left: 0; margin-left: .05pt; margin-top: 1.5pt; mso-position-horizontal-relative: text; mso-position-horizontal: absolute; mso-position-vertical-relative: text; mso-position-vertical: absolute; mso-wrap-distance-bottom: 0; mso-wrap-distance-left: 9pt; mso-wrap-distance-right: 9pt; mso-wrap-distance-top: 0; mso-wrap-style: square; position: absolute; text-align: left; visibility: visible; width: 185.25pt; z-index: 1;" type="#_x0000_t75">
<v:imagedata o:title="apple" src="file:///C:\Users\user\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"><span style="font-family: Times, 'Times New Roman', serif;">
<w:wrap type="square">
</w:wrap></span></v:imagedata></v:shape><span style="font-family: Times, 'Times New Roman', serif;"><em><span lang="EN-US">Appeal</span></em><span lang="EN-US"> 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 <em>style</em> animasi buatan <em>Disney</em> atau <em>Dreamworks</em>
cukup dengan melihatnya beberapa saat. Hal ini karena mereka memiliki <em>appeal</em>
atau gaya tersendiri dalam pembuatan karakter animasi.</span></span><br />
<div class="MsoNoSpacing">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWPyeTz4_olxqatQKg61cFW49KeX3AYWfLYSgC1yDgXBQVEUHwI4axeMTPTRY8K4WoWYyd4suKDc7771gujMWNuV4XdeLaiMTeMVAgV9U0rfaW3HnE-1TOF3eqCkesRt19Pp9CmIf_NI/s1600/appeal.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWPyeTz4_olxqatQKg61cFW49KeX3AYWfLYSgC1yDgXBQVEUHwI4axeMTPTRY8K4WoWYyd4suKDc7771gujMWNuV4XdeLaiMTeMVAgV9U0rfaW3HnE-1TOF3eqCkesRt19Pp9CmIf_NI/s320/appeal.jpg" width="320" /></span></a><span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Ada juga yang berpendapat bahwa appeal
adalah tentang penokohan, berkorelasi dengan ‘kharisma’ seorang tokoh atau
karakter dalam animasi. Sehingga visualisasi animasi yang ada bisa mewakili
karakter/sifat yang dimilkiki.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Daya tarik karakter tersebut harus bisa
mempengaruhi emosi penonton. Misalkan tampangnya yang bodoh sehingga membuat
penonton tertawa atau tampang yang tak berdosa sehingga membuat penonton merasa
kasihan.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNoSpacing">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">Jadi ada 12 prinsip animasi yang perlu
diketahui oleh animator sehingga kita tidak membuat animasi asal jadi, asal
bergerak.</span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><span style="font-size: 12pt; line-height: 115%;">Ke-12 prinsip animasi
diatas sering digunakan dalam </span><span style="font-size: 11pt; line-height: 115%;"><a href="http://oprekzone.com/proses-pembuatan-animasi-stop-motion-3d-shaun-the-sheep"><span style="font-size: 12pt; line-height: 115%;">teknik
animasi stop motion</span></a></span><span style="font-size: 12pt; line-height: 115%;"> 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><br />
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/15273990983932990650noreply@blogger.com4tag:blogger.com,1999:blog-6663179960817935335.post-35458706781556490522012-07-30T07:56:00.000-07:002012-07-30T08:02:13.629-07:00Proses Produksi Video<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFskQR-4TGgD0M5Iut4ZoeIQAysdimKI8HbhrHh38g1qX_VJa7qNWFMro8ZGx3ftducPHL4r3NNz7kNNbYnsXHbErQP1bhxY4LqqUGt2klQsyDxCT9JPUtUOLNrG0uFYQ00651_1D9-FE/s1600/video.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFskQR-4TGgD0M5Iut4ZoeIQAysdimKI8HbhrHh38g1qX_VJa7qNWFMro8ZGx3ftducPHL4r3NNz7kNNbYnsXHbErQP1bhxY4LqqUGt2klQsyDxCT9JPUtUOLNrG0uFYQ00651_1D9-FE/s320/video.jpg" width="320" /></a></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Dalam Proses pembuatan sebuah film layar lebar, film
indie, atau iklan, semuanya menggunakan tahapan produksi yang sama yaitu</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQKSOQQxKqEMnNT0JIeGbDoIGQHzSLvzitvqjsM0Qf9cw1d4kXX7Dihzs6_EAYuxnNWAqDHb3XoVrwpr3nUqr82EdhHi-wxCnuGlMl1RXiMXgzSMLcbE-uTzwAhIldAIrxjMZX212Dkg/s1600/ALIR+Proses+Produksi+Produk+Multimedia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQKSOQQxKqEMnNT0JIeGbDoIGQHzSLvzitvqjsM0Qf9cw1d4kXX7Dihzs6_EAYuxnNWAqDHb3XoVrwpr3nUqr82EdhHi-wxCnuGlMl1RXiMXgzSMLcbE-uTzwAhIldAIrxjMZX212Dkg/s400/ALIR+Proses+Produksi+Produk+Multimedia.jpg" width="400" /></a></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Misal kita sudah memiliki sebuah film dengan Judul “Jaka
Tingkir” , “Harry Poster”, “Mak Lumpur”, “Nenek Duyung” . atau kita membuat
sebuah Film proyek pribadi, Video Pendek untuk</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> konsumsi Web, maka semua contoh film diatas
memiliki satu kesamaan tahapan dalam proses produksi digital secara umum, </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">dengan adanya gambaran tersebut maka akan menjadi
jelas letak dan fungsi pekerjaan video editing dalam proses produksi digital
video. Apabila kita melihat bagan alir proses produksi digital video tersebut,
maka suatu waktu terlihat bahwa ada tahapan yang overlap, proses produksi
digital video sebenarnya tidak harus sama seperti bagan alir tersebut, tetapi
kita dapat mengadaptasikan rangkaian kerja tersebut sesuai dengan kebiasaan,
ataupun gaya kerja kita, karena setiap orang pasti memiliki gaya kerja yang
berbeda-beda.</span><br />
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"></span><br />
<a name='more'></a><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUznUEAubEldbatmCRzN8E1TtrXACmONCrO96axSYCS4rD0r4cNAyCBqJYivkoDElLnCkja2KXevVn8YvkqKfjRKRl8QjNwqiHjENuPfb0JUtsAfOrrYUQ9Sh3yd8zESZXuRQb4EjLjSI/s1600/Alir+Proses+Produksi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUznUEAubEldbatmCRzN8E1TtrXACmONCrO96axSYCS4rD0r4cNAyCBqJYivkoDElLnCkja2KXevVn8YvkqKfjRKRl8QjNwqiHjENuPfb0JUtsAfOrrYUQ9Sh3yd8zESZXuRQb4EjLjSI/s640/Alir+Proses+Produksi.jpg" width="640" /></a></div>
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br /></span><br />
<b><span style="font-family: 'Times New Roman', serif; font-size: 14pt; line-height: 115%;">Pre Production</span></b><br />
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Pre Production merupakan tahapan persiapan, dimana
pada tahap ini semua kebutuhan sebelum produksi atau Shoot film harus
dipersiapkan </span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Pada intinya tujuan pra
produksi adalah mempersiapkan segala sesuatunya agar proses produksi dapat
berjalan sesuai konsep dan menghasilkan suatu karya digital video sesuai dengan
harapan.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> </span><br />
<ul>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Outline</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Script</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Storyboard</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Budget/Finance</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Cast</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Costum</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Sets</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Property</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Location</span></li>
<li><span style="font-family: Wingdings; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%; text-indent: -18pt;">Logistics</span></li>
</ul>
<b style="text-align: justify;"><span style="line-height: 115%;"><span style="font-family: Times, 'Times New Roman', serif;">Production</span></span></b><br />
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif;"><span style="line-height: 115%;">Pada Proses Produksi
merupakan tahapan pelaksanaan saat adegan shooting berlangsung, intinya merekam
kejadian langsung, adegan animasi, take suara, untuk menghasilkan footage/Clip.
Pembuatan animasi/motion graphics dapat pula dikategorikan dalam proses
produksi, karena bertujuan menghasilkan footage yang nantinya akan disusun dan
diedit dalam proses pasca produksi </span><span style="line-height: 115%;"> <o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<b><span style="line-height: 115%;"><span style="font-family: Times, 'Times New Roman', serif;">Post Production<o:p></o:p></span></span></b></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="line-height: 115%;"><span style="font-family: Times, 'Times New Roman', serif;">Pada tahap Pasca Produksi, Footage/clip yang telah di buat pada saat proses
produksi kemudian di susun dan diedit untuk dijadikan sebuah grand Master
(final Product). Peng editan bisa dilakukan dengan penambahan Visual Effect,
Gambar, Title, Soundtrack. <o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="line-height: 115%;"><span style="font-family: Times, 'Times New Roman', serif;">Beberapa Software dari adobe yang biasa di gunakan untuk Proses Pasca
Produksi <o:p></o:p></span></span></div>
<div class="Default" style="margin-bottom: 6.0pt; margin-left: 14.0pt; margin-right: 0cm; margin-top: 2.0pt; text-align: justify; text-indent: -14.0pt;">
<span style="font-family: Times, 'Times New Roman', serif;"><b>Adobe Premiere
Pro</b>, aplikasi editing yang real‐time untuk para professional dalam bidang
digital video production. </span></div>
<div class="Default" style="margin-bottom: 6.0pt; margin-left: 14.0pt; margin-right: 0cm; margin-top: 2.0pt; text-align: justify; text-indent: -14.0pt;">
<span style="font-family: Times, 'Times New Roman', serif;">• <b>Adobe After
Effect</b>, sebuah aplikasi khusus untuk Motion Graphics dan Visual Effect. </span></div>
<div class="Default" style="margin-bottom: 6.0pt; margin-left: 14.0pt; margin-right: 0cm; margin-top: 2.0pt; text-align: justify; text-indent: -14.0pt;">
<span style="font-family: Times, 'Times New Roman', serif;">• <b>Adobe Audition™,
</b>aplikasi professional untuk pengolahan audio digital. </span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><span style="font-size: small;">• </span><b>Adobe Encore™ DVD</b>, aplikasi professional
untuk DVD authoring</span><span style="font-family: Calibri, sans-serif; font-size: 12pt;"> </span><br />
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br /></span><br />
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br /></span><br />
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br /></span>Anonymoushttp://www.blogger.com/profile/15273990983932990650noreply@blogger.com1tag:blogger.com,1999:blog-6663179960817935335.post-37704699056281832842012-07-29T02:30:00.003-07:002012-07-30T08:08:26.271-07:00Media Pembelajaran Interaktif<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK5MqEdfMqz2ZZtyafPbt3kuxD5CotoLIgY8Soa95ARThHb0k1xcgBvChmyMBpsLyiXM3-MVqzkNacCQbnMyiGIdFD1zgcNk2Arnry7cf7coB1LSU8E6tuAVEsgU4wWeqwzZjG1tikjSGf/s1600/hk_newton2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK5MqEdfMqz2ZZtyafPbt3kuxD5CotoLIgY8Soa95ARThHb0k1xcgBvChmyMBpsLyiXM3-MVqzkNacCQbnMyiGIdFD1zgcNk2Arnry7cf7coB1LSU8E6tuAVEsgU4wWeqwzZjG1tikjSGf/s320/hk_newton2.jpg" width="320" /></a></div>
<span style="font-family: Times, 'Times New Roman', serif;">Dewasa Ini, Perkembangan ilmu dan teknologi sangat berkembang pesat.</span><br />
<div style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif;">Terutama bidang teknologi, pembaharuan terus dilakukan untuk mempermudah kegiatan manusia.</span></div>
<div style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif;">salah satu contohnya adalah dalam hal pembelajaran.</span></div>
<div style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif;">Berbagai macam cara belajar di buat sedemikian rupa, agar belajar bisa lebih menyenangkan dan dapat meningkatkan kecerdasan siswa.</span></div>
<span style="background-color: white; font-family: Times, 'Times New Roman', serif; text-align: justify;">Media pembelajaran secara umum adalah alat bantu proses belajar mengajar</span><span style="background-color: white; font-family: Times, 'Times New Roman', serif; text-align: justify;">. Segala sesuatu yang dapat dipergunakan untuk merangsang pikiran, perasaan, perhatian dan kemampuan atau ketrampilan pebelajar sehingga dapat mendorong terjadinya proses belajar. Batasan ini cukup luas dan mendalam mencakup pengertian sumber, lingkungan, manusia dan metode</span><span style="background-color: white; font-family: Times, 'Times New Roman', serif; text-align: justify;"> yang dimanfaatkan untuk tujuan pembelajaran</span><span style="background-color: white; font-family: Times, 'Times New Roman', serif; text-align: justify;">/ pelatihan. Sedangkan menurut Briggs (1977) media pembelajaran adalah sarana fisik untuk menyampaikan isi/materi pembelajaran seperti : buku, film, video dan sebagainya. Kemudian menurut National Education Associaton(1969) mengungkapkan bahwa media pembelajaran</span><span style="background-color: white; font-family: Times, 'Times New Roman', serif; text-align: justify;"> adalah sarana komunikasi dalam bentuk cetak maupun pandang-dengar, termasuk teknologi perangkat keras</span><br />
<a name='more'></a><span style="font-family: Times, 'Times New Roman', serif;">Ada beberapa jenis media pembelajaran, diantaranya :<br /><br />1. Media Visual : grafik, diagram, chart, bagan, poster, kartun, komik<br />2. Media Audial : radio, tape recorder, laboratorium bahasa, dan sejenisnya <br />3. Projected still media : slide; over head projektor (OHP), in focus dan sejenisnya <br />4. Projected motion media : film, televisi, video (VCD, DVD, VTR), komputer dan sejenisnya.<br /></span><div>
<span style="font-family: Times, 'Times New Roman', serif;">Ada beberapa tujuan menggunakan media pembelajaran, diantaranya yaitu :<br />- mempermudah proses belajar mengajar<br />- meningkatkan efisiensi belajar mengajar <br />- menjaga relevansi dengan tujuan belajar<br />- membantu konsentrasi siswa/mahasiswa<br /></span></div>Anonymoushttp://www.blogger.com/profile/15273990983932990650noreply@blogger.com0tag:blogger.com,1999:blog-6663179960817935335.post-42963780349731068552012-07-29T01:32:00.000-07:002012-07-29T03:39:46.422-07:00Etimologi Multimedia<b style="background-color: white;"><span lang="EN-US" style="font-family: Times, 'Times New Roman', serif; font-size: 12pt;">A. SEJARAH
MULTIMEDIA</span></b><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif;">Istilah multimedia pertama kali di kenal pada dunia teater, yang mempertunjukan pagelaran dengan menggunakan gerak, musik, dan video untuk menambah dramatisasi suatu cerita. Sekarang multimedia dikenal dengan panduan dari hasil gambar atau image, grafik, teks, suara, TV, dan animasi sehingga menjadi suatu karya yang dapat dinikmati secara audio visual. Umumnya juga orang mengenal multimedia sebagai sistem dari komputer personal (PC) yang berkembang pesat dewasa ini. Dalam Perkembangannya pengajaran, latihan, pembuatan manufaktur, sedang dalam system perekonomian layak digunakan untuk kegiatan promosi penjualan.</span><br />
<span style="font-family: Times, 'Times New Roman', serif;"></span><br />
<a name='more'></a><span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<b style="background-color: white; font-size: 12pt; line-height: 115%;"><span style="font-family: Times, 'Times New Roman', serif;">B. DEFINISI MULTIMEDIA MENURUT ETIMOLOGI</span></b></div>
</div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Menurut <b>Robert Webking</b> , multimedia secara “<i>Etimologi</i> “ di artikan sebagai, “multi“ (banyak) “medium“ (prantara media). Dalam bidang informasi multi media memiliki makna yaitu “persekutuan media“ diantara sumber dan pemasukan informasi atau “persekutuan alat“ dengan mana informasi di simpan, ditransmisikan, dipresentasikan dan diterima.</span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Istilah multimedia muncul melalui media masa diawal 1990. Istilah ini dipakai untuk menyatukan teknologi digital dan analog dibidang entertainment, publishing, communications, marketing, advertising, dan juga commerce. Multimedia merupakan penggabungan dua kata ”multi” dan “media”. Multi berarti “banyak” sedangkan media atau bentuk jamaknya berarti medium.</span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Banyak batasan yang diberikan orang tentang media. Kata media berasal dari bahasa Latin dan merupakan bentuk jamak dari kata medium yang secara harfiah berarti perantara atau pengantar. Sadiman (2007:6) mengemukakan bahwa media adalah perantara atau pengantar pesan dari pengirim ke penerima pesan. Sedangkan Asosiasi Teknologi dan Komunikasi Pendidikan (Association of Education and Communication Technology/AECT) di Amerika dalam Sadiman (2007:6), membatasi media sebagai salah satu bentuk dan saluran yang digunakan orang untuk menyalurkan pesan/informasi.</span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Heinich, dkk dalam Arsyad (2009:4) mengemukakan istilah medium sebagai perantara yang mengantar informasi antara sumber dan penerima. Medium adalah entitas yang dilewati oleh sesuatu. Contohnya medium artistik (lukisan, sculpture) adalah kendaraan para arti untuk menyampaikan idenya. Contoh lainya adalah “media masa” yaitu kanal komunikasi dan informasi.</span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;"><i>"Multimedia dapat diartikan sebagai penggunaan beberapa media yang berbeda untuk menggabungkan dan menyampaikan informasi dala bentuk text, audio, grafik, animasi, dan video</i>."</span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Secara etimologi/bahasa : </span><br />
<b><span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Multi berarti banyak </span></b><br />
<div>
<b><span style="font-family: Times, 'Times New Roman', serif;">Media berati perantara </span></b><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<b><span style="font-family: Times, 'Times New Roman', serif;">C. DEFINISI MULTIMEDIA MENURUT PARA AHLI </span></b><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif;"><span style="background-color: white;">Multimedia secara umum merupakan kombinasi 3 element yaitu suara, gambar dan teks (Mc Cormick,1996) </span><span style="background-color: white;">Multimedia adalah kombinasi dari paling sedikit 2 media input atau output dari data, media ini dapat audio (suara, musik), animasi, video, teks, grafik, dan gambar (Turban dkk, 2002) </span><span style="background-color: white;">Multimedia merupakan alat yang dapat menciptakan prestasi yang dinamis dan intraktif yang mengkombinasikan teks grafik, animasi, audio dan gambar video (Robin dan Linda, 2001) </span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Multimedia adalah pemanfaatan computer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan animasi) dengan menggabungkan link dan tool yang memungkinkan pemakai melakukan navigasi, berintraksi, berkreasi dan berkomunikasi (Hofstetter, 2001) </span></div>
<div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Kamus Informasi dan Teknologi karangan Dudy Misky (2005:180) mendefinisikan multimedia sebagai suatu PC, sistem dokumen, dan lain-lain yang mengkombinasikan teks, grafik, suara, film atau media lain. </span></div>
<span style="font-family: Times, 'Times New Roman', serif;">Kombinasi dari komputer dan video (Rosch, 1996) <i>"Multimedia is the use of several different media to convey information (text, audio, graphics, animation, video, and interactivity). Multimedia also refers to computer data storage devices, especially those used to store multimediantent"</i> (wikipedia.org). </span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Multimedia (sebagai kata sifat) adalah media elektronik untuk menyimpan dan menampilkan data-data multimedia (Zeembry, 2008 ) </span><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<b><span style="font-family: Times, 'Times New Roman', serif;">D.DEFINISI MULTIMEDIA MENURUT ICT</span></b><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan teks, suara, gambar, animasi dan video dengan alat bantu (tool) dan koneksi (link) sehingga pengguna dapat bernavigasi, berinteraksi, berkarya dan berkomunikasi. Multimedia sering digunakan dalam dunia hiburan. Selain dari dunia hiburan, Multimedia juga diadopsi oleh dunia game</span></div>
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<a href="http://2.bp.blogspot.com/-0K93vcW6oT4/T3R6zdoQPDI/AAAAAAAAACE/RGH9NTkdbDQ/s1600/multimedia_large2.jpg"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" height="265" src="http://2.bp.blogspot.com/-0K93vcW6oT4/T3R6zdoQPDI/AAAAAAAAACE/RGH9NTkdbDQ/s320/multimedia_large2.jpg" width="320" /></span></a><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<b><span style="font-family: Times, 'Times New Roman', serif;">E. KOMPONEN UTAMA MULTIMEDIA</span></b><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Empat komponen utama multimedia :</span><br />
<span style="font-family: Times, 'Times New Roman', serif;">1. Komputer, untuk melakukan koordinasi tentang apa yang dilihat dan didengar oleh pemakai </span><br />
<span style="font-family: Times, 'Times New Roman', serif;">2. Links, yang menghubungkan dengan informasi </span><br />
<span style="font-family: Times, 'Times New Roman', serif;">3. Navigational tools, yang memungkinkan pemakai untuk menjelajahi informasi yang ditampilkan </span><br />
<span style="font-family: Times, 'Times New Roman', serif;">4. Cara, untuk berbagi, memproses, dan mengkomunikasikan informasi dan ide pemakai</span><br />
<b><span style="font-family: Times, 'Times New Roman', serif;"><br />F. CONTOH MULTIMEDIA</span></b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRhMLogrZxRY5u2sGOJ9jt60kM0DfZtfM9uPJHWKC6ieUxkOqoIqJIc4Y3uaSGLpdLW-RT_k_6ty8SGbnuoYncRjPdlb-ZZoTM7NQl_mtf7Wx6Up4ZEosu20L5FnFM-grBOMV_-f8F9Q/s1600/CONTOH+multimedia.jpg"><span style="font-family: Times, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRhMLogrZxRY5u2sGOJ9jt60kM0DfZtfM9uPJHWKC6ieUxkOqoIqJIc4Y3uaSGLpdLW-RT_k_6ty8SGbnuoYncRjPdlb-ZZoTM7NQl_mtf7Wx6Up4ZEosu20L5FnFM-grBOMV_-f8F9Q/s320/CONTOH+multimedia.jpg" /></span></a><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<b><span style="font-family: Times, 'Times New Roman', serif;">G. KARAKTERISTIK MULTIMEDIA</span></b><br />
<span style="font-family: Times, 'Times New Roman', serif;">Multimedia juga mempunyai karakteristik, yaitu ada 2 bentuk: </span></div>
<div>
<span style="font-family: Times, 'Times New Roman', serif;">Bentuk Linier: Sebuah stuktur Multimedia dimana pengguna bernavigasi sesuai urutan dari 1 frame atau bite informasi ke yang kainnya. </span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Bentuk non linier: Stuktur Multimedia dimana pengguna bernafigasi secara bebas tidak dibatasi oleh rute yang ditentukan. </span><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Dari karakteristik tersebut meliputi diantaranya yaitu:</span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Presentasi multimedia dapat meliputi non linier dan atau interaktif dan linier atau pasif. </span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Multimedia dapat memuat hubungan terstruktur yang disebut Hypermedia. </span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Mengembang Multimedia, membuat judul Multimedia dengan piranti Authoring. </span><br />
<span style="font-family: Times, 'Times New Roman', serif;">Proyek Multimedia ketika dipublikasikan disebut Judul Multimedia. </span><br />
<span style="font-family: Times, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Ada beberapa istilah- istilah yang sering dipergunakan dalam Multimedia, yaitu: </span></div>
<span style="font-family: Times, 'Times New Roman', serif;">Multimedia Interaktif yaitu Multimedia yang pengguna akhir atau USER dapat mengontrol apa dan dalam hal apa urutan elemen multimedia dikirimkan. </span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Times, 'Times New Roman', serif;">Programmer Multimedia yaitu orang yang mengintegrasikan elemen bentuk keseluruhan yang hakus menggunakan sebuah sisstem Authoring/bahasa pemrograman. Proyek Multimedia yaitu sarana perangkat lunak pesan dan isi yang dapat dipresentasikan pada sebuah layar komputer atau televisi. Atau juga bisa disebut dengan proses pembuatan Multimedia</span></div>
</div>Anonymoushttp://www.blogger.com/profile/15273990983932990650noreply@blogger.com0