<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1988792569231937749</id><updated>2026-01-18T22:13:52.613+07:00</updated><category term="animation"/><category term="3D"/><category term="About animation"/><category term="2D"/><category term="Traditional"/><category term="Techniques"/><category term="Display"/><category term="animation loops"/><category term="ghaphic"/><category term="history"/><category term="motion"/><category term="motion graphics"/><category term="movie"/><category term="12 principles"/><category term="3D computer animations"/><category term="CGI"/><category term="Cinemagraphs"/><category term="Disney"/><category term="Flash SWF Downloader"/><category term="How to"/><category term="PS"/><category term="Pixar"/><category term="Stop motion"/><category term="Thailand"/><category term="The APT process"/><category term="The Final Examination"/><category term="Types"/><category term="Video Converter"/><category term="Web Site"/><category term="cel animation"/><category term="cel overlay"/><category term="computers and traditional animation"/><category term="film"/><category term="free download"/><category term="live action"/><category term="multiplane camera"/><category term="new principles"/><category term="rotoscoping"/><category term="shooting"/><category term="short animation"/><category term="special effects"/><category term="thesis"/><category term="timeline"/><category term="tutorial"/><category term="vector-based"/><category term="webcam"/><category term="xerography"/><category term="ชีวิต"/><category term="ตกแต่งภาพ"/><category term="ปรัชญา"/><category term="เดินทาง"/><category term="เพื่อน"/><category term="แง่คิด"/><category term="แต่งภาพ"/><title type='text'>About Animation</title><subtitle type='html'>Animation is a task that demands passion, skills and creativity. People can enjoy the characters and stories that are pretty much unbelievable.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>14</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-775144906940126256</id><published>2017-07-19T21:10:00.001+07:00</published><updated>2017-07-19T21:12:48.667+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="2D"/><category scheme="http://www.blogger.com/atom/ns#" term="3D"/><category scheme="http://www.blogger.com/atom/ns#" term="3D computer animations"/><category scheme="http://www.blogger.com/atom/ns#" term="About animation"/><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="animation loops"/><category scheme="http://www.blogger.com/atom/ns#" term="Disney"/><category scheme="http://www.blogger.com/atom/ns#" term="motion"/><category scheme="http://www.blogger.com/atom/ns#" term="motion graphics"/><category scheme="http://www.blogger.com/atom/ns#" term="Stop motion"/><category scheme="http://www.blogger.com/atom/ns#" term="timeline"/><category scheme="http://www.blogger.com/atom/ns#" term="Traditional"/><category scheme="http://www.blogger.com/atom/ns#" term="Types"/><category scheme="http://www.blogger.com/atom/ns#" term="vector-based"/><title type='text'>Types of Animation</title><content type='html'>&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Animation is a task that demands passion, skills and creativity. In fact, it’s the animators who bring unique ideas to life so people can enjoy the characters and stories that are pretty much unbelievable in real life. Animation techniques have been around the market for a couple of years now, with gaming companies and studios looking for talented and creative individuals with the capability to master them.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioS_UNfR7aJNCG8eHpkIuv7nwDqUd9CfZx7Z3vfYMBpsVQVKaQ-WbdagYUI-hpDO-urxlBxsitpxFX2YvKTnhd5F_I1wbbZ_UyxUqA_xHkdPINVI6gbWX1TYyrjwGPUdC8HoBFRmQxOxqC/s1600/Sparks+%2526+Chips+Get+the+Blitz.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;603&quot; data-original-width=&quot;800&quot; height=&quot;301&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioS_UNfR7aJNCG8eHpkIuv7nwDqUd9CfZx7Z3vfYMBpsVQVKaQ-WbdagYUI-hpDO-urxlBxsitpxFX2YvKTnhd5F_I1wbbZ_UyxUqA_xHkdPINVI6gbWX1TYyrjwGPUdC8HoBFRmQxOxqC/s400/Sparks+%2526+Chips+Get+the+Blitz.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;
Here are the main types of animation that will help you make digital characters for your TV shows, television promos, app commercial, company logo, movies, explainer videos or environment for gaming.&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;ul&gt;
&lt;li&gt;Traditional animation.&lt;/li&gt;
&lt;li&gt;2D vector-based animation.&lt;/li&gt;
&lt;li&gt;3D computer animation.&lt;/li&gt;
&lt;li&gt;Motion graphics.&lt;/li&gt;
&lt;li&gt;Stop motion.&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;h3&gt;
Traditional animation&lt;/h3&gt;
&lt;div&gt;
Ever seen images that appear as if sketched on a transparent piece of paper infused on a peg by use of colored markers, one frame at a time? This is called traditional animation. Animators use this types of animation with rough characters so as to know the number of characters that they need to draw for action and be appropriately perceived.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://s-media-cache-ak0.pinimg.com/originals/b9/cc/df/b9ccdf4c7bf760e4135b8ff09c2343a1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;384&quot; data-original-width=&quot;736&quot; height=&quot;207&quot; src=&quot;https://s-media-cache-ak0.pinimg.com/originals/b9/cc/df/b9ccdf4c7bf760e4135b8ff09c2343a1.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
Though the procedure can be costly and length, their production allow photographing of each frame, creating occasional faster actions animated at 24 frames/second speed. This technique is mainly used on personal computers, and tablets using special software programs with powerful drawing capabilities making it the best for frame Disney-style animation.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3&gt;
2D vector-based animation&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Most frequently used animation style. It is a key-framed animation produced on a relatively flat surface. It is also a vector-based animation that adopts the traditional animations. In fact, it is the same as traditional Cel animation apart from the fact that when the animations and the in-betweens are complete, the frames are exposed to a process known as ink-and-paint.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://i.ytimg.com/vi/3JkOmB9lh1g/maxresdefault.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em; text-align: center;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;452&quot; data-original-width=&quot;800&quot; height=&quot;223&quot; src=&quot;https://i.ytimg.com/vi/3JkOmB9lh1g/maxresdefault.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
During this process, animators place thin sheets of celluloid on a transparent paper containing the animated characters, after which they copy the frames on the celluloid. Eventually, the frames will overlay each other due to the higher transparency of the celluloid, allowing multiple props and character on top of the background.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3&gt;
3D computer animations&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3D animation is entirely different from traditional and 2D animation. Though they both use the understanding of similar principles of composition and movement, their technical skill set for each task is not the same. 3D animation does not demand draftsmen to be a creative animator. It is more like playing with puppets than drawing.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://pixelsmithstudios.com/wp-content/uploads/2012/08/Cinema-4D-Top-3D-Animation-Software-that-Professionals-Should-Look-At.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;490&quot; data-original-width=&quot;800&quot; height=&quot;245&quot; src=&quot;https://pixelsmithstudios.com/wp-content/uploads/2012/08/Cinema-4D-Top-3D-Animation-Software-that-Professionals-Should-Look-At.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Also called computer generated images (CGI), they occur when computers graphics create a stream of images that merge to form an animation. It is a consolidation of dynamic and static images using computer graphics. Characters created in 3D are digitally displayed on a screen, then fused with a skeleton that enables animators to animate the models for their specific uses.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
You will perform animation by posing the models in particular key frames after which their computer perform ‘tweening’ animations interpreting it in each frame between the key frames. You will also spend a lot of time viewing curves that are a representation of the different body parts of an object over time. Unlike the 2D animations, all the characters that should be considered are always present.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
The greatest difference between this type of animation and other types is that while traditional animations work on 2’s to draw a drawing in every 2 frames, 3D animations are always smooth, with a character stop that resembles a mistake. Even when the character stands still, there is always a gentle movement or a sign of life to keep the illusion of life.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.davidmattock.co.uk/wp-content/uploads/2014/12/GaitsAnim_F32.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://www.davidmattock.co.uk/wp-content/uploads/2014/12/GaitsAnim_F32.jpg&quot; data-original-height=&quot;450&quot; data-original-width=&quot;800&quot; height=&quot;180&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
But animations are often not enough, because to make an animation really perfect you will need the right music. In order to create proper digital music you should check out some midi controller reviews and choose a proper midi keyboard or controller.&lt;br /&gt;
&lt;h3&gt;
&lt;br /&gt;Motion graphics&lt;/h3&gt;
Ever thought of how explainer videos, television promos, animated logos, film opening titles and app commercial are created? This is through the art of moving graphic texts or elements or what I like to call motion graphics.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&quot;&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/c068JwAE8jc/0.jpg&quot; frameborder=&quot;0&quot; height=&quot;266&quot; src=&quot;https://www.youtube.com/embed/c068JwAE8jc?feature=player_embedded&quot; width=&quot;320&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;br /&gt;
It is a process where you animate video clips, images and texts by using ‘tweened’ framing to generate smooth motion between frames. These framing programs support scripts that automatically changes the animation to preferences of choice while they use particles systems to create numerous effects. These effects are released with emitters that produce surfaces, disassembling animation and lights. As such, flat-based 3D images are generated giving the illusion of movement, accompanied with exceptional sound effects or music. This explains their usage in multimedia projects.&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
Stop motion&lt;/h3&gt;
Stop motion animation is more like the traditional animation. All you need to do is take a photo of an object, and as you move the object for a relatively small distance, you take another photo. The procedure is repeatedly done, and when these images are played back one after the other, they give the impression of motion. There is many forms of stop motion animation including Cut-Outs, Claymation and Puppets, but the bottom line is, they are all animations that feature objects photographed sequentially to generate animation characters or actions.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&quot;&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/knLaovT6L0E/0.jpg&quot; frameborder=&quot;0&quot; height=&quot;266&quot; src=&quot;https://www.youtube.com/embed/knLaovT6L0E?feature=player_embedded&quot; width=&quot;320&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;souce :&amp;nbsp;&lt;a href=&quot;http://www.egsr2003.org/types-animation-computer-graphics/&quot; target=&quot;_blank&quot;&gt;Calvin Pate&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/775144906940126256/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/775144906940126256' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/775144906940126256'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/775144906940126256'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2017/07/types-of-animation.html' title='Types of Animation'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioS_UNfR7aJNCG8eHpkIuv7nwDqUd9CfZx7Z3vfYMBpsVQVKaQ-WbdagYUI-hpDO-urxlBxsitpxFX2YvKTnhd5F_I1wbbZ_UyxUqA_xHkdPINVI6gbWX1TYyrjwGPUdC8HoBFRmQxOxqC/s72-c/Sparks+%2526+Chips+Get+the+Blitz.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-8516648027882663818</id><published>2017-07-19T16:00:00.001+07:00</published><updated>2017-07-19T16:04:23.180+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="2D"/><category scheme="http://www.blogger.com/atom/ns#" term="Cinemagraphs"/><category scheme="http://www.blogger.com/atom/ns#" term="PS"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><title type='text'>How to make your pictures COME TO LIFE using a CINEMAGRAPH</title><content type='html'>&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;youtube noto&amp;quot; , &amp;quot;roboto&amp;quot; , &amp;quot;arial&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;b&gt;Cinemagraphs&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;youtube noto&amp;quot; , &amp;quot;roboto&amp;quot; , &amp;quot;arial&amp;quot; , sans-serif; font-size: 13px;&quot;&gt; are a great way to explore a new territory in both photo and cinema and how we can tie those two worlds together. Turn a dull photo into something visually stimulating or use some creativity to come up with incredible ways to tell a story through this super awesome medium.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;270&quot; src=&quot;https://www.youtube.com/embed/-dD_yeVMUzo&quot; width=&quot;480&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/8516648027882663818/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/8516648027882663818' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/8516648027882663818'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/8516648027882663818'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2017/07/how-to-make-your-pictures-come-to-life.html' title='How to make your pictures COME TO LIFE using a CINEMAGRAPH'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/-dD_yeVMUzo/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-4283434455596350313</id><published>2017-07-18T12:06:00.001+07:00</published><updated>2017-07-18T12:10:23.039+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="3D"/><category scheme="http://www.blogger.com/atom/ns#" term="About animation"/><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="Display"/><category scheme="http://www.blogger.com/atom/ns#" term="short animation"/><category scheme="http://www.blogger.com/atom/ns#" term="Thailand"/><category scheme="http://www.blogger.com/atom/ns#" term="The Final Examination"/><category scheme="http://www.blogger.com/atom/ns#" term="thesis"/><title type='text'>Thesis : The Final Examination</title><content type='html'>&lt;br /&gt;
&lt;br /&gt;
My frist short animation&lt;br /&gt;
&lt;br /&gt;
Thesis : &lt;b&gt;The Final Examination&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
At&amp;nbsp;&lt;span style=&quot;background-color: white; color: #222222; font-family: &amp;quot;arial&amp;quot; , sans-serif; font-size: 13px;&quot;&gt;Rajamangala University of Technology Thanyaburi, Thailand&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;270&quot; src=&quot;https://www.youtube.com/embed/LBFx1cK7JFg&quot; width=&quot;480&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/4283434455596350313/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/4283434455596350313' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/4283434455596350313'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/4283434455596350313'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2017/07/thesis-final-examination.html' title='Thesis : The Final Examination'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/LBFx1cK7JFg/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-7686255187459252270</id><published>2010-06-06T15:42:00.000+07:00</published><updated>2010-06-06T15:42:49.837+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="3D"/><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="How to"/><category scheme="http://www.blogger.com/atom/ns#" term="Pixar"/><title type='text'>How to create a Pixar-like 3D animation</title><content type='html'>These days animated characters can be seen everywhere: advertising, movies, websites and even in corporate presentations. If you’ve seen any of Pixar’s 3D animation movies, like Up, Toy Story, Monsters Inc and Finding Nemo – you’ll know that Pixar has created some of the best 3D animation in the world.&lt;br /&gt;
This article outlines how the Pixar-like animation production process works.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cartoon Character Design&lt;/b&gt;&lt;br /&gt;
Designing a cartoon character means not only sketching the look of the character but also figuring out all the character’s traits and personality. Various sketches are created in rough draft with the character’s personality in mind. It’s important to remember that good characters have clear attributes, are easily recognisable, likeable and unique.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Storyboarding&lt;/b&gt;&lt;br /&gt;
Storyboards are usually hand-drawn quick sketches, displayed in sequence for the purpose of pre-visualizing the final animation. The storyboarding process was first developed at the Walt Disney Studio during the early 1930s. It’s the fastest and cheapest way to figure out if your story is going to work before any expensive and time consuming animation begins. It gives the creative team a chance to assess which parts of the story need to change before it’s too late or too expensive to do so.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;3D Modeling&lt;/b&gt;&lt;br /&gt;
The first step on the computer in most 3D projects is creating the outer shell of the objects that will be used in the scene. There are different methods and tools to build a 3D model, but it ultimately ends in the creation of a connection of polygons to form the outer shape of your character or object. These polygons form an approximate outline and are later ‘smoothed-out’ into rounded-shapes using computer algorithms, sometimes called hyper-nurbs.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Character Rigging&lt;/b&gt;&lt;br /&gt;
This is the process that enables an Animator to turn a static 3D model into a life-like character. It&#39;s a technical, necessary step - vital for all good character animation. Rigging is like putting virtual skeletons and muscles within a virtual skin. 3d riggers use complex techniques such as joints, muscle simulations, IK and FK dynamics, morphs and weighting. The final rigged character can be passed on to the animators in order to bring the final story to life.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Texturing&lt;/b&gt;&lt;br /&gt;
Texturing is the part of the designers job that puts in the bumps, lumps, reflections, colouring, specular lighting and other bits of jiggery pokery that make the final render. A comprehensive material system is key to creating realistic and convincing 3D images. Texturing includes defining an object&#39;s colour, diffusion, luminance, transparency, reflection, environment, fog, bump, alpha, specular, glow, displacement and illumination properties.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Lighting&lt;/b&gt;&lt;br /&gt;
Lighting your scene is both an artistic and technical process, essential in creating the final look and mood of the finished render. Lighting is a very important aspect of any 3D render. Just like a poorly lit photograph, a 3D scene without proper lighting will fail to meet modern high expectations.&lt;br /&gt;
3D artists use lighting set-ups such as spot lights, tube lighting and global illumination. There are different kinds of shadow simulation such as soft, hard or realistic area shadows. The more realistic the shadow and lighting, the longer it will take to render the image.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Sound&lt;/b&gt;&lt;br /&gt;
Actors voices are recorded early on in the production process so animators can lip sync the characters to the recorded audio. Sound effects and music are usually added towards the end of the production, just like any other movie.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Animation&lt;/b&gt;&lt;br /&gt;
Animation is a highly time-consuming art form that has developed from techniques pioneered by the first Disney animators, classic 2D animators like Richard Williams, and modern 3D animation studios like Pixar and Dreamworks. Cartoon animation is entirely different from motion-capture animation as it takes advantage of exaggeration techniques, such as squash and stretch – creating poses and movements that aren’t actually possible in the real world.&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;Dynamics and Simulations&lt;/b&gt;&lt;br /&gt;
To create added realism, a cartoon animation may require dynamic simulations such as gravity, Wind, Collisions, Hair, Fur and Jiggle - to name a few. Sophisticated Hair and Cloth simulations add greatly to the final render times.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Rendering&lt;/b&gt;&lt;br /&gt;
A rendering is a particular view of a 3D model that has been converted into a realistic image. Final renders include lighting, shadows, reflection and refraction and the application of textures to surfaces. &amp;nbsp;Movies show 24 frames per second and a single one of these frames can take anything from minutes to hours to render. By linking up several computers, or render farms, frames can be computed at a faster rate. It’s generally true that the more complex the scene, the longer the render.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Final Edit&lt;/b&gt;&lt;br /&gt;
At the end of the production process, there’s still some cutting and pasting of scenes needed in order to make the final edit. Lastly, all the sounds and music are carefully mixed in to create the final movie. It&#39;s then up to your audience to decide whether all that hard work was worth it!&lt;br /&gt;
Rocket your scenes into the fourth dimension with Flying 3D&#39;s animation studio.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;copyright Jon Ireland 2009&lt;/i&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/7686255187459252270/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/7686255187459252270' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/7686255187459252270'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/7686255187459252270'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/06/how-to-create-pixar-like-3d-animation.html' title='How to create a Pixar-like 3D animation'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-1907058895173343408</id><published>2010-06-05T02:58:00.000+07:00</published><updated>2017-07-19T16:11:20.056+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="3D"/><category scheme="http://www.blogger.com/atom/ns#" term="About animation"/><category scheme="http://www.blogger.com/atom/ns#" term="CGI"/><category scheme="http://www.blogger.com/atom/ns#" term="film"/><category scheme="http://www.blogger.com/atom/ns#" term="motion graphics"/><title type='text'>3d animation, motion graphics and CGI for documentary films</title><content type='html'>&lt;br /&gt;
&lt;h4&gt;
Animation and CGI in Documentary films&lt;/h4&gt;
&lt;br /&gt;&lt;br /&gt;
Things have come a long way since &quot;Walking with Dinosaurs&quot;. 3d animation, motion graphics, CGI and visual effects are now a regular part of many documentary films. As well as historical reconstructions and informational motion graphics, computer animation and CGI is now routinely used in almost any situation where shot footage isn’t available.&lt;br /&gt;
&lt;br /&gt;
What’s more, costs have come down and quality of visual effects has gone up in recent years, so even a documentary film with a modest budget can now afford to use compelling and stylish computer graphic animations.&lt;br /&gt;
&lt;br /&gt;
But as a documentary filmmaker, how do you go about adding visual effects and 3d animation to your productions?&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;
Motion graphics and animation tips&lt;/h4&gt;
&lt;br /&gt;
Don’t be afraid to approach a video animation design or visual effects artist early on in your production. They’ll be able to let you know immediately what’s possible and how to get your animation done in the most effective way.&lt;br /&gt;
&lt;br /&gt;
Give your animators as much detail as you’ve got -. 3d animation studios are used to doing research, but if you can give them access to your research, experts or helpful interviewees, you’ll get a much more unified view of the subject.&lt;br /&gt;
&lt;br /&gt;
Use animation shots that tell a story: animated sequences and visual effects shots tend to be some of the more expensive shots in your production, so choose them well. Nobody likes re-using shots, but with an impressive 3d animation for example, it often works well. If you have several visual effects shots that work together to tell a story, using them separately earlier on in the documentary can increase their impact.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;
Types of visual effects and 3d animations in documentary films&lt;/h4&gt;
&lt;br /&gt;
Explanation graphics: Motion graphics are a great way to explain a complex idea or present information, if shot video footage can’t do it. These can be 2d or 3d animated graphic representations and often include text, but equally consider presenting them as cartoon animations or sequences with animated characters. Whatever the style of your piece, the animation can fit in with it.&lt;br /&gt;
&lt;br /&gt;
Animation for colour shots: Colour shots are general cut-aways that can be used almost anywhere you need them. They’re purposely generic but relevant. A 20 second 3d animation in which the camera rushes through the bloodstream of a patient as blood cells fly past can be used pretty much anywhere in a medical documentary without looking out of place. A couple of colour animations of this kind can save your skin in the edit when you run end up with more narration than shot footage.&lt;br /&gt;
&lt;br /&gt;
Visual effects reconstructions: animated reconstructions are often the &quot;hero&quot; shots of a documentary. If you don’t have the footage of the most important events or moments in your documentary film, an animated reconstruction is often the way to go.&lt;br /&gt;
&lt;br /&gt;
Title animations: An animated title sequence is a good way to open your documentary, and it will set the tone for your entire documentary film, so it’s worth dedicating a little time to making sure that tone is spot on for the style and content of what comes after.&lt;br /&gt;
&lt;br /&gt;
How to reduce your documentary film’s motion graphics costs&lt;br /&gt;
The quickest way to reduce cost is to talk to the 3d animator or visual effects studio about how the production can be simplified without affecting its overall look. For example, to animate a camera flying through a static model takes a lot less time (possibly weeks less) than animating every detail of the model itself.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
What if I really can’t afford animation and visual effects?&lt;br /&gt;
Go graphical: Reconstructing the siege of Troy with every soldier animated in authentic detail is going to be a big job. But animating the strategic turning points of the siege replacing battalions with chess piece style graphics on a stylised representation of the battlefield is within the budget of most productions. Thinking of a stylised motion graphics look rather than a realistic 3d animated one will you’re your documentary film tonnes of cash. Going for still illustrations rather than motion graphics will save still more.</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/1907058895173343408/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/1907058895173343408' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/1907058895173343408'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/1907058895173343408'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/06/3d-animation-motion-graphics-and-cgi.html' title='3d animation, motion graphics and CGI for documentary films'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-9220037501949527082</id><published>2010-05-29T03:50:00.003+07:00</published><updated>2010-05-29T15:24:10.488+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Flash SWF Downloader"/><category scheme="http://www.blogger.com/atom/ns#" term="free download"/><category scheme="http://www.blogger.com/atom/ns#" term="Video Converter"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Site"/><title type='text'>Free Flash SWF Downloader, download Flash SWF files from Internet/Web Site for free</title><content type='html'>&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Verdana, sans-serif; font-size: 11px;&quot;&gt;Still looking for a professional but free Flash SWF Downloader to free download some of your favourite Flash SWF animations from Internet/Website to enjoy them in your leisure time?&lt;/span&gt;&lt;/div&gt;&lt;b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;a href=&quot;http://www.swf-converter.com-atoz.com/tutorials/8-free-flash-swf-downloader.html&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;Free Flash SWF Downloader&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;is the absolutely your perfect choice to&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;a href=&quot;http://www.swf-converter.com-atoz.com/tutorials/8-free-flash-swf-downloader.html&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;free download Flash SWF&lt;/span&gt;&lt;/a&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;from Internet or websites. With this program, you can easily and efficiently download embedded Flash SWF animations such as Flash games, flash cards and presentations from website totally for free.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;a href=&quot;http://www.swf-converter.com-atoz.com/tutorials/8-free-flash-swf-downloader.html&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;SWF to Video Converter&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;enable users to convert local or online Flash SWF video to AVI with 32-bit RGBA transparency and Alpha Channel and other common video formats like FLV, MP4, MOV, MPEG, WMV, MKV, 3GP, VOB, RMVB, audio formats MP3, AAC, M4A and image formats JPG, GIF, PNG, etc for professionals.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;How to free download Flash SWF animation from Internet/Websites?&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: normal;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;1.Download Flash SWF from Internet/websites.&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;Free Download SWF to Video Converter and openFree Flash Downloader, copy and paste the url address of the Flash SWF files that you desire to download. Press &quot;go&quot; button, then the downloaded Flash SWF files will be listed on the left.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;&lt;a href=&quot;http://www.swf-converter.com-atoz.com/images/freeswfdownloader/download-flash-swf-from-website.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;192&quot; src=&quot;http://www.swf-converter.com-atoz.com/images/freeswfdownloader/download-flash-swf-from-website.jpg&quot; width=&quot;320&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Verdana, sans-serif; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 11px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;2.Click the downloaded Flash SWF file on the left to have a preview on the right displaying window.&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;&lt;a href=&quot;http://www.swf-converter.com-atoz.com/images/freeswfdownloader/play-flash-swf-file.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;192&quot; src=&quot;http://www.swf-converter.com-atoz.com/images/freeswfdownloader/play-flash-swf-file.jpg&quot; width=&quot;320&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc; font-family: Verdana, sans-serif; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 11px;&quot;&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Verdana, sans-serif; font-size: small;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Verdana, sans-serif; font-size: small;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 11px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;3.Click &quot;Download SWF&quot; to download Flash SWF for free.&lt;/span&gt;&lt;/b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&amp;nbsp; Choose &quot;&lt;/span&gt;&lt;/span&gt;&lt;i&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;Downloaded checked&lt;/span&gt;&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&quot; to free download all the selected files. Choose &quot;&lt;/span&gt;&lt;/span&gt;&lt;i&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;Select download folder&lt;/span&gt;&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&quot; to define a output folder to save the downloaded SWF files. Choose &quot;&lt;/span&gt;&lt;/span&gt;&lt;i&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;Downloaded selected&lt;/span&gt;&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&quot; to download the selected Flash SWF files.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;&lt;a href=&quot;http://www.swf-converter.com-atoz.com/images/freeswfdownloader/download-flash-swf-files.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;232&quot; src=&quot;http://www.swf-converter.com-atoz.com/images/freeswfdownloader/download-flash-swf-files.jpg&quot; width=&quot;320&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;br /&gt;
&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;4.View the downloaded Flash SWF files by clicking &quot;Open downloaded folder&quot;.&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: Verdana, sans-serif; font-size: 8.5pt;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: 10.5pt; margin-bottom: 0.0001pt; text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Verdana, sans-serif; font-size: 11px; line-height: 12px;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-small;&quot;&gt;Read more:&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.articlesbase.com/movies-articles/free-flash-swf-downloader-download-flash-swf-files-from-internetweb-site-for-free-2483331.html#ixzz0pG74ZriX&quot;&gt;&lt;span style=&quot;color: #003399;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-small;&quot;&gt;http://www.articlesbase.com/movies-articles/free-flash-swf-downloader-download-flash-swf-files-from-internetweb-site-for-free-2483331.html#ixzz0pG74ZriX&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-small;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-small;&quot;&gt;Under Creative Commons License:&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://creativecommons.org/licenses/by/3.0&quot;&gt;&lt;span style=&quot;color: #003399;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-small;&quot;&gt;Attribution&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/9220037501949527082/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/9220037501949527082' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/9220037501949527082'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/9220037501949527082'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/05/free-flash-swf-downloader-download.html' title='Free Flash SWF Downloader, download Flash SWF files from Internet/Web Site for free'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-6170108546140139239</id><published>2010-05-26T19:32:00.003+07:00</published><updated>2017-07-19T12:05:18.311+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="12 principles"/><category scheme="http://www.blogger.com/atom/ns#" term="2D"/><category scheme="http://www.blogger.com/atom/ns#" term="3D"/><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="new principles"/><title type='text'>The 12 Principles of Animation</title><content type='html'>&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: Verdana-Bold;&quot;&gt;&lt;br /&gt;The 12 Principles of Animation&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;font-family: Verdana-Bold;&quot;&gt;Applied to 3D Animation&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;In the early 1930s, Walt Disney and company sat down to codify the hand-drawn animation process that had been informally evolving at Walt Disney studios. What emerged became known as the &quot;12 Principles of Animation,&quot; and set the standard for hand-drawn animation.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;At Saturday morning&#39;s &quot;The 12 Principles of Animation applied to 3D Animation,&quot; Isaac Kerlow, Director of Digital Production at the Walt Disney Company, argued that the principles need to be adapted for the modern day. Using visual examples from well-known animated films, Kerlow reinterpreted the twelve principles as they would apply to 3D animation, and added a few new ones of his own.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;The purpose of adapting the principles, Kerlow said, is to guide the development of 3D animation, a relatively new art form. Computer animation is very complex, and a well-understood framework can help artists and producers weave together the many separate aspects of character and scene creation, into an animated tapestry that will truly captivate an audience.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;For each of the following twelve principles, Kerlow defined the intention of the principle, presented a visual example to back it up, and suggested a modern equivalent that would apply to character artists working in 3D.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;1. Squash and Stretch&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; In traditional animation, characters movements (particularly facial movements) had a very high degree of exaggerated, non-rigid deformation. (Imagine any Disney character whose face contorts wildly during a sneeze or a scream.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; The principle still holds in the 3D era, especially for cartoon-like animations. (Anime tends toward exaggerated subtlety.) Squashing and stretching happen within animation packages, using dynamics weighting or unusual IK systems.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;2. Anticipation&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; Anticipation is the technique by which the audience&#39;s eyes are drawn to where action will occur on-screen (e.g. a cartoon that begins making running motions before actually going anywhere). Anticipation announces the coming surprise and is a very useful technique for guiding expectation. (Again, Disney animation tends toward heavy anticipation, whereas in anime we see very little -- given anime a more etheric, fantastic feel.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent: &lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;Anticipation can be created by the skillful use of motion curves, expanding or contracting pieces of animation to create the anticipatory effect.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;3. Staging&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea: &lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;Staging refers to the way in which character motion and camera movements are set up to convey the mood and intent of a scene. (Example: in &lt;/span&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Toy Story&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;, Buzz Lightyear&#39;s arrival in the bedroom is shown with a close-up that begins at his feet and pans dramatically upward to his helmet.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; In 3D, staging can be expanded to include more detail, hide points of interest, set up for chain reactions, and so on. Staging is also useful in animatics, which establish a scene&#39;s core movements before primary animation gets underway. Contemporary moving image techniques, such as 3-axis camera moves, slow motion, &quot;bullet time,&quot; and so on, also add to 3D staging abilities.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;4. &quot;Straight Ahead&quot; or &quot;Pose-to-Pose&quot;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; In traditional animation, character actions were either drawn from beginning to end, creating an unpredictable look and feel, or they were broken down into a more predictable set of key poses.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent: &lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;In 3D animation, straight ahead animation corresponds to procedural animation techniques (e.g. motion capture and 3D rotoscoping); pose-to-pose would correspond to keyframe animation. Modern artists can take advantage of layers or channels to intelligently mix both types of motion, or use non-linear motion curve editing to edit different aspects of a single character&#39;s motion.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;5. Follow-Through and Overlapping&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; Follow-through refers to the reactive animation that occurs after an action is completed, telling the audience how the character feels about that action. (Think of Donald Duck throwing a football, watching it for a moment, and then lowering his arm in disappointment.) Overlapping refers to the additional motions that overlap the main motion of a given character.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; Follow-through can be done with dynamic simulation and scripts - especially for cloth and hair. Overlapping is achived by using layers and channels to blend different types of motion into a sequence.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;6. Slow-in and Slow-out&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; If you look closely at movies animated in the Disney style, you&#39;ll see that characters&#39; motions tend to be quicker in the middle of an action than at the beginning and end. This slowing of the intro and extra sections of a movement creates a &quot;snappy&quot; effect.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; Fine-tuning animations using time-editing tools, such as dope sheets, curves, and timelines. Motion capture performers can also be directed to do slow-ins and slow-outs.&lt;/span&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;7. Arcs&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea: &lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;Organic characters almost always move in motion arcs, as opposed to straight lines. Straight line motions make a character look sinister, robotic, or restricted in some way. (In &lt;/span&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;The Iron Giant&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;, the giant begins the movie with linear movements, and adopts arc-based motion as he becomes &quot;more human&quot; later on.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; In 3D packages, motion can easily be constrained to arcs. Motion capture performances can also be fine-tuned using arc editors.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;8. Secondary Action&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; These are small complementary motions that occur in a scene.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; Using layers and channels to build up different aspects of secondary motion. Collision detection is another useful tool for generating secondary actions.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;9. Timing&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; Timing refers to the precise moment at which a given character motion occurs, and how long it continues for. (Humor is often created through the use of clever timing juxtapositions.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; In 3D animation, timing can be refined using the time-editing tools, and frames can be easily added or removed to make the timing work. Using different animation tracks for different character (and sub-tracks for parts of characters) also helps create precise timing.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;10. Exaggeration&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; The essence of an action is often enhanced by the exaggeration of a given motion - especially for cartoon-style animation. (Eyes bugging out, jaws dropping, etc.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; In 3D, this can be done at the performance level, using procedural techniques, and can also be worked into cinematography and editing.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;11. Solid Drawing&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; Originally, this principle referred to using appropriate weight, depth and balance to give drawings the desired look.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; Kerlow suggested renaming this principle &quot;Solid Modeling and Rigging,&quot; since the same principles now apply to the optimization of models and IK skeletons to create specific &quot;animation personalities&quot; for different characters.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;12. Characters&#39; Appeal&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Original idea:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; The last of the twelve principles suggests that characters be well-developed, with interesting and distinct personalities.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify; text-justify: inter-cluster;&quot;&gt;
&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Modern equivalent:&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; In 3D animation, character complexity and consistency can be dramatically increased - and built in to a character&#39;s design - so that appeal is not being recreated from scratch with every set of drawings. Kerlow pointed out that in gaming, walk and run cycles are especially important aspects of a character&#39;s appeal. He showed a clip from &lt;/span&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Kingdom Hearts&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; in which Sora, Donald, and Goofy are walking side by side, each with their own distinct style.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: Verdana-Bold;&quot;&gt;Some New Principles for the Digital Age&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;At this point in the talk, Kerlow indicated that the 3D animation industry may need some additional principles, for areas that weren&#39;t relevant in Walt Disney&#39;s time. He suggested the following:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;13. Visual Styling&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;This refers to the importance of developing a look that is feasible to produce at all levels of production. Anime, for instance, makes heavy use of the &quot;language of cinema&quot; to tell its stories, with many visual FX and camera movement, but often little in the way of animation. Kerlow showed parts of &lt;/span&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;The Ghost in the Shell&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; to demonstrate.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;14. Blending Cartoons w/ Real World&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;With modern technology, we can blending together many different sources of motion. The key, especially with motion capture, is to add intention to physical performances, so that a clear motion style emerges in the mocap data. Without intention, motion capture will make for characters that lack any defining style of movement - a problem that manifested in the static (non-action) scenes of &lt;/span&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Final Fantasy: The Spirits Within&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;15. Cinematography&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;With 3D animation packages, we now have absolute control over camera and lighting conditions in a scene. Mastering these two aspects of production can lead to scenes that are visually very powerful. (Example: the &quot;roller coaster&quot; scene from &lt;/span&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Italic; font-size: 10pt;&quot;&gt;Monsters, Inc.&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt; The scene was largely effective because of skillful camera animation.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;16. Facial Animation&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;Animators must determine what level of facial control and facial animation styling will work for the various levels of production. Kerlow suggested building a reusable catalogue of facial morph target, similar to extant libraries of walk and run cycles, with particular attention paid to eye animation close-ups.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Verdana-Bold; font-size: 10pt;&quot;&gt;17. Interactive Control&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;Unique to the game industry, this principle refers to the effective integration of animation with interactivity. Important points to focus on are walk cycles, building of anticipation, creating built-in character intelligence, and setting up reaction shots.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;verdana&amp;quot; , sans-serif; font-size: 10pt;&quot;&gt;Kerlow concluded by stating that using these animation principles will allow people in the industry to create increasingly believable characters, and increasingly believable situations in which to put them. As has been the case with traditional animtion for the past seventy years, planning and directing with the twelve (or seventeen) principles in mind will allow for efficient character creation at every level of production. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;mso-layout-grid-align: none; mso-pagination: none; tab-stops: 28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 252.0pt 280.0pt 308.0pt 336.0pt; text-align: justify; text-autospace: none; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify; text-justify: inter-cluster;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/6170108546140139239/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/6170108546140139239' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/6170108546140139239'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/6170108546140139239'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/05/12-principles-of-animation.html' title='The 12 Principles of Animation'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-6357308559604615457</id><published>2010-05-24T23:13:00.001+07:00</published><updated>2010-05-24T23:14:28.539+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="2D"/><category scheme="http://www.blogger.com/atom/ns#" term="3D"/><category scheme="http://www.blogger.com/atom/ns#" term="About animation"/><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="cel overlay"/><category scheme="http://www.blogger.com/atom/ns#" term="computers and traditional animation"/><category scheme="http://www.blogger.com/atom/ns#" term="live action"/><category scheme="http://www.blogger.com/atom/ns#" term="movie"/><category scheme="http://www.blogger.com/atom/ns#" term="rotoscoping"/><category scheme="http://www.blogger.com/atom/ns#" term="special effects"/><category scheme="http://www.blogger.com/atom/ns#" term="Techniques"/><category scheme="http://www.blogger.com/atom/ns#" term="The APT process"/><category scheme="http://www.blogger.com/atom/ns#" term="Traditional"/><category scheme="http://www.blogger.com/atom/ns#" term="xerography"/><title type='text'>Techniques Animation Part 3</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large; font-weight: bold;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Xerography&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Applied to animation by Ub Iwerks at the Walt Disney studio during the late 1950s, the electrostatic copying technique called xerography allowed the drawings to be copied directly onto the cels, eliminating much of the &quot;inking&quot; portion of the ink-and-paint process. This saved time and money, and it also made it possible to put in more details and to control the size of the xeroxed objects and characters (this replaced the little known, and seldom used, photographic lines technique at Disney, used to reduce the size of animation when needed). At first it resulted in a more sketchy look, but the technique was improved upon over time.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;The xerographic method was first tested by Disney in a few scenes of Sleeping Beauty, and was first fully used in the short film Goliath II, while the first feature entirely using this process was One Hundred and One Dalmatians (1961). The graphic style of this film was strongly influenced by the process. Some hand inking was still used together with xerography in this and subsequent films when distinct colored lines were needed. Later, colored toners became available, and several distinct line colors could be used, even simultaneously. For instance, in The Rescuers the characters outlines are gray. White and blue toners were used for special effects, such as snow and water.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;&lt;b&gt;The APT process&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Invented by Dave Spencer for the 1985 Disney film The Black Cauldron, the APT (Animation Photo Transfer) process was a technique for transferring the animators&#39; art onto cels. Basically, the process was a modification of a repro-photographic process; the artists&#39; work were photographed on high-contrast &quot;litho&quot; film, and the image on the resulting negative was then transferred to a cel covered with a layer of light sensitive dye. The cel was exposed through the negative. Chemicals were then used to remove the unexposed portion. Small and delicate details were still inked by hand if needed. Spencer received an Academy Award for Technical Achievement for developing this process.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Cel overlay&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;A cel overlay is a cel with inanimate objects used to give the impression of a foreground when laid on top of a ready frame. This creates the illusion of depth, but not as much as a multiplane camera would. A special version of cel overlay is called line overlay, made to complete the background instead of making the foreground, and was invented to deal with the sketchy appearance of xeroxed drawings. The background was first painted as shapes and figures in flat colors, containing rather few details. Next, a cel with detailed black lines was laid directly over it, each line drawn to add more information to the underlying shape or figure and give the background the complexity it needed. In this way, the visual style of the background will match that of the xeroxed character cels. As the xerographic process evolved, line overlay was left behind.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Computers and traditional animation&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;The methods mentioned above describe the techniques of an animation process that originally depended on cels in its final stages, but painted cels are rare today as the computer moves into the animation studio, and the outline drawings are usually scanned into the computer and filled with digital paint instead of being transferred to cels and then colored by hand. The drawings are composited in a computer program on many transparent &quot;layers&quot; much the same way as they are with cels, and made into a sequence of images which may then be transferred onto film or converted to a digital video format.&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;It is now also possible for animators to draw directly into a computer using a graphics tablet, Cintiq or a similar device, where the outline drawings are done in a similar manner as they would be on paper. The Goofy short How To Hook Up Your Home Theater (2007) represented Disney&#39;s first project based on the paperless technology available today. Some of the advantages are the possibility and potential of controlling the size of the drawings while working on them, drawing directly on a multiplane background and eliminating the need of photographing line tests and scanning.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Though traditional animation is now commonly done with computers, it is important to differentiate computer-assisted traditional animation from 3D computer animation, such as Toy Story and ReBoot. However, often traditional animation and 3D computer animation will be used together, as in Don Bluth&#39;s Titan A.E. and Disney&#39;s Tarzan and Treasure Planet. Most anime still use traditional animation today. DreamWorks executive Jeffrey Katzenberg coined the term &quot;tradigital animation&quot; to describe films produced by his studio which incorporated elements of traditional and computer animation equally, such as Spirit: Stallion of the Cimarron and Sinbad: Legend of the Seven Seas.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Interestingly, many modern video games such as Viewtiful Joe, The Legend of Zelda: The Wind Waker and others use &quot;cel-shading&quot; animation filters to make their full 3D animation appear as though it were drawn in a traditional cel style. This technique was also used in the animated movie Appleseed, and cel-shaded 3D animation is typically integrated with cel animation in Disney films and in many television shows, such as the Fox animated series Futurama.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Rotoscoping&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Rotoscoping is a method of traditional animation invented by Max Fleischer in 1915, in which animation is &quot;traced&quot; over actual film footage of actors and scenery. Traditionally, the live action will be printed out frame by frame and registered. Another piece of paper is then placed over the live action printouts and the action is traced frame by frame using a lightbox. The end result still looks hand drawn but the motion will be remarkably lifelike. Waking Life is a full-length, rotoscoped animated movie, as is American Pop by Ralph Bakshi. The popular music video for A-ha&#39;s song &quot;Take On Me&quot; also featured rotoscoped animation, along with live action. In most cases, rotoscoping is mainly used to aid the animation of realistically rendered human beings, as in Snow White and the Seven Dwarfs, Peter Pan, and Sleeping Beauty.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;A method related to conventional rotoscoping was later invented for the animation of solid inanimate objects, such as cars, boats, or doors. A small live action model of the required object was built and painted white, while the edges of the model were painted with thin black lines. The object was then filmed as required for the animated scene by moving the model, the camera, or a combination of both, in real time or using stop-motion animation. The film frames were then printed on paper, showing a model made up of the painted black lines. After the artists had added details to the object not present in the live-action photography of the model, it was xeroxed onto cels.&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;A notable example is Cruella de Vil&#39;s car in Disney&#39;s One Hundred and One Dalmatians. The process of transferring 3D objects to cels was greatly improved in the 1980s when computer graphics advanced enough to allow the creation of 3D computer generated objects that could be manipulated in any way the animators wanted, and then printed asoutlines on paper before being copied onto cels using Xerography or the APT process. This technique was used in Disney films such as Oliver and Company (1988) and The Little Mermaid (1989). This process has more or less been superseded by the use of cel-shading.&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;Related to rotoscoping are the methods of vectorizing live-action footage, in order to achieve a very graphical look, like in Richard Linklater&#39;s film A Scanner Darkly; and motion-capturing actor&#39;s movements to use the data in 3D-animation, as in Robert Zemeckis&#39;s 2004 film The Polar Express.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Live-action hybrids&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;Similar to the computer animation and traditional animation hybrids described above, occasionally a production will marry both live-action and animated footage. The live-action parts of these productions are usually filmed first, the actors pretending that they are interacting with the animated characters, props, or scenery; animation will then be added into the footage later to make it appear as if it has always been there. Like rotoscoping, this method is rarely used, but when it is, it can be done to terrific effect, immersing the audience in a fantasy world where humans and cartoons co-exist. Early examples include the silent Out of the Inkwell (begun in 1919) cartoons by Max Fleischer and Walt Disney&#39;s Alice Comedies (begun in 1923). Live-action and animation were later combined to successful effect in features such as The Three Caballeros (1944), Anchors Aweigh (1945), Song of the South (1946), Mary Poppins (1964), Bedknobs and Broomsticks (1971), Heavy Traffic (1973), Coonskin (1975) Pete&#39;s Dragon (1977), Who Framed Roger Rabbit (1988), Rock-a-Doodle (1992), Cool World (1992), The Pagemaster (1994) Space Jam (1996), and Looney Tunes: Back In Action (2003). Other significant live-action hybrids include the music video for Paula Abdul&#39;s hit song &quot;Opposites Attract&quot; and numerous television commercials, including those for cereals such as Honey Nut Cheerios, Trix, and Rice Krispies.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Special effects animation&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;Besides traditional animated characters, objects and backgrounds, many other techniques are used to create special elements such as smoke, lightning and &quot;magic&quot;, and to give the animation in general a distinct visual appearance.&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;Notable examples can be found in movies such as Fantasia, Wizards, The Lord of the Rings, The Little Mermaid, The Secret of NIMH and The Thief and the Cobbler. Today the special effects are mostly done with computers, but earlier they had to be done by hand. To produce these effects, the animators used different techniques, such as drybrush, airbrush, charcoal, grease pencil, backlit animation or, during shooting, the cameraman used multiple exposures with diffusing screens, filters or gels. For instance, the Nutcracker Suite segment in Fantasia has a fairy sequence where stippled cels are used, creating a soft pastel look.&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/6357308559604615457/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/6357308559604615457' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/6357308559604615457'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/6357308559604615457'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/05/techniques-animation-part-3.html' title='Techniques Animation Part 3'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-4955387412964211340</id><published>2010-05-23T14:36:00.002+07:00</published><updated>2010-05-23T15:01:39.246+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="2D"/><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="animation loops"/><category scheme="http://www.blogger.com/atom/ns#" term="cel animation"/><category scheme="http://www.blogger.com/atom/ns#" term="movie"/><category scheme="http://www.blogger.com/atom/ns#" term="multiplane camera"/><category scheme="http://www.blogger.com/atom/ns#" term="shooting"/><category scheme="http://www.blogger.com/atom/ns#" term="Techniques"/><category scheme="http://www.blogger.com/atom/ns#" term="Traditional"/><title type='text'>Techniques Animation Part 2</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 19px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: normal;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBhyphenhyphenz0DBdU6ZzpnANARIGbEml-xEiUX24gRQlM4gQWx47ntWHpZikr5Sg0sZ6TjjIos1at4VQGX3LAwTt17dYrhaiPdS9gvXyu0iNQPSAM4z_-mTsWfFRC2XVSNE8urOw0OVoB9jzj62k/s1600/cel-animation.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;110&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBhyphenhyphenz0DBdU6ZzpnANARIGbEml-xEiUX24gRQlM4gQWx47ntWHpZikr5Sg0sZ6TjjIos1at4VQGX3LAwTt17dYrhaiPdS9gvXyu0iNQPSAM4z_-mTsWfFRC2XVSNE8urOw0OVoB9jzj62k/s200/cel-animation.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial;&quot;&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt; &lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;The cel &amp;amp; limited animation&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;The cel is an important innovation to traditional animation, as it allows some parts of each frame to be repeated from frame to frame, thus saving labor. A simple example would be a scene with two characters on screen, one of which is talking and the other standing silently. Since the latter character is not moving, it can be displayed in this scene using only one drawing, on one cel, while multiple drawings on multiple cels will be used to animate the speaking character.&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;For a more complex example, consider a sequence in which a girl sets a plate upon a table. The table will stay still for the entire sequence, so it can be drawn as part of the background. The plate can be drawn along with the character as the character places it on the table. However, after the plate is on the table, the plate will no longer move, although the girl will continue to move as she draws her arm away from the plate. In this example, after the girl puts the plate down, the plate can then be drawn on a separate cel from the girl. Further frames will feature new cels of the girl, but the plate does not have to be redrawn as it is not moving; the same cel of the plate can be used in each remaining frame that it is still upon the table. The cel paints were actually manufactured in shaded versions of each color to compensate for the extra layer of cel added between the image and the camera, in this example the still plate would be painted slightly brighter to compensate for being moved one layer down.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;In very early cartoons made before the use of the cel, such as Gertie the Dinosaur (1914), the entire frame, including the background and all characters and items, were drawn on a single sheet of paper, then photographed.&lt;br /&gt;
&lt;br /&gt;
Everything had to be redrawn for each frame containing movements. This led to a &quot;jittery&quot; appearance; imagine seeing a sequence of drawings of a mountain, each one slightly different from the one preceding it. The pre-cel animation was later improved by using techniques like the slash and tear system invented by Raoul Barre; the background and the animated objects were drawn on separate papers. A frame was made by removing all the blank parts of the papers where the objects were drawn before being placed on top of the backgrounds and finally photographed. The cel animation process was invented by Earl Hurd and John Bray in 1915.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;In lower-budget productions, this &quot;shortcut&quot; is used in a greater capacity. For example, in a scene in which a man is sitting in a chair and talking, the chair and the body of the man may be the same in every frame; only his head is redrawn, or perhaps even his head stays the same while only his mouth moves. This is known as limited animation. The process was popularized in theatrical cartoons by United Productions of America and used in most television animation, especially that of Hanna-Barbera. The end result does not look very lifelike, but is inexpensive to produce, and therefore allows cartoons to be made on small television budgets.&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Shooting on twos&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;Moving characters are often shot &quot;on twos&quot;, that is to say, one drawing is shown for every two frames of film (which usually runs at 24 frames per second), meaning there are only 12 drawings per second. Even though the image update rate is low, the fluidity is satisfactory for most subjects. However, when a character is required to perform a quick movement, it is usually necessary to revert to animating &quot;on ones&quot;, as &quot;twos&quot; are too slow to convey the motion adequately. A blend of the two techniques keeps the eye fooled without unnecessary production cost.&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;Animation for television is usually produced on tight budgets. In addition to the use of limited animation techniques, television animation may be shot on &quot;threes&quot;, or even &quot;fours&quot;, i.e. three or four frames per drawing. This translates to only eight or six drawings per second.&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Animation loops&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;Creating animation loops or animation cycles is a labor-saving technique for animating repetitive motions, such as a character walking or a breeze blowing through the trees. In the case of walking, the character is animated taking a step with his right foot, then a step with his left foot. The loop is created so that, when the sequence repeats, the motion is seamless. However, since an animation loop essentially uses the same bit of animation over and over again, it is easily detected and can in fact become distracting to an audience. In general, they are used only sparingly by productions with moderate or high budgets.&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;Ryan Larkin&#39;s 1969 Academy Award nominated National Film Board of Canada short Walking makes creative use of loops. In addition, a promotional music video featuring the Soul Coughing song &quot;Circles&quot; poked fun at animation loops as they are often seen in The Flintstones, in which Fred and Barney, supposedly walking in a house, wonder why they keep passing the same table and vase over and over again.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: x-large;&quot;&gt;Multiplane camera&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: small;&quot;&gt;The multiplane camera is a tool used to add depth to scenes in 2D animated movies, called the multiplane effect or the parallax process. The art is placed on different layers of glass plates, and as the camera moves vertically towards or away from the artwork levels, the camera&#39;s viewpoint appears to move through the various layers of artwork in 3D space. The panorama views in Pinocchio are examples of the effects a multiplane camera can achieve. Different versions of the camera have been made through time, but the most famous is the one developed by the Walt Disney studio beginning with their 1937 short The Old Mill. Another one, the &quot;Tabletop&quot;, was developed by Fleischer Studios. The Tabletop, first used in 1934&#39;s Poor Cinderella, used miniature sets made of paper cutouts placed in front of the camera on a rotating platform, with the cels between them. By rotating the entire setup one frame at a time in accordance with the cel animation, realistic panoramas could be created. Ub Iwerks and Don Bluth also built multiplane cameras for their studios.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; font-weight: normal; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; font-weight: normal; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; font-weight: normal; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; font-weight: normal; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; font-weight: normal; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; font-weight: normal; line-height: 19px;&quot;&gt;&lt;h3 style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; color: black; font-size: 17px; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.17em; padding-top: 0.5em; width: auto;&quot;&gt;&lt;/h3&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/4955387412964211340/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/4955387412964211340' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/4955387412964211340'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/4955387412964211340'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/05/techniques-animation-part-2.html' title='Techniques Animation Part 2'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBhyphenhyphenz0DBdU6ZzpnANARIGbEml-xEiUX24gRQlM4gQWx47ntWHpZikr5Sg0sZ6TjjIos1at4VQGX3LAwTt17dYrhaiPdS9gvXyu0iNQPSAM4z_-mTsWfFRC2XVSNE8urOw0OVoB9jzj62k/s72-c/cel-animation.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-1134889271768876836</id><published>2010-05-18T12:55:00.002+07:00</published><updated>2010-05-23T13:53:08.016+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="About animation"/><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="ghaphic"/><category scheme="http://www.blogger.com/atom/ns#" term="history"/><category scheme="http://www.blogger.com/atom/ns#" term="Techniques"/><category scheme="http://www.blogger.com/atom/ns#" term="Traditional"/><title type='text'>Techniques Animation Part 1</title><content type='html'>&lt;b&gt;Traditional animation&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjp9RyZ1FjYogdB6OSkv9DzNaAXHd5N20cJySTE3DFH4KRd7EtGY4sG_DN7cdcrCEsoJWPXUDuAusPOClskPp9h8X_9GJjFPllax3b5D-JY0duMiWMtC9nFSgtcxwSblacs0Ar7V_wh9Vr/s1600/13.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjp9RyZ1FjYogdB6OSkv9DzNaAXHd5N20cJySTE3DFH4KRd7EtGY4sG_DN7cdcrCEsoJWPXUDuAusPOClskPp9h8X_9GJjFPllax3b5D-JY0duMiWMtC9nFSgtcxwSblacs0Ar7V_wh9Vr/s320/13.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Traditional animation (also called cel animation or hand-drawn animation) was the process used for most animated films of the 20th century. The individual frames of a traditionally animated film are photographs of drawings, which are first drawn on paper. To create the illusion of movement, each drawing differs slightly from the one before it. The animators&#39; drawings are traced or photocopied onto transparent acetate sheets called cels, which are filled in with paints in assigned colors or tones on the side opposite the line drawings. The completed character cels are photographed one-by-one onto motion picture film against a painted background by a rostrum camera.&lt;br /&gt;
&lt;br /&gt;
The traditional cel animation process became obsolete by the beginning of the 21st century. Today, animators&#39; drawings and the backgrounds are either scanned into or drawn directly into a computer system. Various software programs are used to color the drawings and simulate camera movement and effects. The final animated piece is output to one of several delivery media, including traditional 35 mm film and newer media such as digital video. The &quot;look&quot; of traditional cel animation is still preserved, and the character animators&#39; work has remained essentially the same over the past 70 years. Some animation producers have used the term &quot;tradigital&quot; to describe cel animation which makes extensive use of computer technology.&lt;br /&gt;
&lt;br /&gt;
Examples of traditionally animated feature films include Pinocchio (United States, 1940), Animal Farm (United Kingdom, 1954), and Akira (Japan, 1988). Traditional animated films which were produced with the aid of computer technology include The Lion King (US, 1994) Sen to Chihiro no Kamikakushi (Spirited Away) (Japan, 2001), Treasure Planet (USA, 2002) and Les Triplettes de Belleville (2003).&lt;br /&gt;
Full animation refers to the process of producing high-quality traditionally animated films, which regularly use detailed drawings and plausible movement. Fully animated films can be done in a variety of styles, from more realistically animated works such as those produced by the Walt Disney studio (Beauty and the Beast, Aladdin, Lion King) to the more &quot;cartoony&quot; styles of those produced by the Warner Bros. animation studio (Iron Giant, Quest for Camelot, Cats Don&#39;t Dance). Many of the Disney animated features are examples of full animation, as are non-Disney works such as The Secret of NIMH (US, 1982) and The Iron Giant (US, 1999), Nocturna (Spain, 2007)&lt;br /&gt;
&lt;br /&gt;
Limited animation involves the use of less detailed and/or more stylized drawings and methods of movement. Pioneered by the artists at the American studio United Productions of America, limited animation can be used as a method of stylized artistic expression, as in Gerald McBoing Boing (US, 1951), Yellow Submarine (UK, 1968), and much of the anime produced in Japan. Its primary use, however, has been in producing cost-effective animated content for media such as television (the work of Hanna-Barbera, Filmation, and other TV animation studios) and later the Internet (web cartoons). Some examples are; Spongebob Squarepants (USA, 1999–present), The Fairly OddParents (USA, 2001–present) and Invader Zim (USA, 2001–2006).&lt;br /&gt;
&lt;br /&gt;
Rotoscoping is a technique, patented by Max Fleischer in 1917, where animators trace live-action movement, frame by frame. The source film can be directly copied from actors&#39; outlines into animated drawings, as in The Lord of the Rings (US, 1978), used as a basis and inspiration for character animation, as in most Disney films, or used in a stylized and expressive manner, as in Waking Life (US, 2001) and A Scanner Darkly (US, 2006). Some other examples are: Fire and Ice (USA, 1983) and Heavy Metal (1981).&lt;br /&gt;
Live-action/animation is a technique, when combining hand-drawn characters into live action shots. One of the earlier uses of it was Koko the Clown when Koko was drawn over live action footage. Other examples would include Who Framed Roger Rabbit? (USA, 1988), Space Jam (USA, 1996) and Osmosis Jones (USA, 2002).</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/1134889271768876836/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/1134889271768876836' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/1134889271768876836'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/1134889271768876836'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/05/techniques-animation.html' title='Techniques Animation Part 1'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjp9RyZ1FjYogdB6OSkv9DzNaAXHd5N20cJySTE3DFH4KRd7EtGY4sG_DN7cdcrCEsoJWPXUDuAusPOClskPp9h8X_9GJjFPllax3b5D-JY0duMiWMtC9nFSgtcxwSblacs0Ar7V_wh9Vr/s72-c/13.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-1121534513411410727</id><published>2010-05-15T12:51:00.001+07:00</published><updated>2017-07-19T12:02:57.170+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="About animation"/><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="ghaphic"/><category scheme="http://www.blogger.com/atom/ns#" term="history"/><category scheme="http://www.blogger.com/atom/ns#" term="motion"/><title type='text'>About Animation</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxwYFXchUTnv7KZZuFOqZV5sE1Uw-tWIzzgHpgJmz6roYXgAr1jQjsoQwqiP4DgL1ePQdJBB1fD90iA4lDOPNjgaxMfvSi8OMPL_Kig8dBdf4GV9BLTpMBOQQmvUykJMwifW-1qdMSulr/s1600/Animexample3edit.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;181&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxwYFXchUTnv7KZZuFOqZV5sE1Uw-tWIzzgHpgJmz6roYXgAr1jQjsoQwqiP4DgL1ePQdJBB1fD90iA4lDOPNjgaxMfvSi8OMPL_Kig8dBdf4GV9BLTpMBOQQmvUykJMwifW-1qdMSulr/s200/Animexample3edit.png&quot; width=&quot;200&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;color: white;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Animation&lt;/b&gt;&lt;/span&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;is the rapid display of a sequence of images of 2D or 3D artwork or model positions in order to create an illusion of movement. It is anoptical illusion&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;of&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;motion&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;due to the phenomenon of&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;persistence of vision, and can be created and demonstrated in a number of ways. The most common method of presenting animation is as a motion picture or video program, although several other forms of presenting animation also exist.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;color: white;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;color: white;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;h2 style=&quot;background-image: none; border-bottom: 1px solid rgb(170, 170, 170); font-size: 19px; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em; width: auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Early_examples&quot;&gt;Early examples&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;div style=&quot;color: white;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;color: white;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;Early examples of attempts to capture the phenomenon of motion drawing can be found in&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;paleolithic&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;cave paintings, where animals are depicted with multiple legs in superimposed positions, clearly attempting to convey the perception of motion.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;A 5,200 year old earthen bowl found in Iran in&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Shahr-i Sokhta&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;has five images of a goat painted along the sides. This has been claimed to be an example of early animation.&lt;sup class=&quot;reference&quot; id=&quot;cite_ref-0&quot; style=&quot;font-style: normal; font-weight: normal; line-height: 1em;&quot;&gt;&lt;/sup&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;However, since no equipment existed to show the images in motion, such a series of images cannot be called animation in a true sense of the word.&lt;sup class=&quot;reference&quot; id=&quot;cite_ref-1&quot; style=&quot;font-style: normal; font-weight: normal; line-height: 1em;&quot;&gt;&lt;a href=&quot;http://www.blogger.com/post-create.g?blogID=1988792569231937749#cite_note-1&quot; style=&quot;background-image: none; text-decoration: none; white-space: nowrap;&quot;&gt;&lt;/a&gt;&lt;/sup&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;The&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;phenakistoscope,&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;praxinoscope, as well as the common&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;flip book&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;were early popular animation devices invented during the 1800s, while a Chinese&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;zoetrope-type device was invented already in 180 AD.&lt;sup class=&quot;reference&quot; id=&quot;cite_ref-2&quot; style=&quot;font-style: normal; font-weight: normal; line-height: 1em;&quot;&gt;&lt;a href=&quot;http://www.blogger.com/post-create.g?blogID=1988792569231937749#cite_note-2&quot; style=&quot;background-image: none; text-decoration: none; white-space: nowrap;&quot;&gt;&lt;/a&gt;&lt;/sup&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&lt;/span&gt;These devices produced movement from sequential drawings using technological means, but animation did not really develop much further until the advent of&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;cinematography.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;There is no single person who can be considered the &quot;creator&quot; of the art of film animation, as there were several people doing several projects which could be considered various types of animation all around the same time.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;Georges Méliès&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;was a creator of special-effect films; he was generally one of the first people to use animation with his technique. He discovered a technique by accident which was to stop the camera rolling to change something in the scene, and then continue rolling the film. This idea was later known as stop-motion animation. Méliès discovered this technique accidentally when his camera broke down while shooting a bus driving by. When he had fixed the camera, a hearse happened to be passing by just as Méliès restarted rolling the film, his end result was that he had managed to make a bus transform into a hearse. This was just one of the great contributors to animation in the early years.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;The earliest surviving stop-motion advertising film was an English short by&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Arthur Melbourne-Cooper&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;called&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;Matches: An Appeal&lt;/i&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;(1899). Developed for the&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Bryant and May&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Matchsticks company, it involved stop-motion animation of wired-together matches writing a patriotic call to action on a blackboard.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;J. Stuart Blackton&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;was possibly the first American filmmaker to use the techniques of stop-motion and hand-drawn animation. Introduced to filmmaking by&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Edison, he pioneered these concepts at the turn of the 20th century, with his first copyrighted work dated 1900. Several of his films, among them&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;The Enchanted Drawing&lt;/i&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;(1900) and&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;Humorous Phases of Funny Faces&lt;/i&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;(1906) were film versions of Blackton&#39;s &quot;lightning artist&quot; routine, and utilized modified versions of Méliès&#39; early stop-motion techniques to make a series of&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;blackboard&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;drawings appear to move and reshape themselves. &#39;Humorous Phases of Funny Faces&#39; is regularly cited as the first true animated film, and Blackton is considered the first true&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;animator.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;Another French artist,&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Émile Cohl, began drawing cartoon strips and created a film in 1908 called&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;Fantasmagorie&lt;/i&gt;.&lt;sup class=&quot;reference&quot; id=&quot;cite_ref-6&quot; style=&quot;font-style: normal; font-weight: normal; line-height: 1em;&quot;&gt;[7]&lt;/sup&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;The film largely consisted of a&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;stick figure&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;moving about and encountering all manner of morphing objects, such as a wine bottle that transforms into a flower. There were also sections of live action where the animator’s hands would enter the scene. The film was created by drawing each frame on paper and then shooting each frame onto&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;negative film, which gave the picture a blackboard look. This makes&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;Fantasmagorie&lt;/i&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;the first animated film created using what came to be known as&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;traditional (hand-drawn) animation.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;Following the successes of Blackton and Cohl, many other artists began experimenting with animation. One such artist was&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Winsor McCay, a successful newspaper cartoonist, who created detailed animations that required a team of artists and painstaking attention for detail. Each frame was drawn on paper; which invariably required backgrounds and characters to be redrawn and animated. Among McCay&#39;s most noted films are&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;Little Nemo&lt;/i&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;(1911),&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;Gertie the Dinosaur&lt;/i&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;(1914) and&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;The Sinking of the Lusitania&lt;/i&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;(1918).&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5em; margin: 0.4em 0px 0.5em;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;The production of animated short films, typically referred to as &quot;cartoons&quot;, became an industry of its own during the 1910s, and cartoon shorts were produced to be shown in&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;movie theaters. The most successful early animation producer was&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;John Randolph Bray, who, along withanimator&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Earl Hurd, patented the&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;cel animation&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;process which dominated the animation industry for the rest of the decade&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;color: white;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/span&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;color: white;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: separate; font-family: sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px; line-height: 19px;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/1121534513411410727/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/1121534513411410727' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/1121534513411410727'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/1121534513411410727'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/05/about-animation.html' title='About Animation'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxwYFXchUTnv7KZZuFOqZV5sE1Uw-tWIzzgHpgJmz6roYXgAr1jQjsoQwqiP4DgL1ePQdJBB1fD90iA4lDOPNjgaxMfvSi8OMPL_Kig8dBdf4GV9BLTpMBOQQmvUykJMwifW-1qdMSulr/s72-c/Animexample3edit.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-4306434703099634581</id><published>2010-05-14T14:28:00.000+07:00</published><updated>2010-05-14T14:28:57.913+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ชีวิต"/><category scheme="http://www.blogger.com/atom/ns#" term="ปรัชญา"/><category scheme="http://www.blogger.com/atom/ns#" term="เดินทาง"/><category scheme="http://www.blogger.com/atom/ns#" term="แง่คิด"/><title type='text'>ชีวิตก็เหมือนกับการเดินทาง</title><content type='html'>&lt;div style=&quot;text-align: center;&quot;&gt;&lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;Content-Type&quot;&gt;&lt;/meta&gt;&lt;meta content=&quot;Word.Document&quot; name=&quot;ProgId&quot;&gt;&lt;/meta&gt;&lt;meta content=&quot;Microsoft Word 12&quot; name=&quot;Generator&quot;&gt;&lt;/meta&gt;&lt;meta content=&quot;Microsoft Word 12&quot; name=&quot;Originator&quot;&gt;&lt;/meta&gt;&lt;link href=&quot;file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml&quot; rel=&quot;File-List&quot;&gt;&lt;/link&gt;&lt;link href=&quot;file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx&quot; rel=&quot;themeData&quot;&gt;&lt;/link&gt;&lt;link href=&quot;file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml&quot; rel=&quot;colorSchemeMapping&quot;&gt;&lt;/link&gt;    &lt;m:smallfrac m:val=&quot;off&quot;&gt;    &lt;m:dispdef&gt;    &lt;m:lmargin m:val=&quot;0&quot;&gt;    &lt;m:rmargin m:val=&quot;0&quot;&gt;    &lt;m:defjc m:val=&quot;centerGroup&quot;&gt;    &lt;m:wrapindent m:val=&quot;1440&quot;&gt;    &lt;m:intlim m:val=&quot;subSup&quot;&gt;    &lt;m:narylim m:val=&quot;undOvr&quot;&gt;   &lt;/m:narylim&gt;&lt;/m:intlim&gt; &lt;/m:wrapindent&gt;&lt;style&gt;
&lt;!--
 /* Font Definitions */
 @font-face
	{font-family:&quot;Cordia New&quot;;
	panose-1:2 11 3 4 2 2 2 2 2 4;
	mso-font-charset:0;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:16777219 0 0 0 65537 0;}
@font-face
	{font-family:&quot;Cambria Math&quot;;
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1107304683 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:&quot;&quot;;
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:14.0pt;
	font-family:&quot;Cordia New&quot;,&quot;sans-serif&quot;;
	mso-fareast-font-family:&quot;Cordia New&quot;;}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;
	mso-ascii-font-family:&quot;Cordia New&quot;;
	mso-fareast-font-family:&quot;Cordia New&quot;;
	mso-hansi-font-family:&quot;Cordia New&quot;;
	mso-bidi-font-family:&quot;Angsana New&quot;;}
