Some guidelines for design
Guidelines for Designing Frame-by-Frame Computer Animations
Insert keyframes at each change in the action
Content on keyframes can be changed by:
Adding and deleting objects.
Replacing one object with another.
Sounds can be recorded or captured from a variety of sources.
For example, record your voice using a microphone that is
connected to the computers sound card.
Or, connect a device such as a CD player, MP3 player, or tape
What sort of texts must be included in Animation?
Text in computer animations
Text performs the same function in an animation as it does in a graphic:
it provides information on the subject of the animation or directions to
An animation progra
How to Publish a Video
Analyze Animations for Potential Problems
Identify potential problems that may occur when downloading and
playing a movie.
If the entire movie will be downloaded before it is played,
determine which parts of the movie are taking t
Delivering a Published Video
Once videos have been analyzed and optimized to perform best in the
intended medium, the next step is to publish.
Delivery methods available for distributing animations:
As part of a Web page
On a CD-ROM o
Finishing an Animation
How to finalize Animation
For animations distributed over the Internet:
Create a link to the file or embed it into the web page.
Upload the file to the host computer.
Test the animation in different browsers.
For animations distribu
Streaming and Multimedia
Streaming and Playback Rate
Streaming rate is the rate in frames per second at which videos can be
downloaded or transferred to a computer and is determined by:
The viewers network connection speed.
The content of the video fil
What can we use with multimedia?
Possible Hardware Devices
Basic computer system
External storage devices
Analog or digital camcorders
Digital video camera
Video capture cards
Multimedia Authoring Programs
Software that allows the designer to:
Create multimedia presentations
Create interactive elements
Design screen layouts
Produce content with paint, text, and animation tools
Incorporate text, sound, v
How to make Presentation
Basic Design Guidelines
Use no more than three different typefaces and sizes.
Choose colors that harmonize and are appropriate with the theme.
Use typefaces and colors consistently throughout the presentation.
What is Design?
The Six Principles of Design
Alignment of elements in a pattern or grid.
Visual relationship between all of the elements in a layout, even if
What Design elements are there?
Optical Center and Z Pattern:
Optical Center the spot the eye first sees when it encounters a page.
It is slightly above and to the right of the actual center of the page.
Place the most important design element here.
Color and Texture
Texture as a Design Element:
Texture is an effect applied to a background or as the fill for an object.
It can be drawn or be an actual image.
Texture can refer to visual texture (how it looks) and the physical texture of
Color on Monitors
Color on Monitors:
RGB red, green, blue
Each color is assigned a number between 0 and 255 to show how
much of that color to add.
As each color is added, the mixed color becomes lighter.
When all three are set to 255, the mixed color
What is Animation?
The rapid display of a sequence of images of 2-D or 3-D artwork or model
positions in order to create an illusion of movement.
Relies on persistence of vision to create the illusion of movement.
A little history:
In the early
Computer assisted and generated animation
Computer Assisted Animation:
The computer is used to make the animation process quicker and easier.
Usually involves 2-D images
Can be hand-drawn and scanned into the computer.
Can be drawn directly into the c
How can you display animation
Rapidly displaying images, or frames, in a sequence to create the optical
illusion of movement.
Digital animation is based on the frame by frame animation process.
The quality of frame-based animatio
Computer Animation Uses
Programming or Scripting-Based Animation
Requires knowledge of a programming or scripting language.
Example: Rollover or Mouseover
When the mouse is moved over an image, it changes to a different
image so quickly that it looks a
3-D Graphics and Animation Software
The leading graphics programs designed specifically for creating and editing
3D images are:
3ds Max 4
These programs allow users to:
Create live-action animation
Bounce an object
Terms to know in animation
Common Terms in Animation Software
Frames per Second
The part of the animation program window where the animations content is
composed and manipulated.