spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / dlab / 9904
Developer News
Mandrake Linux Founder Back, Virtually
Amazon: We're a Technology Company
Sun Expands MySQL With Closed Source
 
  Animation aspects: shape
 
 

The first step in mastering any new media or technology is analyzing its roots in what you already know and use. Admittedly, various styles of animated graphics are not easy to classify, even using the approaches we've developed for the analysis of static dynamism. There is, however, one useful principle that can help you understand various animation features: Always base your analysis upon the everyday perception patterns that we use in recognizing and controlling motion of physical objects.

A recognized champion in imitating the physical world - or, more precisely, some aspects of physical bodies' appearance - is the 3D graphics and its animated variety, to be discussed in a next section. One could say that all animation styles and approaches try, with different degree of success, to either imitate (in relatively simpler cases such as 3D) or creatively play upon (in more imaginative animation styles) the momentary, subconscious expectations that we project on any moving object we see, be it on screen or in real life.

The first thing we notice when we set about analyzing real-world motions is that change in position never comes alone. Most often, a spatial displacement is accompanied by changes in shape, color, and texture of the object (more precisely, of the object's perceived image). So, in the foundation of an animator's skills lies the ability to persuasively combine different aspects of motion. Let us examine these visual aspects of objects from the animation viewpoint.

Shape is perhaps most affected by an object's actual motion, and it's easy to understand why: both shape and position are spatial features, and when we put the object in motion as a whole, it is only natural to expect that parts of its contour will, to same extent, displace relative to each other. When this is neglected in computer animation, the resulting "solid body" motion may seem flat, rigid, mechanistic.

This is especially true for animations with any animate characters (pun intended), such as human figures, whose visible outline changes significantly even with slightest body motions. One of the components of Disney's everlasting fame is the charmingly lifelike flexibility of his "rubber," elastic characters that never stay solid for more than a fraction of a second. Admittedly, this technique is very labor-consuming; Disney's animators even went on a strike in 1941 demanding salaries increase, and the studio did not produce feature-length animations after 1950s because of rising labour costs. Still, we can learn a lot from Disney's classic examples of "live shape" animation.

Even inanimate objects can greatly benefit from skillfully varying their shape during motion. Here, some simple physics should be your guide in deciding what should be stretched, skewed, or distorted, in what direction and to what extent. One of the most common examples, a horizontally scrolling line of text, feels much more natural if its motion is accompanied by changing the slant and the tracking distance between letters (Fig. 1).

 

Figure 1, a
a

Figure 1, b
b
  Fig. 1:  Animating text: Hanging from top (a) and sticking from bottom up (b)  

  As you can see on Fig. 1, the swifter is the movement, the farther apart the letters should be (like cars on a highway). When the movement is decelerating, letters may push into one another and then ease back off after the full stop. As for the skew, its direction is determined by the physical metaphor you're using: if you want the letters to "hang from a string," i.e. be fixed at the top (Fig. 1, a), then the skew will be opposite relative to the (more common) case when the letters "stick up" from a foundation at the baseline (Fig. 1, b). In any of these cases, it may be a good idea to emphasize the line of motion by placing a visible static line or an edge of a horizontally stretched element close to the dynamic element's trajectory.

Despite what I said above, "shaping motion" is not always necessary or feasible. To prevent motion from looking monotone, you can use some methods of modifying the motion pattern itself (these will be discussed later).

 

Comments are welcome
Produced by Dmitry Kirsanov and

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Whitepapers and eBooks

Symantec Whitepaper: Converging System and Data Protection for Complete Disaster Recovery
Intel Whitepaper: Comparing Two- and Four-Socket Platforms for Server Virtualization
IBM Solutions Brief: Go Green With IBM System xTM And Intel
HP eBook: Simplifying SQL Server Management
IBM Contest: Are You the Next Superstar? Join the "Search for the XML Superstar" Contest to Find Out
Intel PDF: Quad-Core Impacts More Than the Data Center
Intel PDF: Virtualization Delivers Data Center Efficiency
Go Parallel Article: PDC 2008 in Review
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Intel Whitepaper: Building a Real-World Model to Assess Virtualization Platforms
PDF: Intel Centrino Duo Processor Technology with Intel Core2 Duo Processor
Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
  Go Parallel Article: Q&A with a TBB Junkie
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
IBM eBook: The Pros and Cons of Outsourcing
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Symantec Whitepaper: Comprehensive Backup and Recovery of VMware Virtual Infrastructure
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview - Part 3 · Accessing Your MySQL Database from the Web with PHP · Working with the DOM Stylesheets Collection
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Fixing MySQL Replication · Firewall Guide: First Steps to Securing the Enterprise · VoxOx Tames the Tumultuous Communications Tangle

Created: Apr. 14, 1999
Revised: Apr. 14, 1999

URL: http://www.webreference.com/dlab/9904/shape.html