tag:blogger.com,1999:blog-83102898494293789932024-03-21T08:28:45.445-07:00SOU AnimationMiles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.comBlogger52125tag:blogger.com,1999:blog-8310289849429378993.post-49320226723327066682017-11-27T08:56:00.001-08:002017-11-27T09:06:10.314-08:00Final Project<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbScP3BTQA2AhQO2HEvUeSOLY1S2SiSKWe10itDsY9ikdyJqJuSjWtF5rqaqnO77RXY3CZr9VWGZNA0jaOgRqpz1dHnD6fx1cOrp848ScWC36m4Zm_ICsuWZ1oRbtMuapwYQCdB2mjXMEv/s1600/chrisWare.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="890" data-original-width="1280" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbScP3BTQA2AhQO2HEvUeSOLY1S2SiSKWe10itDsY9ikdyJqJuSjWtF5rqaqnO77RXY3CZr9VWGZNA0jaOgRqpz1dHnD6fx1cOrp848ScWC36m4Zm_ICsuWZ1oRbtMuapwYQCdB2mjXMEv/s400/chrisWare.jpg" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-size: x-small;"><a href="http://www.nytimes.com/2012/10/21/books/review/building-stories-by-chris-ware.html" target="_blank">Chris Ware's <i>Building Stories</i>, 2012</a></span><br />
<br /></div>
Okay, time to bring this thing in for a landing!<br />
For your final presentation you'll be presenting:<br />
<br />
<ol>
<li>Your stand-alone final animated film with sound.</li>
<li>A one-minute demo reel with sound. This can include pieces of your final project.</li>
<li>A short write-up of what you've done this quarter for potential collaborators/employers. This is short and informal. You can use this on your blog/Vimeo page.</li>
<li>BONUS: Submit your film to the Ashland Independent Film Festival Student LAUNCH program. It's free! <a href="http://www.ashlandfilm.org/Page.asp?NavID=678" target="_blank">Here are the details.</a> Deadline is January 5. Also, submit your stuff to the spring SOU Student Film Festival!</li>
</ol>
<br />
<br />
For the final turn in:<br />
<br />
<ol>
<li>Your updated blog/Vimeo page including your write-up</li>
<li>Your final project and animation reel files in the courses dropbox.</li>
<li>A pdf of your short write-up. Include a still of your work and a bio picture.</li>
</ol>
<br />
Our final presentation is <b>Monday, December 4 at 8 a.m.</b> Yeeks!<br />
<br />Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-84256177001212084992017-11-08T08:45:00.001-08:002017-11-08T10:21:27.301-08:00Project 6: Animatic and StoryboardHere's Eric Goldberg showing how a storyboard pitch is done! Note, how as this video is shot, it basically becomes a rough draft of an animatic.<iframe allowfullscreen="" frameborder="0" height="432" mozallowfullscreen="" src="https://player.vimeo.com/video/151242159" webkitallowfullscreen="" width="640"></iframe>
<br />
<a href="https://vimeo.com/151242159">'Trouble Shooter' Storyboard Pitch</a> from <a href="https://vimeo.com/livlily">Living Lines Library</a> on <a href="https://vimeo.com/">Vimeo</a>.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/JPC0n_ml4kc" width="560"></iframe>
<span style="font-size: x-small;"> </span><br />
<span style="font-size: x-small;">Jamie Hewlett animatic for the Gorillaz video, <i>Clint Eastwood</i>.</span> <br />
<br />
Felix Colgrave's Double King. This fellow doesn't do animatics OR storyboards and he turned out just fine!
<iframe allowfullscreen="" frameborder="0" height="360" mozallowfullscreen="" src="https://player.vimeo.com/video/216131664" webkitallowfullscreen="" width="640"></iframe>
<br />
<a href="https://vimeo.com/216131664">DOUBLE KING</a> from <a href="https://vimeo.com/felixcolgrave">Felix Colgrave</a> on <a href="https://vimeo.com/">Vimeo</a>.<br />
<br />
I really like what he had to say about learning how to animate... This is from his blog on <a href="http://felixcolgrave.com/">FelixColgrave.com</a><br />
<br />
<span style="background-color: #fffbf3; color: #042839; font-family: "pt sans" , "arial" , sans-serif; font-size: 11px; font-weight: bold;">Someone asked: i want to animate. i just ordered a light box. i have no idea what i'm doing. thoughts?</span><br />
<div style="background-color: #fffbf3; color: #042839; font-family: "PT Sans", Arial, sans-serif; font-size: 11px;">
Good. If you learn animation in an academic context, it’s often taught with a lot of arbitrary dos and don'ts that are a hangover from old industry methods. More concerned with teaching formulas than helping you cultivate a genuine understanding.</div>
<div style="background-color: #fffbf3; color: #042839; font-family: "PT Sans", Arial, sans-serif; font-size: 11px;">
<br />
Familiarising yourself with the medium and experimenting with it before anyone else has influenced the way you approach it, will harbour an uninhibited relationship with what you’re doing, and you’ll develop working methods that are informed by your current creative processes.</div>
<div style="background-color: #fffbf3; color: #042839; font-family: "PT Sans", Arial, sans-serif; font-size: 11px;">
<br /></div>
<div style="background-color: #fffbf3; color: #042839; font-family: "PT Sans", Arial, sans-serif; font-size: 11px;">
Missing out that step is like giving an anatomy book to a child that’s never drawn before. That would be a weird. Just give the kid some art supplies and let them figure themselves out, then when they’re older they’ll know if an anatomy book is right for them, or if they work with a completely different set of values and processes.</div>
<div style="background-color: #fffbf3; color: #042839; font-family: "PT Sans", Arial, sans-serif; font-size: 11px;">
<br /></div>
<div style="background-color: #fffbf3; color: #042839; font-family: "PT Sans", Arial, sans-serif; font-size: 11px;">
So get that light box and don’t worry about the ‘right’ way to do things. just Play around with it, see what happens, and if you like the way something looks then roll with it. Good luck!</div>
Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-23311572521993148632017-11-06T08:21:00.006-08:002017-11-08T08:35:15.624-08:00Project 5 - PreproductionThis Wednesday, we'll look at several animations as research for your final projects. We'll develop our discussion around some of these concepts and principles...<br />
<br />
<br />
<b>Story</b><br />
Visual storytelling<br />
Complete action<br />
Acting<br />
Staging <br />
Narrative design<br />
Writing a script<br />
Story with and without dialogue<br />
<br />
<b>Visual Design</b><br />
Palette<br />
Figure/ground<br />
Line and shape<br />
"Character" design <br />
<br />
<b>Animation Design/Production Design </b><br />
How is the piece to be made?<br />
Approaches to process<br />
How process influences meaning<br />
<br />
<b>Sound</b> <br />
Foley and practical sound<br />
Music<br />
Rhythm<br />
Ambient <br />
<br />
<b>Content</b><br />
Relationship between audio and image<br />
Mood<br />
Intention<br />
Meaning/idea<br />
<br />
Below are some approaches to animation that may inspire your own final projects:<br />
<br />
Oskar Fischinger, who created this film using... paper and string... egad! <i>An Optical Poem, </i>from 1938:<div style="text-align: center;">
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/they7m6YePo" width="420"></iframe>
</div>
<br />
<br />
Another fine example: Norman McLaren's Verical Lines from 1960:<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/LnbavAYULUU" width="560"></iframe>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b> </b></span><br />
<br />
Not to be outdone, here's Paul Glabicki's <i>Object Conversation</i> from 1985... No computers here, either!<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/TH8ndxAhoRc" width="560"></iframe>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b> </b></span><br />
<br />
<br />
A nice example of clear visual storytelling of some crazy stories... Felix Colgrave... viz Zachary Pearson...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/1Dkq6Lp8_gg" width="560"></iframe>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/9RHFFeQ2tu4" width="560"></iframe>Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-13392264936189007862017-10-30T08:19:00.003-07:002017-10-30T08:37:59.437-07:00Midterm Majesty<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyd8hf70TMhREzabqua0Da4xtitvVgXpSnlz_EraUWpIizaCQFGoQptk95gsWEf23Ml_KmrpX3VrE79IjaanPlplovs5_rHJsLXVfjKrB_Rqefe7dTarKvuO5XaGkcKRE3LnUEPjzemgBW/s1600/ramsey_swansea-696x371.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="371" data-original-width="696" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyd8hf70TMhREzabqua0Da4xtitvVgXpSnlz_EraUWpIizaCQFGoQptk95gsWEf23Ml_KmrpX3VrE79IjaanPlplovs5_rHJsLXVfjKrB_Rqefe7dTarKvuO5XaGkcKRE3LnUEPjzemgBW/s320/ramsey_swansea-696x371.jpg" width="320" /></a></div>
<br />
This week we'll take a look at the cumulative work you've done this quarter.<br />
What to do?<br />
You'll be "cutting together" a "reel" of your work so far. <a href="https://www.bloopanimation.com/animation-demo-reel/" target="_blank">What the heck does that mean?</a><br />
<br />
1. If you've already got your animations with sound, simply import them into After Effects, Premiere, or whatever video editing software you're happy with.<br />
<br />
2. Put them on the timeline to create an edit that contains all of your work so far.<br />
<br />
3. Export your mix, name it with your full name, and upload to your blog.<br />
<br />
4. Put a named copy of your final mix into the<i> DropBox</i> folder on the <i>courses</i> drive in either ART352 or EMDA 352.<br />
<br />
Get all of your good stuff turned in by Wednesday, November 1. Remember, in the grand scheme of life, this is your first time doing this, so it'll get better. In fact, we'll be doing another draft of your reel as part of the final project.<br />
<br />
<br />Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-54187174012428289592017-10-23T08:49:00.003-07:002017-10-23T08:49:45.408-07:00Project 4: Midterm ReelCut all of your work this quarter into a fabulous animation reel. All pieces should have sound and needed loops built in.<br />
<br />
Due Monday, October 30.Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-30902260326518004852017-10-18T09:34:00.003-07:002017-10-18T10:25:29.791-07:00Project 3: Walk Cycle and Looping Background<div class="separator" style="clear: both; text-align: left;">
Create a walk cycle and scrolling background... yup... <b>Due Monday, October 23.</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>We'll also look at advanced students in-progress work on Monday, October 23.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCVzeT0nZKuzVi_KkYQ2z9SJ0H7aWM6YclB5mUB76B3ADUtOjRRk59A8zkRjKPP3sox-Oq2EUR9e5LhinM6q0Gr2EfgQPbY6FM0py0yGzmyhSfDNbZyY373HY-vLzHNKxIj1AgBnmmBxV_/s1600/WalkCycle_Side.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCVzeT0nZKuzVi_KkYQ2z9SJ0H7aWM6YclB5mUB76B3ADUtOjRRk59A8zkRjKPP3sox-Oq2EUR9e5LhinM6q0Gr2EfgQPbY6FM0py0yGzmyhSfDNbZyY373HY-vLzHNKxIj1AgBnmmBxV_/s400/WalkCycle_Side.jpg" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-size: x-small;">Ye Olde Walk from Richard Williams' useful classic, <i>The Animator's Survival Kit</i></span></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoM_W6Sd_FXiyrdRmSFghxBEfisa8pJAMgoEgKNfTKcEyeSSuknSkkFk7Q-aFQlkeh3Ok1A8Xjc9HgWB8LelEuoS8mKXliOKcrMWiZBxTxLiEZa9I_HNrP3tO0-nyGCcv9NdAcOUpCIFq/s1600/ltdansideblock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoM_W6Sd_FXiyrdRmSFghxBEfisa8pJAMgoEgKNfTKcEyeSSuknSkkFk7Q-aFQlkeh3Ok1A8Xjc9HgWB8LelEuoS8mKXliOKcrMWiZBxTxLiEZa9I_HNrP3tO0-nyGCcv9NdAcOUpCIFq/s400/ltdansideblock.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZ2zMQzASRR8kdIhXc-_lE3-DbslvE5H_B4tO8qrH6yvTSDllr6JDr9GxUd54KKQI7YRzs6CpP-uKpSu05vD593yTAOzXCPW2BqOmMr-uLWHni0oVuVbtBVm8iARP8am3nCtHLqvdaQwc/s1600/ltdanwalkblockfronttop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZ2zMQzASRR8kdIhXc-_lE3-DbslvE5H_B4tO8qrH6yvTSDllr6JDr9GxUd54KKQI7YRzs6CpP-uKpSu05vD593yTAOzXCPW2BqOmMr-uLWHni0oVuVbtBVm8iARP8am3nCtHLqvdaQwc/s400/ltdanwalkblockfronttop.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
How to loop your background in After Effects...<br />
<br />
<ol>
<li>Export your walk loop from Animate: File > Export > Export Movie > png sequence. Make sure you choose Colors: 32 bit in order to use transparency. Make sure you save your sequence to an easy to access folder!</li>
<li>In After Effects, import the walk loop. File > Import > File... <i>Make sure to select only the first image in the sequence! </i>If there is a box that says "Import as image sequence", check it! If not, don't worry about it.</li>
<li>After Effects won't loop the animation by default, so right click on the animation in the Project window before you add it to the Composition Timeline and choose Interpret Footage > Main... In the dialogue that opens, set Loop to a number high enough to get the job done!</li>
<li>If you made your background in Animate, choose File > Export > Export Image and export it as a .png. If you made it in Photoshop, just save a copy as a png. Heck, you can also just import the .psd file if you want to get real crazy.</li>
<li>In After Effects, choose File > Import and import your background.</li>
<li>Drag your background from the Project tab to the Composition Timeline.</li>
<li>Select the background in the timeline and hit "P" for <i>position.</i></li>
<li>Click the <i>Stopwatch icon</i> next to the Position label that opens under your background layer.</li>
<li>Now set the beginning and endpoints for your bg - they should adjust automatically.</li>
</ol>
<br />
Miles demo's the basics of creating a walk cycle:<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/90wj5Wp3VlM?list=PL8EF4343B916E03B0" width="560"></iframe>
And creating a scrolling background:<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/JD4XIpMSD8g?list=PLFC1416D59DDDBF26" width="560"></iframe>
More cycles from SOU alum, Jill Bruhn!<br />
<iframe frameborder="0" height="267" src="https://player.vimeo.com/video/265784" width="400"></iframe><br />
<a href="http://vimeo.com/265784">Sneaky Guy Cycle</a> from <a href="http://vimeo.com/jillab">Jill AB</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
and. . .<br />
<br />
<iframe frameborder="0" height="267" src="https://player.vimeo.com/video/265774" width="400"></iframe><br />
<a href="http://vimeo.com/265774">Running Man with Cat</a> from <a href="http://vimeo.com/jillab">Jill AB</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRm-vDpZqUzfe_k4G68DsitfR0chM33TlWjBJyec7TVC52wNHTUTFGrIeTi7OAEbXEt5trNUPS6D8PCkX4FRWCf_HgI4_TQGCabiW9YfsBuNzGc-LSWn1vztQDkR7Z4_NSVq8XzBG4_50S/s1600/R_Williams_obese_run_cycle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRm-vDpZqUzfe_k4G68DsitfR0chM33TlWjBJyec7TVC52wNHTUTFGrIeTi7OAEbXEt5trNUPS6D8PCkX4FRWCf_HgI4_TQGCabiW9YfsBuNzGc-LSWn1vztQDkR7Z4_NSVq8XzBG4_50S/s400/R_Williams_obese_run_cycle.jpg" width="400" /></a></div>
<br />
<div style="text-align: left;">
Richard Williams' Run Cycle</div>
Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-44096838948125401082017-10-09T08:27:00.002-07:002017-10-09T08:27:18.111-07:00Project 2: Loops, Principles of Animation<br />
Ah, yes, the infamous <a href="https://en.wikipedia.org/wiki/12_basic_principles_of_animation" target="_blank">12 Principles of Animation...</a><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/uDqjIdI4bF4" width="560"></iframe>
<br />
<br />
Create at least one looping animation of a character.<br />
Create at least one looping abstract animation.<br />
Both animations should use overlapping action, secondary animation, squash and stretch, timing, spacing, and sound. We'll export these as png sequences to bring into After Effects to further develop.<br />
<b>First Draft Due and After Effects Intro on Monday, October 16. </b><br />
<b><br /></b>
<a href="https://k-eke.tumblr.com/" target="_blank">Check out the work of Keke</a> who works quite a bit with loops...<br />
<br />Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-44414970248470340372017-09-25T07:42:00.000-07:002017-09-25T08:00:23.285-07:00Project 1: 100 Frames<div style="text-align: left;">
<b>100 Frames Due: Wednesday, October 4</b> </div>
<ol>
<li>Make at least two 100-frame animations with audio.<b> </b>One should use only frame-by-frame animation, the second can use tweening. See specs below.<br /><b></b></li>
<li>Sign up to Vimeo or some kind of streaming service, and upload your work there.</li>
<li>Create a blog and embed/link to your animation.</li>
<li><a href="https://docs.google.com/a/sou.edu/spreadsheets/d/1C2Y2OUcBsiGY9dCxN-jQ8B4ZxYyYyFSNgRBTrYCOKkc/edit?usp=sharing" target="_blank"><b>Enter your BLOG URL on this spreadsheet today!</b></a> </li>
</ol>
<b>100 Frames Specs</b><br />
<ol>
<li>Create a new Animate file in ActionScript 3.0.</li>
<li>Set your frame rate to 12 frames per second. Modify > Document... Frame rate. Adjust your stage size as desired. </li>
<li>Export using File > Export > Export Video... as a .mov</li>
</ol>
<div>
<b>Mac-ishness</b><br />
<ol>
<li><i>Wacom Tablet: </i>Apple Menu > System Preferences > Wacom Tablet... tap tablet with your pen and choose Grip Pen. Go to the Mapping button and check Force Proportions.</li>
<li><i>Function Keys:</i> Apple Menu > System Preferences > Keyboard... check "Use all F1, F2, etc. keys as standard function keys."</li>
</ol>
<b>Shortcuts</b></div>
<div>
<ul>
<li>F7: insert blank keyframe</li>
<li>F5: add frame</li>
<li>Shift + F5: remove frame</li>
<li>F6: insert keyframe </li>
</ul>
</div>
<div>
<br /></div>
<div>
<br /></div>
Here's an intro to the basics of the basics... in Flash Animate<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/6tDb37spboE" width="420"></iframe><br />
<br />Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-80220679537698547662017-03-16T11:53:00.003-07:002017-03-16T11:53:40.657-07:00Final Projects!Do an animation with sound!<br />
Final Screening: <b>Thursday, March 23 at 10:30 in MA 003</b>Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-26602012940012964052017-02-14T11:13:00.005-08:002017-02-14T11:46:46.066-08:00Project 4 - Storyboard and Animatic<b>Storyboards Due Thursday, February 16.</b><br />
<b>Animatic Due Tuesday, February 21.</b><br />
<br />
Create a <i>storyboard</i> and <i>animatic</i> for your final project.<br />
<br />
A <i>storyboard</i> is a series of drawings representing the <i>shots</i> and key <i>storytelling </i>frames of an animation. Traditionally, story boards are drawn with each drawing on its own sheet of paper. Then, each drawing is pinned up on a board so that the entire film can be seen at once and drawings can be moved around or taken in and out of the sequence.<br />
<br />
An <i>animatic</i> is a video of the storyboards cut for shot length and including a soundtrack.<br />
<br />
Here's Eric Goldberg showing how a storyboard pitch is done! Note, how as this video is shot, it basically becomes a rough draft of an animatic.<iframe allowfullscreen="" frameborder="0" height="432" mozallowfullscreen="" src="https://player.vimeo.com/video/151242159" webkitallowfullscreen="" width="640"></iframe>
<br />
<a href="https://vimeo.com/151242159">'Trouble Shooter' Storyboard Pitch</a> from <a href="https://vimeo.com/livlily">Living Lines Library</a> on <a href="https://vimeo.com/">Vimeo</a>.<br />
<br />
Here's an animatic for the Gorillaz' Clint Eastwood. Note how they are incorporating <i>limited animation</i> into the animatic. Also note the <i>animation design</i> - we can see what parts of the character will move and which will remain static.<br />
<br />
<br />Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-10736280515621571982017-02-09T10:24:00.003-08:002017-02-09T10:34:30.135-08:00Project 3 - Jumping AboutCreate at least one looping animation of a character jumping on a trampoline.<br />
Use overlapping action, secondary animation, squash and stretch, and of course, timing and spacing to create a nifty animation.<br />
<b>Due Tuesday, February 14. </b>Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-35542515932239076912017-01-31T11:02:00.001-08:002017-01-31T11:02:33.520-08:00fallingBallzyay, now I'm the boss.<br />
<br /><br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/wAYD6KXiQD0" width="480"></iframe>Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-61397952097338787802017-01-17T16:04:00.001-08:002017-01-31T11:00:27.494-08:00Project 2: Abstract Animation<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Project <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2</span>: Abstract Animation</b></span><br />
<div>
Create a 30 fps, 200 - 250 frame animation with a beginning, middle and end using color, type, shape, and SOUND. <b><strike>All due on Tuesday, January 24.</strike> Rough Cut due Tuesday, January 24.</b><br />
<b><br /></b></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Background</b></span><br />
Animation does not always have to involve characters or the illusion of observed life; we can simply create movement for movement's sake. Such an approach is a kinetic (moving) equivalent of <i>abstract</i> or <i>non-representational </i>art and design. The tension between conventions for representing three-dimensional reality such as perspective and <a href="https://en.wikipedia.org/wiki/Chiaroscuro" target="_blank">chiaroscuro</a> and purely abstract two-dimensional visual forms such as pattern and writing, is essential to art of the <i>modernist</i> period (roughly 1860's-1970's). For those of you fearing you have missed out on the dizzying elixir of the modernist era, rest easy; this tension 'twixt abstraction and representation is very much alive and well and still a crucial element in all of our our contemporary visual chicanery.<br />
<br />
Check out an early example of <i>abstract animation </i>from animation pioneer, Oskar Fischinger, who created this film using... paper and string... egad! <i>An Optical Poem, </i>from 1938:<br />
<div style="text-align: center;">
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/they7m6YePo" width="420"></iframe>
</div>
<br />
<br />
Another fine example: Norman McLaren's Verical Lines from 1960:<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/LnbavAYULUU" width="560"></iframe>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b> </b></span><br />
<br />
Not to be outdone, here's Paul Glabicki's <i>Object Conversation</i> from 1985... No computers here, either!<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/TH8ndxAhoRc" width="560"></iframe>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b> </b></span><br />
<br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Technical</b></span><br />
1. Starting a file. Important! When starting a new Adboe Animate file, make sure you choose ActionScript 3.0.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3JjcDDG2x2soxlF9FH6Oh5RsCCHdO_oiR6kGK0YFfg7Abdtoml7wjkhv-zouxNEWYB_f48MCkLnRtCI42qgv9mAb1m_zEiTkY9qQXxjsTTiaKZg-6BtCE1964iWZZ_A6gV_fVL9KBBdW/s1600/animateNewDialogue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3JjcDDG2x2soxlF9FH6Oh5RsCCHdO_oiR6kGK0YFfg7Abdtoml7wjkhv-zouxNEWYB_f48MCkLnRtCI42qgv9mAb1m_zEiTkY9qQXxjsTTiaKZg-6BtCE1964iWZZ_A6gV_fVL9KBBdW/s400/animateNewDialogue.png" width="400" /></a></div>
<br />
<br />
2. Make sure you are working at 30 fps for this project. Select Modify > Document to change your frame rate. "Shooting on ones" will make smooth continuous movements like pans and slides much more palatable. Slower frame rates create a noticeable "strobe" effect. Ghastly!<br />
<br />
3. Before you can tween, you must convert your drawing into a symbol. Make sure your symbol is of the "Graphic" file type, NOT Movie clip.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8iO9nzMb24NLjt4v7GnxeZbWfTeUqISlvl-NhaJAo6PPzfbbYoyKqXDFninVgD3QbxsdN6fvByoRFBMBzno7RmbhpDh0JQsausO4t38MtRr5Zpb7uX2KU5EBON0pEBtt4DeWcVroAec2/s1600/animateSymbolDialogue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8iO9nzMb24NLjt4v7GnxeZbWfTeUqISlvl-NhaJAo6PPzfbbYoyKqXDFninVgD3QbxsdN6fvByoRFBMBzno7RmbhpDh0JQsausO4t38MtRr5Zpb7uX2KU5EBON0pEBtt4DeWcVroAec2/s320/animateSymbolDialogue.png" width="320" /></a></div>
<br />
<br />
4. Learn all about making symbols in Miles' amazing video below:<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/4PcadNojO64" width="420"></iframe>
<br />
<br />
5. Once you've gotten the hang of symbols, you're ready to do some <i>tweens</i>. <i>Tween </i>is short for <i>in-between.</i> Traditionally, in pose-to-pose animation, we would draw the main storytelling poses, or <i>key frames</i>, first. Once we had the timing of those <i>keyframes </i>down, we would go back and fill in the the rest of the frames <i>inbetween</i> the key frames. Nowadays, <i>tweening</i> refers to the process by which the computer <i>interpolates</i> (mathematically figures out) the frames between the keyframes.<br />
<br />
a. Miles' motion tween basics:<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/iwMc8dbPiOg" width="420"></iframe>
<br />
<br />
And for that extra magic touch... nested and instanced tweens!<br />
ooh:<br />
b. Miles' nested tween naughtiness: <br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/BI9jqcuBmWE" width="420"></iframe>
<br />
<br />
And here is a quick gif of some nested tweens... er, uh, <i>dank</i>?<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBgLCsoV02cE_Nm9j6spZpIoyROIQkSEBRsnDeJNsYc5Zb4MU7r8lhExDEf9fzCxKZiO6mZydv-YY8lQidKF8fJcpZLyq8K-DH5zB4UD6tMaqjuR3SKHO99eZDW8t4cyL9pIgh_FVtQ9fp/s1600/starChild.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBgLCsoV02cE_Nm9j6spZpIoyROIQkSEBRsnDeJNsYc5Zb4MU7r8lhExDEf9fzCxKZiO6mZydv-YY8lQidKF8fJcpZLyq8K-DH5zB4UD6tMaqjuR3SKHO99eZDW8t4cyL9pIgh_FVtQ9fp/s1600/starChild.gif" /></a></div>
<br />
<br />
<h2>
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></b></h2>
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">Sound</span></b><br />
1. Use Adobe Audition to make your sound mix. Export as AIFF or mp3.<br />
2. In Animate, import your audio file to the Library by using File > Import > Import to Library<br />
3. In the timeline, create a new layer, name it "audio".<br />
4. From the Library, drag and drop your sound file onto the document stage (not the timeline).<br />
5. You should now have a sound wave showing up starting with the frame 1 blank keyframe of your "audio" layer. Right click on the timeline and choose insert frame to extend the keyframe if you need to. To adjust the length of the clip, cmd-drag the end of the frame range.<br />
<br />
<span style="color: red;"><b>VERY IMPORTANT.</b> <b>VERY IMPORTANT. </b><b>VERY IMPORTANT. </b></span><br />
6. When working with sound in Animate, make sure to set the sync property in the Properties inspector to <b>STREAM</b> - <b>not</b> <i>event. </i>Stream, yay. Event, boo. To do this:<br />
<ul>
<li>In the timeline, select the blank keyframe on the "audio" layer</li>
<li>In the Properties tab, set Sync: to Stream. </li>
<li>An <i>Event</i> sound will play regardless of the timeline. This is bad...very bad. If you export your video and there is no sound, it is probably because your sound instance is still set to Event... boo!!! Also, you will have problems if your file is not an ActionScript 3.0 file. HTML5 animate files only let you choose <i>Event</i>. Again, <i>EVENT</i> is BAD.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoCm7vK-WDoFAs0G7duPM66QiDkcy3Cqp9TDHU_5_CASof4vu0IlKqzhaX9qlxM4kdLLH4TLOZR-It1SqBo9SS5cR_5c26Pf_U_cMqVSIZtMGm77YihcTRAHYAgHmMk9WN_NWXqdWzohlj/s1600/animateSoundSetup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoCm7vK-WDoFAs0G7duPM66QiDkcy3Cqp9TDHU_5_CASof4vu0IlKqzhaX9qlxM4kdLLH4TLOZR-It1SqBo9SS5cR_5c26Pf_U_cMqVSIZtMGm77YihcTRAHYAgHmMk9WN_NWXqdWzohlj/s400/animateSoundSetup.png" width="400" /></a></div>
<div style="text-align: center;">
Change to <i>stream</i>. You won't regret it...</div>
<br />
Additional pro audio tips (chortle) <br />
1. Cut your sound DOWN to roughly the length of your animation BEFORE you bring it in to Flash. Do not import a 6 minute piece of music for a 12 second piece.<br />
<br />
2. You can do some simple fade ups and downs in Animate to fine tune to your animation, but do as much as you can in Audition.<br />
<br />
3. Don't be shocked if you need to go back to Audition to make changes to your sound file after you've brought it into Animate. Relax, it's all part of the fun.<br />
<br />
4. The more professional approach would be to do your final audio/video sync in a video program such as Premiere or After Effects. To do this, export your animation as a png sequence and open the sequence in Premiere. You can then import your high quality sound file into Premiere as well. Match 'em up!<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/wAYD6KXiQD0" width="560"></iframe>Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-9641388273054818282017-01-12T12:19:00.002-08:002017-01-17T10:57:19.567-08:00Project 1: 100 Frames of Finery<div style="text-align: left;">
<b><a href="https://docs.google.com/a/sou.edu/spreadsheets/d/1mBoNwXW0M71vcczN6gYT563te3RZrM5885HeFLfVPbU/edit?usp=sharing" target="_blank">Enter your BLOG URL on this spreadsheet today!</a></b><br />
<b><br /></b>
<b>Due: Tuesday, January 17</b> </div>
1. In class make a 100 frame animation. Go ahead and set the fps to 12 or 15. Sign up to Vimeo if you haven't already and upload your work there.<br />
2. Create a blog and embed/link to your animation.<br />
<br />
BTW, the 12 Principles...<br />
<br />
<div>
1.<span style="white-space: pre-wrap;"> </span>Timing / Spacing</div>
<div>
2.<span style="white-space: pre-wrap;"> </span>Squash / Stretch</div>
<div>
3.<span style="white-space: pre-wrap;"> </span>Arcs</div>
<div>
4.<span style="white-space: pre-wrap;"> </span>Secondary Action</div>
<div>
5.<span style="white-space: pre-wrap;"> </span>Anticipation</div>
<div>
6.<span style="white-space: pre-wrap;"> </span>Staging</div>
<div>
7.<span style="white-space: pre-wrap;"> </span>Overlapping Action (Follow Through)</div>
<div>
8.<span style="white-space: pre-wrap;"> </span>Slow In / Slow Out</div>
<div>
9.<span style="white-space: pre-wrap;"> </span>Exaggeration</div>
<div>
10.<span style="white-space: pre-wrap;"> </span>Straight Ahead / Pose to Pose</div>
<div>
11.<span style="white-space: pre-wrap;"> </span>Solid Drawing</div>
<div>
12.<span style="white-space: pre-wrap;"> </span>Appeal</div>
<div>
<br /></div>
Here's an intro to the most basic of the Flash/Animate basics...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/6tDb37spboE" width="420"></iframe><br />
<br />Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-20272749639024759812016-11-15T10:39:00.000-08:002016-11-15T10:35:59.991-08:00Week 6: Final Projects<b>Due Dates:</b><br />
<b>Tuesday, November 8: Animatic 1 & design docs</b><br />
<b>Tuesday, November 22: Animatic 2 - must include sound and beginning and end.</b><br />
<b>FINAL SHOW: Tuesday, December 6, 10:30. Enter film in <a href="http://www.ashlandfilm.org/Page.asp?NavID=678" target="_blank">AIFF Launch Competition</a> </b><br />
<b><br /></b>
<b>Final Project:</b><br />
Your final project will be to create a <i>short film </i>and enter it in both the Launch competition at Ashland Independent Film Festival AND the SOU Student Film Festival. Joie! We'll be scheduling various production check-ins along the way. For Tuesday, November 8, you'll be presenting your animatic and design docs.<br />
<br />
<br />
<b>Treatment: </b>Your idea expressed in <i>any</i> medium you can get your hands on. It can be any unwieldy, crazy collection of sketches, writing, scrawls, photos, pieces of felt... whatever works for<i> you.</i><b> </b>The idea is to start cobbling together a story and some art so you can articulate your idea to others and put together a production plan. In my experience, I make several treatments, that, in retrospect, as a whole, form one big, ugly treatment... <br />
<br />
<b>Story:</b> As Uri Shulevitz describes it in <i>Writing With Pictures,</i><br />
<ul style="list-style: none;">
<li>A story... presents a progression of events from beginning to end. That progression of events is the action of the story. At the beginning, an objective is stated or suggested, or a problem is introduced. The action of the story is complete when the objective is attained or the problem resolved... A satisfying children's story always presents a <i>complete action.</i> </li>
</ul>
Your story is your idea compressed down to a concentrated essence of beginning, middle, end. It does not involve any extraneous details such as costumes, sets, locations, colors, etc... it is the raw plot, the skeleton on which you'll hang everything else.<br />
<br />
<b>Script: </b>Your script is a practical document that builds your story into a guide for making your animation. It describes the story in practical terms, including dialogue, (if any), scene changes, camera moves, fades, descriptions of character actions/reactions etc. It may resemble a traditional movie script... or not! An abstract animation will have a very different-looking script than a dialogue-driven one.<br />
<br />
<b>Storyboards: </b>Drawings of key shots of your script/story in visual form. These are working documents meant to aid you in tightening and fine-tuning your film. Re-arrange them. Cut them. Add them.<br />
<a href="https://vimeo.com/151242159" target="_blank">Eric Goldberg's Donald Duck Storyboard Pitch </a><br />
<br />
<b> </b><br />
<b>Animatic:</b> Your storyboards cut to video. Probably ought to include a scratch audio track.<br />
<a href="https://youtu.be/JPC0n_ml4kc" target="_blank">Animatic for Gorillaz, <i>Clint Eastwood</i></a><br />
<br />
<b>Animation Design / Production Design:</b> How a piece will be put together as <i>an animation</i>. How will things be made to appear to move? Frame by frame? Hand-drawn? Cut-outs? Jerky? Smooth? How will lip sync be handled? Will some parts of the animation be done by hand? Includes conceptualizing and defining the workflow/pipeline. Will usually involve creating some...<br />
<br />
<br />
<b>Animation Tests: </b>Taking your film out for a spin... with a <i>test</i> you are trying out your idea to see how it will actually work. You may do several tests that experiment with combinations of animation design and art direction. Depending on where you are in the process, these may become part of your animatic or be based on your storyboards. Sometimes a random test gives rise to a new story or shot idea.<br />
<br />
<b>Visual Design / Art Direction : </b>Color palette, visual style, backgrounds, character design. What is this thing going to look like?? The works. Can involve "concept art," but this is usually pretty frigging bad/useless unless the concept artist is a genius or has a solid background in animation.<br />
<br />
<b>Research:</b><i style="font-weight: bold;"> </i>You'll need lots of this in order to get a good thing going. Research can revolve around art direction (mood boards), animation design, storytelling, editing... anything.<br />
<b><br /></b>
<br />
<iframe allowfullscreen="" frameborder="0" height="360" mozallowfullscreen="" src="https://player.vimeo.com/video/16245334" webkitallowfullscreen="" width="640"></iframe>
<i><a href="https://vimeo.com/16245334">Love and Theft</a></i> from <a href="https://vimeo.com/filmbilder">Studio FILM BILDER</a> on <a href="https://vimeo.com/">Vimeo</a>.<br />
<br />Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-54516939103355536002016-11-15T10:34:00.004-08:002016-11-15T10:34:58.375-08:00Week 6: Walk Cycles<div class="separator" style="clear: both; text-align: left;">
Create a walk cycle... yup... <b>Due Tuesday, November 8.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCVzeT0nZKuzVi_KkYQ2z9SJ0H7aWM6YclB5mUB76B3ADUtOjRRk59A8zkRjKPP3sox-Oq2EUR9e5LhinM6q0Gr2EfgQPbY6FM0py0yGzmyhSfDNbZyY373HY-vLzHNKxIj1AgBnmmBxV_/s1600/WalkCycle_Side.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCVzeT0nZKuzVi_KkYQ2z9SJ0H7aWM6YclB5mUB76B3ADUtOjRRk59A8zkRjKPP3sox-Oq2EUR9e5LhinM6q0Gr2EfgQPbY6FM0py0yGzmyhSfDNbZyY373HY-vLzHNKxIj1AgBnmmBxV_/s400/WalkCycle_Side.jpg" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-size: x-small;">Ye Olde Walk from Richard Williams' useful classic, <i>The Animator's Survival Kit</i></span></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoM_W6Sd_FXiyrdRmSFghxBEfisa8pJAMgoEgKNfTKcEyeSSuknSkkFk7Q-aFQlkeh3Ok1A8Xjc9HgWB8LelEuoS8mKXliOKcrMWiZBxTxLiEZa9I_HNrP3tO0-nyGCcv9NdAcOUpCIFq/s1600/ltdansideblock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoM_W6Sd_FXiyrdRmSFghxBEfisa8pJAMgoEgKNfTKcEyeSSuknSkkFk7Q-aFQlkeh3Ok1A8Xjc9HgWB8LelEuoS8mKXliOKcrMWiZBxTxLiEZa9I_HNrP3tO0-nyGCcv9NdAcOUpCIFq/s400/ltdansideblock.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZ2zMQzASRR8kdIhXc-_lE3-DbslvE5H_B4tO8qrH6yvTSDllr6JDr9GxUd54KKQI7YRzs6CpP-uKpSu05vD593yTAOzXCPW2BqOmMr-uLWHni0oVuVbtBVm8iARP8am3nCtHLqvdaQwc/s1600/ltdanwalkblockfronttop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZ2zMQzASRR8kdIhXc-_lE3-DbslvE5H_B4tO8qrH6yvTSDllr6JDr9GxUd54KKQI7YRzs6CpP-uKpSu05vD593yTAOzXCPW2BqOmMr-uLWHni0oVuVbtBVm8iARP8am3nCtHLqvdaQwc/s400/ltdanwalkblockfronttop.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Miles demo's the basics of creating a walk cycle:<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/90wj5Wp3VlM?list=PL8EF4343B916E03B0" width="560"></iframe>
And creating a scrolling background:<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/JD4XIpMSD8g?list=PLFC1416D59DDDBF26" width="560"></iframe>
More cycles from SOU alum, Jill Bruhn!<br />
<iframe frameborder="0" height="267" src="https://player.vimeo.com/video/265784" width="400"></iframe><br />
<a href="http://vimeo.com/265784">Sneaky Guy Cycle</a> from <a href="http://vimeo.com/jillab">Jill AB</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
and. . .<br />
<br />
<iframe frameborder="0" height="267" src="https://player.vimeo.com/video/265774" width="400"></iframe><br />
<a href="http://vimeo.com/265774">Running Man with Cat</a> from <a href="http://vimeo.com/jillab">Jill AB</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRm-vDpZqUzfe_k4G68DsitfR0chM33TlWjBJyec7TVC52wNHTUTFGrIeTi7OAEbXEt5trNUPS6D8PCkX4FRWCf_HgI4_TQGCabiW9YfsBuNzGc-LSWn1vztQDkR7Z4_NSVq8XzBG4_50S/s1600/R_Williams_obese_run_cycle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRm-vDpZqUzfe_k4G68DsitfR0chM33TlWjBJyec7TVC52wNHTUTFGrIeTi7OAEbXEt5trNUPS6D8PCkX4FRWCf_HgI4_TQGCabiW9YfsBuNzGc-LSWn1vztQDkR7Z4_NSVq8XzBG4_50S/s400/R_Williams_obese_run_cycle.jpg" width="400" /></a></div>
<br />
<div style="text-align: left;">
Richard Williams' Run Cycle</div>
Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-91767593193748493592016-10-18T10:33:00.000-07:002016-10-18T11:00:29.057-07:00Week 4 - 5: Motion Typography / Motion Graphics / Mid Term Film Festival<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Project 4: Motion Typography/Motion Graphics</b></span><br />
Create a motion graphics piece integrating typography.<br />
Due Tuesday, October 25.<br />
<br />
<b style="font-family: "helvetica neue", arial, helvetica, sans-serif;"><span style="font-size: large;">Week 5: Midterm Mayhem Student Film Fest!</span></b><br />
Tuesday, October 25 is the Midterm Mayhem Student Film Fest! Be ready to show <b>ALL</b> of your work to date. Bonus: Cut it together to make a proper reel. October 25 is the <b><i>hard</i></b><i style="font-weight: bold;"> </i>deadline for all of your projects to date.<br />
<br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Background</b></span><br />
Non-representational/abstract animation<i> </i>is central to <i>motion graphics </i>or <i>motion design, </i>which combines traditional elements of static, 2D design such as form, shape, color, photography, and typography with animation and film/video. When we animate a letter, such as, 'R' in a motion graphics piece, we are not trying to mimic the natural movement of 'R's as seen in their native habitat. We are making abstract choices of movement based on our own impulses, whims, and desires. This aligns motion graphics very tightly to music composition which is simply manipulating changes in sound waves over time. Contemporary examples of motion graphics are inescapable. Help! Animated logos, movie titles, phone and gadget interfaces. It's dystopian nightmare, I tell you, but think about
how amazingly cool you can make someone's drab life for five seconds... Here's a link to some contemporary examples of "kinetic typography"...<br />
<br />
<a href="http://www.designyourway.net/blog/inspiration/some-of-the-best-kinetic-typography-examples/" target="_blank">http://www.designyourway.net/blog/inspiration/some-of-the-best-kinetic-typography-examples/ </a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://vimeo.com/channels/nicetype" target="_blank"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTZ6MqYkTf2PHf2mnOz6zYwSWjbWP7jxP-8hecxoKwNTcTRVnxYnnlFAzpjL3vx0nXh8laXCBHjnxVPpxTqrOblEqN573DZxvSbv2bBkw7uVue91KfRCwRg1afV2n1JUr2qZ_hvhwlG3jQ/s400/goodType.png" width="400" /></a></div>
<span style="font-size: x-small;"><i>Nice examples of motion typography and branding for the now crowd...</i></span><br />
<span style="font-size: x-small;"><i><br /></i></span>
<br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Technical</b></span><br />
<br />
<ul>
<li>All of your type will need to be converted into a graphic symbol.</li>
<li>Once you've converted the type to a symbol you can leave it editable or you can <i>break it apart</i>. Once you do this, it is no longer editable. You can also <i>break apart</i> symbol instances. This un-links them from the master symbol. If you want to tween something that has been broken apart, make sure the broken pieces all reside in a master symbol container!</li>
<li>You can include any other shapes/drawings you'd like in your motion graphics designs.</li>
<li>Yes. Sound. Yes.</li>
</ul>
Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-3139906541836144982016-10-11T09:43:00.002-07:002016-10-11T10:09:13.283-07:00Week 3: Abstract Animation<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Project 3: Abstract Animation</b></span><br />
<div>
Create a 30 fps, 200 - 250 frame animation with a beginning, middle and end using color, type, shape, and SOUND. <b>All due on Tuesday, October 18.</b><br />
<b><br /></b></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Background</b></span><br />
Animation does not always have to involve characters or the illusion of observed life; we can simply create movement for movement's sake. Such an approach is a kinetic (moving) equivalent of <i>abstract</i> or <i>non-representational </i>art and design. The tension between conventions for representing three-dimensional reality such as perspective and <a href="https://en.wikipedia.org/wiki/Chiaroscuro" target="_blank">chiaroscuro</a> and purely abstract two-dimensional visual forms such as pattern and writing, is essential to art of the <i>modernist</i> period (roughly 1860's-1970's). For those of you fearing you have missed out on the dizzying elixir of the modernist era, rest easy; this tension 'twixt abstraction and representation is very much alive and well and still a crucial element in all of our our contemporary visual chicanery.<br />
<br />
Check out an early example of <i>abstract animation </i>from animation pioneer, Oskar Fischinger, who created this film using... paper and string... egad!<br />
<div style="text-align: center;">
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/they7m6YePo" width="420"></iframe>
</div>
<br />
<br />
<br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><b>Technical</b></span><br />
1. Starting a file. Important! When starting a new Adboe Animate file, make sure you choose ActionScript 3.0.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3JjcDDG2x2soxlF9FH6Oh5RsCCHdO_oiR6kGK0YFfg7Abdtoml7wjkhv-zouxNEWYB_f48MCkLnRtCI42qgv9mAb1m_zEiTkY9qQXxjsTTiaKZg-6BtCE1964iWZZ_A6gV_fVL9KBBdW/s1600/animateNewDialogue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3JjcDDG2x2soxlF9FH6Oh5RsCCHdO_oiR6kGK0YFfg7Abdtoml7wjkhv-zouxNEWYB_f48MCkLnRtCI42qgv9mAb1m_zEiTkY9qQXxjsTTiaKZg-6BtCE1964iWZZ_A6gV_fVL9KBBdW/s400/animateNewDialogue.png" width="400" /></a></div>
<br />
<br />
2. Make sure you are working at 30 fps for this project. Select Modify > Document to change your frame rate. "Shooting on ones" will make smooth continuous movements like pans and slides much more palatable. Slower frame rates create a noticeable "strobe" effect. Ghastly!<br />
<br />
3. Before you can tween, you must convert your drawing into a symbol. Make sure your symbol is of the "Graphic" file type, NOT Movie clip.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8iO9nzMb24NLjt4v7GnxeZbWfTeUqISlvl-NhaJAo6PPzfbbYoyKqXDFninVgD3QbxsdN6fvByoRFBMBzno7RmbhpDh0JQsausO4t38MtRr5Zpb7uX2KU5EBON0pEBtt4DeWcVroAec2/s1600/animateSymbolDialogue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8iO9nzMb24NLjt4v7GnxeZbWfTeUqISlvl-NhaJAo6PPzfbbYoyKqXDFninVgD3QbxsdN6fvByoRFBMBzno7RmbhpDh0JQsausO4t38MtRr5Zpb7uX2KU5EBON0pEBtt4DeWcVroAec2/s320/animateSymbolDialogue.png" width="320" /></a></div>
<br />
<br />
4. Learn all about making symbols in Miles' amazing video below:<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/4PcadNojO64" width="420"></iframe>
<br />
<br />
5. Once you've gotten the hang of symbols, you're ready to do some <i>tweens</i>. <i>Tween </i>is short for <i>in-between.</i> Traditionally, in pose-to-pose animation, we would draw the main storytelling poses, or <i>key frames</i>, first. Once we had the timing of those <i>keyframes </i>down, we would go back and fill in the the rest of the frames <i>inbetween</i> the key frames. Nowadays, <i>tweening</i> refers to the process by which the computer <i>interpolates</i> (mathematically figures out) the frames between the keyframes.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/iwMc8dbPiOg" width="420"></iframe>
<br />
And for that extra magic touch... nested and instanced tweens!<br />
ooh:<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/BI9jqcuBmWE" width="420"></iframe>
<br />
<br />
And here is a quick gif of some nested tweens... er, uh, <i>dank</i>?<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBgLCsoV02cE_Nm9j6spZpIoyROIQkSEBRsnDeJNsYc5Zb4MU7r8lhExDEf9fzCxKZiO6mZydv-YY8lQidKF8fJcpZLyq8K-DH5zB4UD6tMaqjuR3SKHO99eZDW8t4cyL9pIgh_FVtQ9fp/s1600/starChild.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBgLCsoV02cE_Nm9j6spZpIoyROIQkSEBRsnDeJNsYc5Zb4MU7r8lhExDEf9fzCxKZiO6mZydv-YY8lQidKF8fJcpZLyq8K-DH5zB4UD6tMaqjuR3SKHO99eZDW8t4cyL9pIgh_FVtQ9fp/s1600/starChild.gif" /></a></div>
<br />
<br />
<h2>
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></b></h2>
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">Sound</span></b><br />
1. Use Adobe Audition to make your sound mix. Export as AIFF or mp3.<br />
2. In Animate, import your audio file to the Library. File ... Import ... Import to Library<br />
3. In the timeline, create a new layer, name it "audio".<br />
4. From the Library, drag and drop your sound file onto the document stage (not the timeline).<br />
5. You should now have a sound wave showing up starting with the frame 1 blank keyframe of your "audio" layer. Right click on the timeline and choose insert frame to extend the keyframe if you need to. To adjust the length of the clip, cmd-drag the end of the frame range.<br />
<br />
<span style="color: red;"><b>VERY IMPORTANT.</b> <b>VERY IMPORTANT. </b><b>VERY IMPORTANT. </b></span><br />
6. When working with sound in Animate, make sure to set the sync property in the Properties inspector to <b>STREAM</b> - <b>not</b> <i>event. </i>Stream, yay. Event, boo. To do this. Select the blank keyframe on the "audio" layer, open the Properties tab, and set Sync: to Stream. An event sound will play regardless of the timeline. This is bad...very bad. If you export your video and there is no sound, it is probably because your sound instance is still set to Event... boo!!!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoCm7vK-WDoFAs0G7duPM66QiDkcy3Cqp9TDHU_5_CASof4vu0IlKqzhaX9qlxM4kdLLH4TLOZR-It1SqBo9SS5cR_5c26Pf_U_cMqVSIZtMGm77YihcTRAHYAgHmMk9WN_NWXqdWzohlj/s1600/animateSoundSetup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoCm7vK-WDoFAs0G7duPM66QiDkcy3Cqp9TDHU_5_CASof4vu0IlKqzhaX9qlxM4kdLLH4TLOZR-It1SqBo9SS5cR_5c26Pf_U_cMqVSIZtMGm77YihcTRAHYAgHmMk9WN_NWXqdWzohlj/s400/animateSoundSetup.png" width="400" /></a></div>
<div style="text-align: center;">
Change to <i>stream</i>. You won't regret it...</div>
<br />
Additional pro audio tips (chortle) <br />
1. Cut your sound DOWN to roughly the length of your animation BEFORE you bring it in to Flash. Do not import a 6 minute piece of music for a 12 second piece.<br />
<br />
2. You can do some simple fade ups and downs in Animate to fine tune to your animation, but do as much as you can in Audition.<br />
<br />
3. Don't be shocked if you need to go back to Audition to make changes to your sound file after you've brought it into Animate. Relax, it's all part of the fun. Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-82798157041771202016-10-04T12:11:00.004-07:002016-10-06T11:31:00.368-07:00Week 2: Bounce Cycles1. Create a frame by frame bouncing ball cycle. Show your grasp of timing, spacing, pose to pose, and squash and stretch. Awesome. Yay.<br />
<br />
2. Create a new animation in which you turn your bouncing ball animation into a GRAPHIC SYMBOL and place multiple instances of your symbol on the timeline.<br />
<br />
3. Create a frame by frame animation of a character bouncing/jumping showing overlapping action and secondary motion. As always exaggerate to create an appealing show of it all.<br />
<br />
Post all of this goodness to your blog. <b>Due Tuesday, October 11.</b>Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com2tag:blogger.com,1999:blog-8310289849429378993.post-49668929135140096882016-09-29T10:49:00.004-07:002016-10-04T10:50:30.691-07:00Week 1 Project: 100 frames! Story!<div style="text-align: left;">
<b><a href="https://docs.google.com/a/sou.edu/spreadsheets/d/1QJTUHuLgX1_Ly7kZELfqvChKLIYuqUf066uPL6HUav4/edit?usp=sharing" target="_blank">Enter your BLOG URL on this spreadsheet today!</a></b><br />
<b><br /></b>
<b>Due: Tuesday, October 4</b> </div>
1. In class make a 100 frame animation. Go ahead and set the fps to 12 or 15. Sign up to Vimeo if you haven't already and upload your work there.<br />
2. Storyboard, script, and record the audio for a 10 second narrative animation.<br />
3. Create a blog and post your audio, script and storyboards to it.<br />
<br />
BTW, the 12 Principles...<br />
<br />
<div>
1.<span style="white-space: pre-wrap;"> </span>Timing & Spacing</div>
<div>
2.<span style="white-space: pre-wrap;"> </span>Squash & Stretch</div>
<div>
3.<span style="white-space: pre-wrap;"> </span>Arcs</div>
<div>
4.<span style="white-space: pre-wrap;"> </span>Secondary Action</div>
<div>
5.<span style="white-space: pre-wrap;"> </span>Anticipation</div>
<div>
6.<span style="white-space: pre-wrap;"> </span>Staging</div>
<div>
7.<span style="white-space: pre-wrap;"> </span>Overlapping Action (Follow Through)</div>
<div>
8.<span style="white-space: pre-wrap;"> </span>Slow In & Slow Out</div>
<div>
9.<span style="white-space: pre-wrap;"> </span>Exaggeration</div>
<div>
10.<span style="white-space: pre-wrap;"> </span>Straight Ahead & Pose to Pose</div>
<div>
11.<span style="white-space: pre-wrap;"> </span>Solid Drawing</div>
<div>
12.<span style="white-space: pre-wrap;"> </span>Appeal</div>
<div>
<br /></div>
Here's an intro to the most basic of the Flash/Animate basics...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/6tDb37spboE" width="420"></iframe><br />
<br />Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-84381944010011656092016-05-19T09:26:00.002-07:002016-05-19T09:26:16.265-07:00FINAL CRITIQUEIs on <b>Tuesday, June 7 at 8:00 a.m. in MA 110. </b><div>
Have your work online, but also have a file to turn in.</div>
<div>
File should have your name in the filename.</div>
<div>
I'm going to submit these to RVTV unless I hear otherwise...</div>
Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-78906026303878627262016-05-05T09:35:00.001-07:002016-05-19T09:38:54.782-07:00Final Project - It's Terminal!<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/JPC0n_ml4kc" width="560"></iframe>
<span style="font-size: x-small;"> </span><br />
<span style="font-size: x-small;">Jamie Hewlett animatic for the Gorillaz video, <i>Clint Eastwood</i>.</span> <br />
<br />
Our final project will be to create a short animation for all the world to behold. This project should be <i>your original content - </i>your characters, sets, imagery, story, etc. All sound should be cleared as well. You'll have many opportunities to show your work. Think ahead to the <a href="http://www.ashlandfilm.org/" target="_blank">Ashland Inedpendent Film Festival,</a> <a href="https://www.facebook.com/SOUSFF/" target="_blank">SOU Student Film Festival</a>, <a href="http://www.souemcon.com/" target="_blank">EMCON</a>, or <a href="http://www.oregonfringefestival.org/" target="_blank">Oregon Fringe Festival.</a> Charles Douglas will come next week to discuss opportunities for broadcast on <a href="http://rvtv.sou.edu/" target="_blank">RVTV -Rogue Valley Community Television.</a><br />
<br />
<a href="http://www.adobepress.com/articles/article.asp?p=2242056&seqNum=9" target="_blank">Link to editing motion paths in Flash.</a><br />
<a href="https://helpx.adobe.com/animate/using/editing-motion-tween-using-motion.html" target="_blank">Link to using the Motion Editor in Flash.</a><br />
<br />
For <b>Tuesday, May10</b>, rough out a short <a href="https://www.bloopanimation.com/animatic/">animatic.</a> An animatic is the city-slicker cousin of the storyboard. Storyboards break a story down into the key shots needed to tell a
narrative. An animatic is basically storyboards put into a video
sequence with an audio track. Unless you have some specific reason for <i>not </i>doing so, make your work at 1920 x 1080 resolution at 30 fps. This is <a href="https://en.wikipedia.org/wiki/High-definition_television">standard 1080p 'HD' tv format.</a> All projects must include <b>audio.</b><br />
<ul>
<li>If you are working with character and story, take your character(s) and create a short animation with a complete action. </li>
<li>If you are working with motion design, create an abstract or type-based animation.</li>
<li>You can also work with any unholy hybrids you'd like - stopmotion, pixilation, 3D, etc. etc. No limits on your approach to the technical!</li>
<li>All animations should be 'finished' for public viewing - think beginning, middle, end, titles, credits, etc. Make sure you have clearance for all sound and you credit all collaborators appropriately.</li>
</ul>
<ul></ul>
Charge!<br />
<br />
BONUS!<a href="http://artofjen.blogspot.com/" target="_blank"> Jennifer Harlow's undergraduate blog - lots of insight and animation resources</a>!<br />
<br />
A nice example of clear visual storytelling of some crazy stories... Felix Colgrave... viz Zachary Pearson...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/1Dkq6Lp8_gg" width="560"></iframe>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/9RHFFeQ2tu4" width="560"></iframe>Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com1tag:blogger.com,1999:blog-8310289849429378993.post-53978921657589122952016-04-28T10:35:00.000-07:002016-04-28T10:35:27.652-07:00Project 6: Pixilation!Make a <a href="https://en.wikipedia.org/wiki/Pixilation" target="_blank">pixilation</a> piece.<br />
Shoot your footage this weekend.<br />
Experiment. Get crazy. You can collaborate!<br />
Check out the classic 1952 film, <i>Neighbours</i>, by Norman McLaren that uses this technique.<br />
Due Thursday, April 28.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="480" mozallowfullscreen="" src="https://player.vimeo.com/video/39056719" webkitallowfullscreen="" width="640"></iframe>
<a href="https://vimeo.com/39056719">Neighbours</a> from <a href="https://vimeo.com/thenfb">National Film Board of Canada</a> on <a href="https://vimeo.com/">Vimeo</a>.Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-58062282704783433422016-04-21T10:10:00.001-07:002016-04-21T10:10:02.641-07:00Project 5: Lip Synch/narrativeCreate a 5 - 10 second animation that incorporates voice. This can involve character lip synch and/or voice-over narrative with attendant visuals. As always, give us a few moments of blank screen before it all kicks off and when its all over.<br />
<br />
<br />
Due on Thursday, April 28.Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0tag:blogger.com,1999:blog-8310289849429378993.post-8134248378355358172016-04-14T08:19:00.002-07:002016-04-14T08:45:31.605-07:00Project 4: Character SequencesCreate a set of character animation sequences for use in a 2D video game.<br />
Come up with a set of walks, jumps, punches, deaths, power-ups, etc... you think it up, you do it.<br />
Upload them as animated gifs to your blog. More examples coming... later today!<br />
<b>Due Thursday, April 21.</b><br />
<br />
Oh, and here's some stuff on doing walk cycles...
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCVzeT0nZKuzVi_KkYQ2z9SJ0H7aWM6YclB5mUB76B3ADUtOjRRk59A8zkRjKPP3sox-Oq2EUR9e5LhinM6q0Gr2EfgQPbY6FM0py0yGzmyhSfDNbZyY373HY-vLzHNKxIj1AgBnmmBxV_/s1600/WalkCycle_Side.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCVzeT0nZKuzVi_KkYQ2z9SJ0H7aWM6YclB5mUB76B3ADUtOjRRk59A8zkRjKPP3sox-Oq2EUR9e5LhinM6q0Gr2EfgQPbY6FM0py0yGzmyhSfDNbZyY373HY-vLzHNKxIj1AgBnmmBxV_/s400/WalkCycle_Side.jpg" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-size: x-small;">Ye Olde Walk from Richard Williams' useful classic, <i>The Animator's Survival Kit</i></span></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoM_W6Sd_FXiyrdRmSFghxBEfisa8pJAMgoEgKNfTKcEyeSSuknSkkFk7Q-aFQlkeh3Ok1A8Xjc9HgWB8LelEuoS8mKXliOKcrMWiZBxTxLiEZa9I_HNrP3tO0-nyGCcv9NdAcOUpCIFq/s1600/ltdansideblock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoM_W6Sd_FXiyrdRmSFghxBEfisa8pJAMgoEgKNfTKcEyeSSuknSkkFk7Q-aFQlkeh3Ok1A8Xjc9HgWB8LelEuoS8mKXliOKcrMWiZBxTxLiEZa9I_HNrP3tO0-nyGCcv9NdAcOUpCIFq/s400/ltdansideblock.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZ2zMQzASRR8kdIhXc-_lE3-DbslvE5H_B4tO8qrH6yvTSDllr6JDr9GxUd54KKQI7YRzs6CpP-uKpSu05vD593yTAOzXCPW2BqOmMr-uLWHni0oVuVbtBVm8iARP8am3nCtHLqvdaQwc/s1600/ltdanwalkblockfronttop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZ2zMQzASRR8kdIhXc-_lE3-DbslvE5H_B4tO8qrH6yvTSDllr6JDr9GxUd54KKQI7YRzs6CpP-uKpSu05vD593yTAOzXCPW2BqOmMr-uLWHni0oVuVbtBVm8iARP8am3nCtHLqvdaQwc/s400/ltdanwalkblockfronttop.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Miles demo's the basics of creating a walk cycle:<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/p/8EF4343B916E03B0?hl=en_US&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/p/8EF4343B916E03B0?hl=en_US&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://www.youtube.com/view_play_list?p=8EF4343B916E03B0">Link to URL</a><br />
<br />
<br />
And creating a scrolling background:<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/p/FC1416D59DDDBF26?hl=en_US&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/p/FC1416D59DDDBF26?hl=en_US&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://www.youtube.com/view_play_list?p=FC1416D59DDDBF26">Link to URL</a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRm-vDpZqUzfe_k4G68DsitfR0chM33TlWjBJyec7TVC52wNHTUTFGrIeTi7OAEbXEt5trNUPS6D8PCkX4FRWCf_HgI4_TQGCabiW9YfsBuNzGc-LSWn1vztQDkR7Z4_NSVq8XzBG4_50S/s1600/R_Williams_obese_run_cycle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRm-vDpZqUzfe_k4G68DsitfR0chM33TlWjBJyec7TVC52wNHTUTFGrIeTi7OAEbXEt5trNUPS6D8PCkX4FRWCf_HgI4_TQGCabiW9YfsBuNzGc-LSWn1vztQDkR7Z4_NSVq8XzBG4_50S/s400/R_Williams_obese_run_cycle.jpg" width="400" /></a></div>
<br />
<div style="text-align: left;">
Richard Williams' Run Cycle<br />
<br />
<a href="http://blogs.eciad.ca/mrose/resources/resources02/premiere/images-importing-stills-and-sequence/" target="_blank">Link on how to import an image sequence at 12 fps into Premier...</a></div>
Miles Inadahttp://www.blogger.com/profile/15192681416035727896noreply@blogger.com0