spacer

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

home / experts / dlab / 9904
Developer News
Metasploit 3.2 Offers More 'Evil Deeds'
'Thank You Apple. Seriously.'
The Buzz: BlackBerry App Store Seen Next

[Dmitry's Design Lab]
Dmitry Kirsanov's monthly column
 
April 1999
The Art of Animation
Learn the important basics of creating animations that dazzle and entertain - but do not annoy.
 
 
 

After we have researched (in the previous article) the manifestations of dynamism in static design elements, I'm going to step up to the next level of dynamism, that of the actual motion exhibited by the bits of animated material so common on the Web today. From simple JavaScript rollovers, through animated GIFs, to Flash movies - all these tools hold an immense potential for enlivening your design as well as, unfortunately, for making it annoying and disgusting.

A piece of animated graphics can, in principle, display anything imaginable - from a primitive blinking text banner to an excerpt from the "Star Wars" movie. So, the idea to anatomize this entire genre with all of its creative possibilities seems unrealistic for a single article. I had to limit myself to a narrower, although still very versatile concept of motion - which is what best differentiates animation (I was even considering titling this article "Mastering AniMotion") from static imagery. The complex issues of information architecture or interactivity in animated presentations thus fall beyond the scope of this treatise.

Actually, it is impossible to make a clear division between animation proper and everything that makes a computer-based presentation, Web site included, essentially different from the "old media." In a sense, everything you see on the computer screen is animation, although not everything involves motion - the latter being therefore the cornerstone of both visual design applications of animation and this article.

Evolution has trained our eye to be constantly on watch for moving objects that can signify a danger or a change in the environment. This makes animation highly efficient in guiding the viewer through the key points of your composition, or in making your ad banner more catchy and clickable. However, an overuse of animation, as well as a hastily assembled or "too computer" animation without a human touch, can easily turn into major annoyance. I will try to find out what makes a piece of computer animation look intriguing, attractive, and as organic as possible.

The article starts with an overview of visual aspects involved in the motion of an object, such as its shape, color, and texture. Then I focus on some important principles of creating animated graphics, with a special attention paid to the principle of nonlinearity. Along with some examples to illustrate the ideas put forth in the article, I briefly describe two of the most popular animation technologies, namely the 3d animation and vector-based Flash animation.

 

Comments are welcome
Produced by Dmitry Kirsanov and

JupiterOnlineMedia

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

Solutions
Whitepapers and eBooks
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Avaya Article: Call Control XML - Powerful, Standards-Based Call Control
Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
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
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
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
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview · Controllers: Programming Application Logic - Part 2 · How to Use JavaScript to Validate Form Data
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Choosing the Right Online Backup Provider · Mother Avaya Nurtures Her Technology Partners · Software as a Service a Winning Model for Hotspot Provider

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

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