<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d19338359\x26blogName\x3dEdTechNOW!\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://edtechnow.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://edtechnow.blogspot.com/\x26vt\x3d-4236575660833866918', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

EdTechNOW!

Saturday, October 21, 2006

Fundamental Principles of Animation

Principles of Traditional Animation:
http://www.3dark.com/archives/animation/the_principles.html

1. Squash and Stretch : Defining the rigidity and mass of an object by distorting its shape during an action.

2. Timing : Spacing actions to define the weight and size of objects and the personality of character.

3. Anticipation : The preparation for an action.

4. Staging : Presenting an idea so that it is unmistakably clear.

5. Follow Through and Overlapping Action : The termination of an action and establishing it relationship to the next action.

6. Straight Ahead Action and Pose-To-Pose Action -- The two contrasting approaches to the creation of movement.

7. Slow In and Out : The spacing of the inbetween frames to achieve subtlety of timing and movement.

8. Arcs : The visual path of action for natural movement.

9. Exaggeration : Accentuating the essence of an idea via the design and the action.

10. Secondary Action : The action of an object resulting from another action.

11. Appeal : Creating a design or an action that the audience enjoys watching.

The application of some of these principles mean the same regardless of the medium of animation. 2D hand drawn animation deals with a sequence of two dimensional drawings that simulate motion. 3D animation involves creating a three dimensional model in the computer. Motion is achieved by setting keyframe poses and having the computer generate the inbetween frames. Timing, anticipation, staging, follow through, overlap, exaggeration, and secondary action apply in the same way for both types of animation. While the meaning of squash and stretch, slow in and out, arcs, appeal, straight ahead action, and pose-to-pose action remain the same, their application changes due to the difference in medium.

Examples of Animation by Al Doyle

Salvadori Foundation education and the built environment.
http://www.salvadori.org/aoc
This site is an animated companion to The Art of Construction by Mario Salvadori. I created over 150 illustrations and animations on this site.
Schlumberger SEED, the science education web site.
Using Macromedia Flash, Adobe Photoshop and Adobe ImageReady, I created these animations to illustrate a unit on Science in the Bathroom.
Schlumberger SEED, the science education web site:
In the Bathroom
http://www.seed.slb.com/en/scictr/watch/bathroom/index.htm
Using Macromedia Flash, Adobe Photoshop and Adobe ImageReady, I created these animations to illustrate a unit on science in the Bathroom.
Bubbles
http://www.seed.slb.com/en/scictr/watch/bathroom/bubbles.htm
Illustrations and a flash animation linked on this page; “Watch the soap bubbles form”
Mist on the Mirror
http://www.seed.slb.com/en/scictr/watch/bathroom/mist.htm
Floating Duck

http://www.seed.slb.com/en/scictr/watch/bathroom/duck.htm
The Bath is Too Cold!
http://www.seed.slb.com/en/scictr/watch/bathroom/toohot.htm
Soap
http://www.seed.slb.com/en/scictr/watch/bathroom/soap.htm
Funny Fingers
http://www.seed.slb.com/en/scictr/watch/bathroom/fingers.htm
Flushing Vortex
http://www.seed.slb.com/en/scictr/watch/bathroom/vortex.htm
The Drying Hairdryer
http://www.seed.slb.com/en/scictr/watch/bathroom/dryer.htm
Illustrations and animation about other science topics:
The Cartesian Diver
http://www.seed.slb.com/en/scictr/lab/diver/index.htm
Permeability
http://www.seed.slb.com/en/scictr/lab/permeability/index.htm
Build a Buckyball
http://www.seed.slb.com/en/scictr/lab/buckyball/index.htm

Thursday, October 19, 2006

Nicenet

A great site for teachers: you can create your own class blog easily.