@page Section1
	{size:612.0pt 792.0pt;
	margin:72.0pt 72.0pt 72.0pt 72.0pt;
	mso-header-margin:36.0pt;
	mso-footer-margin:36.0pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
--&gt;
&lt;/style&gt;&lt;span lang=&quot;TH&quot; style=&quot;font-family: &amp;quot;Cordia New&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 16pt;&quot;&gt;ฉันคิด ฉันเข้าใจ และมั่นใจเช่นนั้น &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Cordia New&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 16pt;&quot;&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;ไม่มีการเดินทางที่ไหนไปสู่จุดหมายด้วยทางสายเดียว &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;แม้ว่าชีวิตคุณจะเรียบง่าย และอยู่ในกรอบเท่าใดก็ตาม &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;เมื่อเราเริ่มเติบโต&lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;ชีวิตเริ่มที่จะเรียนรู้ และออกเดินทาง &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;ทางของชีวิตแต่ละคนแตกต่างกัน &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;เราอาจเดินทางมาเจอกันในวันหนึ่ง &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;และเดินไปด้วยกัน &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;เมื่อถึงจุด ๆ หนึ่ง &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;เราก็อาจจะจากกันตรงทางแยก &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;แยกกันไปตามหาฝัน ตามความปรารถนาของชีวิต &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;หากวันหนึ่งที่เราถึงทางแยก และต้องแยกจากกันไปคนละทาง &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;อาจจะไม่ได้พบกันอีก หรือเกิดอะไรขึ้นก็แล้วแต่ &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;ห า ก คิ ด ถึ ง กั น &lt;/span&gt;... &lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;ขอให้เดินกลับมาตามถนนสายนี้ &lt;/span&gt;&lt;br /&gt;
&lt;span lang=&quot;TH&quot;&gt;ถนนแห่งมิตรภาพ ที่ถนนสายนั้นจะมีฉันยืนอยู่เสมอ &lt;/span&gt;...&amp;nbsp;&lt;/span&gt;&lt;/m:defjc&gt;&lt;/m:rmargin&gt;&lt;/m:lmargin&gt;&lt;/m:dispdef&gt;&lt;/m:smallfrac&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVF1u3_osmS-L_qV6fTWSSKYzPAwMeEJnygTfHnihOUBfIes84Wa_Jhir4EpLxkvt8QYHYYUmONKxErRinDxOL9WyrcvL96ncvadMXNTHaS53jK0mfmtIOqBqFAfh6h9Mufq8XjyLUEuAg/s1600/G4911420-0.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVF1u3_osmS-L_qV6fTWSSKYzPAwMeEJnygTfHnihOUBfIes84Wa_Jhir4EpLxkvt8QYHYYUmONKxErRinDxOL9WyrcvL96ncvadMXNTHaS53jK0mfmtIOqBqFAfh6h9Mufq8XjyLUEuAg/s320/G4911420-0.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Cordia New&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 16pt;&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/4306434703099634581/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/4306434703099634581' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/4306434703099634581'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/4306434703099634581'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/05/blog-post.html' title='ชีวิตก็เหมือนกับการเดินทาง'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVF1u3_osmS-L_qV6fTWSSKYzPAwMeEJnygTfHnihOUBfIes84Wa_Jhir4EpLxkvt8QYHYYUmONKxErRinDxOL9WyrcvL96ncvadMXNTHaS53jK0mfmtIOqBqFAfh6h9Mufq8XjyLUEuAg/s72-c/G4911420-0.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-8110733815720998805</id><published>2010-02-27T19:36:00.000+07:00</published><updated>2010-02-27T19:48:45.882+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Display"/><category scheme="http://www.blogger.com/atom/ns#" term="webcam"/><category scheme="http://www.blogger.com/atom/ns#" term="ตกแต่งภาพ"/><category scheme="http://www.blogger.com/atom/ns#" term="เพื่อน"/><category scheme="http://www.blogger.com/atom/ns#" term="แต่งภาพ"/><title type='text'>การตกแต่งภาพที่ได้อารมณ์มากกว่าเดิม</title><content type='html'>&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUXFCciuMFeqSFbO-ta_Xj3j1wwpkbNF1g73tZmF9MyJ-QNgFLxC50Ax3JwDhGZ1hfSsSB8dFxajuWbg_UiJuEBZgJ1DHf9FtU0zQcI1MiXznG_KI15mo3QvAsGDRaStNJ2FpPJurI27Kn/s1600-h/lady_violet.jpg&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUXFCciuMFeqSFbO-ta_Xj3j1wwpkbNF1g73tZmF9MyJ-QNgFLxC50Ax3JwDhGZ1hfSsSB8dFxajuWbg_UiJuEBZgJ1DHf9FtU0zQcI1MiXznG_KI15mo3QvAsGDRaStNJ2FpPJurI27Kn/s320/lady_violet.jpg&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;รูปแรก..รูปดิสเพลของเพื่อนสาวคนนึง สเก็ตแบบมั่วๆ ก็ดูปกติดี ไม่มีไรมากมาย&lt;br /&gt;ยังดูเป็นผู้เป็นคนอยู่&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjULP9lhsQYeFdh2uCKOQK6q8CrEBrGjgvv9b4ODv6n60q7lYnI5PMVnszpupG8bzx5hUlVz5oQVOjEwmEO4wcy-XDRqFH03pVhnbjSxdtHnCe2SH4BJ92OQUtDWHgfSo8p-zuARsOgZBXy/s1600-h/sk1.jpg&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjULP9lhsQYeFdh2uCKOQK6q8CrEBrGjgvv9b4ODv6n60q7lYnI5PMVnszpupG8bzx5hUlVz5oQVOjEwmEO4wcy-XDRqFH03pVhnbjSxdtHnCe2SH4BJ92OQUtDWHgfSo8p-zuARsOgZBXy/s320/sk1.jpg&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;รูปสอง..เป็นการแต่งรูปที่แคปเจอร์จากกล้อง webcam ด้วยอาการท่าทางของเธอแล้ว...&lt;br /&gt;ตอนนั้นกำลังน้ำลายไหล เกิดอาการอยากกินของหวานที่ she ชอบ การแต่งภาพออกมาดูเกินจริงแต่สื่ออารม์ได้น๊านนนนนนน&lt;br /&gt;ช่างสมจริงซะนี่กระไร&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZSC2-gmkMsaICdqzrw2g9VmUaqzXxZlbSUqvffuOvn1ZZRiDNClwBVVJRTlfXmmYY4u0AFHO_2hc45lTMqSF08irqFDdSXDzzNKipqT_NU9xDr2pZU86QL2AXzFGvtVG9mPeAZBnlzng/s1600-h/l.jpg&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZSC2-gmkMsaICdqzrw2g9VmUaqzXxZlbSUqvffuOvn1ZZRiDNClwBVVJRTlfXmmYY4u0AFHO_2hc45lTMqSF08irqFDdSXDzzNKipqT_NU9xDr2pZU86QL2AXzFGvtVG9mPeAZBnlzng/s320/l.jpg&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;รูปสาม...สุดท้าย รูปถ่ายช่างดูปกติ แต่การแต่งภาพน๊านนนนนนนนนน ไม่ปกติ&lt;br /&gt;ถ้าใครพบเห็นกรุณาอย่าเข้าใกล้นะเธอ... มันอันตราย เชือ้โรคอาจจะเข้าสู่ร่างกายไม่รู้ตัววว&lt;div style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;http://picasa.google.com/blogger/&quot; target=&quot;ext&quot;&gt;&lt;img src=&quot;http://photos1.blogger.com/pbp.gif&quot; alt=&quot;Posted by Picasa&quot; style=&quot;border: 0px none ; padding: 0px; background: transparent none repeat scroll 0% 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;&quot; align=&quot;middle&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/8110733815720998805/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/8110733815720998805' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/8110733815720998805'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/8110733815720998805'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2010/02/blog-post.html' title='การตกแต่งภาพที่ได้อารมณ์มากกว่าเดิม'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUXFCciuMFeqSFbO-ta_Xj3j1wwpkbNF1g73tZmF9MyJ-QNgFLxC50Ax3JwDhGZ1hfSsSB8dFxajuWbg_UiJuEBZgJ1DHf9FtU0zQcI1MiXznG_KI15mo3QvAsGDRaStNJ2FpPJurI27Kn/s72-c/lady_violet.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1988792569231937749.post-4510172213374531329</id><published>2009-02-11T11:27:00.000+07:00</published><updated>2009-02-11T11:43:44.754+07:00</updated><title type='text'>เริ่มต้น</title><content type='html'>&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:courier new;color:#666666;&quot;&gt;เปิดใช้เวปบล็อกมานาน ยังไม่ได้มีโอกาสเข้ามาเขียนจริงๆจังๆสักที&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:courier new;color:#666666;&quot;&gt;เรื่องให้เขียนก็มากมาย แต่ไม่รู้จะเริ่มต้นยังไงดี&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;ช่วงนี้ก็มีแต่เรื่อง ใกล้จะสอบแล้ว ที่ฝึกงานก็ไม่รู้จะยังไง&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;งานก็เยอะ สุขภาพก็แย่&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;สรุปแล้วมีแต่เรื่อง - -*&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;ใกล้วาเลนไทน์แบบนี้ ไปที่ไหนมีแต่กลิ่นอายของความรัก&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;โลกสีชมพู ดอกไม้ละลานตา ดูแล้วสดชื่นดี สำหรับคนมีความรัก&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;แล้วคนไม่มีความรักจะเป็นยังไงละเนี่ย&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;แอบเศร้าแทน&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;--------------&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;color:#666666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;font-size:85%;color:#336666;&quot;&gt;ป.ล. รักใครก็รักกันได้ แต่อย่าลืมดูแลใส่ใจพ่อแม่เราให้มากๆหล่ะ&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;span style=&quot;font-family:Courier New;font-size:85%;color:#336666;&quot;&gt;&lt;/span&gt; &lt;/div&gt;&lt;div align=&quot;center&quot;&gt; &lt;/div&gt;&lt;p align=&quot;center&quot;&gt; &lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://tantiddin.blogspot.com/feeds/4510172213374531329/comments/default' title='ส่งความคิดเห็น'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1988792569231937749/4510172213374531329' title='0 ความคิดเห็น'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/4510172213374531329'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1988792569231937749/posts/default/4510172213374531329'/><link rel='alternate' type='text/html' href='http://tantiddin.blogspot.com/2009/02/blog-post.html' title='เริ่มต้น'/><author><name>TaTaTaTan</name><uri>http://www.blogger.com/profile/01538677645311475933</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9TpYPSGsEOlNEUC4ZP3ppxeCeKX02Hki0Lh5cK_enzRALdZX2spJefUiIV8E1ImhmIbnxdniMv1mTXu29TdFaYRALOEWbfiUa7M2iSfmMhX5GjKUdZRZbvvbDyBKmE8/s113/icon_inprogress.gif'/></author><thr:total>0</thr:total></entry></feed>