The Illusion of Life: Disney's principles of animation

  • Those animation principles absolutely apply in UI work, and I wish digital designers were more exposed to it. There is still a lot to be explored with what can be done with quality animation in UIs, and digital designers should absolutely pay attention to this. If you're a designer, doing motion well will do wonders to your career.

    Motion has always been extremely important, but with the faster processors and GPUs we have in our mobile phones we finally have the extra cycles for it - Apple's latest iOS does really well on that front (far from perfect of course, but they're trying really hard and getting places). It's no coincidence that UIDynamics shipped with iOS7. CSS3 brings its lot of cool things too.

    Also no coincidence is that Apple and Pixar grew very close together - a lot of OSX's charm comes from subtle and delightful animation (genie effect, apps bouncing on the dock, etc.) that Windows didn't even try doing until Vista. Relevant article: http://watchingapple.com/2007/06/are-apple-ui-designers-lear...

    I've been maintaining a blog where I document animations that I find particularly interesting: http://www.ui-animations.com (no throbber/loading spinners, those are very rarely interesting from an animation standpoint, even though they may be cute from a graphic design point of view).

    For the more academic minded of us, I like this CHI 1995 paper: http://dl.acm.org/citation.cfm?id=974941&coll=DL&dl=GUIDE (ACM paywall, but Google Scholar is your friend. Also, you should get an ACM membership- it's really worth it and will make you a better computing professional)

  • Very cool animations and most fit the principals nicely but there's very little info on this page. I found the wikipedia page helpful and relevant - http://en.wikipedia.org/wiki/12_basic_principles_of_animatio...

  • I'm not generally a big Disney person but the books on animation theory from them that I've bought are quite enjoyable.

    There is book that the linked-to animation is based on: The Illusion of Life: Disney Animation by Frank Thomas

    Two other Disney animation resources that I've picked up over the years include:

    * The 2 volumes of Drawn to Life: 20 Golden Years of Disney Master Classes by Walt Stanchfield

    * Walt Disney Animation Studios: The Archive Series in 4 volumes: Story (about storyboards not writing), Animation, Design, and Layout & Background

    I haven't seen the flip books they released recently for each of Disney's "Nine Old Men" but it sounds interesting.

  • This is the greatest resource on animation I've found

    By Richard Williams

    http://www.theanimatorssurvivalkit.com/

  • For great examples of these principles in videogames, see World of Illusion Starring Mickey Mouse and Donald Duck (1992)

    http://en.wikipedia.org/wiki/World_of_Illusion_Starring_Mick...

    and Disney's Aladdin (1993)

    http://en.wikipedia.org/wiki/Disney%27s_Aladdin_(video_game)

  • undefined

  • There are two editions of the book which is a masterpiece (the longer edition is intended for serious animators). If you have any interest in animation you owe it to yourself to grab a copy.

    I don't think that two of the principles are dealt with well in the animations — staging and pose-to-pose. The morphs are too subtle to really illustrate the principle well. (The elegance of animating a cube for each principle is fantastic.)

  • There is a video that goes along with this:

    http://www.centolodigiani.com/117722/3078861/work/the-illusi...

  • Hey, nice. This was one my favorite books in film school! Also, 'In The Blink of An Eye' by Walter Murch.

  • undefined

  • Very neat. Not really sure how to appy this though.

  • The fake film-dirt noise is really silly.