?xml version="1.0" encoding="iso-8859-1"?> Animation Tutorial Swygert EDET 793

Animation TutorialHomeQuizzesGoals and Rational
History of Animation
Basics of Animation
Raster Graphics
Vector Graphics
Resources

The Basics of Animation

Animation adds to graphics the dimension of time which vastly increases the amount of information which can be transmitted. In order to create digital animation you must use a graphics software. Image editors and illustration software are the two primary categories of graphics software. While there are potentially many subcategories of graphics software, most applications fall into one or the other of these two main categories. This is because there are two very different types of graphics: vector and bitmap graphics.

An animated GIF (Graphics Interchange Format) file is a graphic image on a Web page that moves - for example, a twirling icon or a banner with a hand that waves or letters that magically get larger.


But just because GIF animations are fun and easy to create and use, doesn't mean you should go crazy with them. Animations are best used in moderation. They're great for drawing attention, but used in excess they're not only a distraction but can actually have a detrimental effect.

If you are creating animation for a website remember to make sure your animation loads quickly. In addition, good web design is the practice of using design to enhance communication. Unfortunately, design can also be counter productive to clear communication.


Some general guidlines for good design are:

  • With graphic type, stick to one or two font families, and use color, size, weight, and style to create different "looks" and hierarchies.
  • Make sure that your layout is organized, has enough white space, has lines of text that are short and easy to read, and keeps important navigation elements above the fold.
  • Animation is good when the thing that is animating is the important information to look at. Peripheral animation should not loop endlessly, or it will annoy your visitors.

Test your knowledge of animation basics here.