Animated GIFS

Animated GIFs in Photoshop 7 and ImageReady
http://www.peachpit.com/articles/article.asp?p=31536&rl=1
This is an in-depth tutorial on creating animated GIFS. Refer to this article to review everything you need to know to create animated.

Examples of Student Animated GIFS

Buoyancy:
http://www.thirteen.org/edonline/gallery/animations_buoyancy.html
These animations were created by 8th graders (at Poly Prep) to demonstrate their knowledge of the Archimedes Principle.

Savage Earth:
http://www.thirteen.org/edonline/gallery/animations.html
My students (again, at Poly Prep) were asked to create animation to illustrate earthquakes, tsunamis and volcanoes.

Cell Biology:
http://www.thirteen.org/edonline/gallery/animations_cell.html
These animations were created by 7th grade students (yet again, at Poly Prep) as part of a science unit on cellular processes.

Introduction to Animation Using Flash

What is Flash?
Macromedia Flash is a multimedia graphics program specially for use on the Web
Flash enables you to create interactive "movies" on the Web
Flash uses vector graphics, which means that the graphics can be scaled to any size without losing clarity/quality
Flash does not require programming skills and is easy to learn
-from W3Schools.com
http://www.w3schools.com/flash/flash_intro.asp

Animation Basics

Idlewild: Tutorials: Bouncing Ball
http://www.idleworm.com/how/anm/01b/bball.shtml
This is everything you need to understand the basic principles of animation, especially squash and stretch.

Cartoonster: Fun Animation Tutorials
http://www.cartoonster.com/
This site demonstrates the effect of frame rate (frames per second). Squash and stretch are also covered again in this simple tutorial

Flash Basics

Phong (Flash Animation Tutorial)
http://www.phong.com/tutorials/flash/animation/index2.php
“When an object squashes and stretches, it appears to be composed of a softer, organic, elastic material. Objects which do not stretch appear rigid and plain.”

Acky.net Tutorials: Flash : Bouncing Ball
http://www.acky.net/tutorials/flash/bouncing_ball/
This is another approach to the bouncing ball, try it this way for homework: try to understand “Easing In” and “Easing Out”.

Macromedia Software
http://www.macromedia.com/
Download the trial version of Flash MX 2004 from this site, if you want to work at home.


FLASH Tutorials:Animation the old Fashioned Way with Flash
http://www.samspublishing.com/articles/article.asp?p=28807&rl=1

Animation Tutorials for Flash
http://webdesign.about.com/cs/flashtutsanimation/

STOP MOTIONFrame Thief
http://www.framethief.com/download.htmlShareware for stop motion animation


Examples of Animation
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.

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

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


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.