Web Design Animations
Sasha-Gay Henry
620002440
Mc11u course
Tutor : Mr. D. Bain

DESIGN
Is every where. It
translates an idea into
something useful.
It combines and
manipulates different
types of media, such as
Text, Sound, Video,
Computer Graphics
and Animation.
Web Design and Animations
use designs as a means to
communicate, educate
and entertain.
Design aids in selling a product
or idea through effective visual
communication.

Web Design is the creation of web sites with

various computer software and development tools
 A web site is a collection of files and related
resources accessible through the World Wide Web
and organized under a particular domain name
e.g. (.com or .net).
 Typical files found at a Web site are HTML
documents with their associated graphic image
files (GIF, JPEG, etc.), scripted programs (in
Perl, CGI, Java, etc.), and similar resources. The
site's files are usually accessed through hypertext
or hyperlinks embedded in other files.

Two disciplines of Web Design
GRAPHIC DESIGN
ANIMATION
A creative and professional discipline which focus on
The rapid display of a visual communication and presentation. It includes a
sequence of images of 2-D or 3- combination of symbols, images and or words to create a
D artwork, or model positions in visual representation of ideas and messages.
order to create an optical illusion
of movement. Graphic designers may use typography, visual arts
and page layout techniques to produce the final result.
Clay animation uses figures
made of clay to create stop-motion
Before any graphic elements must be applied to a
animation. The figures may be framed
design originated by means of visual art skills, using
with wire inside, that can be
traditional media, to photography or computer generated
manipulated in order to pose the
art.
figures. Figures may also be made
entirely of clay, for example;
the characters in the movie Shrek

Process of giving the illusion of movement to drawings, models, or inanimate objects

using a computer programme. For example, the program currently used to display
this information to you can produce animation. The below icon is an example of
animation.
Approaches to animation
Pose-to-pose
Straight ahead
Top-down process:
Draw/animate one frame at a time
Plan shots using storyboards
Can lead to spontaneity, but is hard to
Plan key poses first
get exactly what you want.

The Final Year Show is a production put on by final year Carimac students. It
entails a show case of finished products of designs produced by talented
multimedia students. The final products are based on the use of any soft
ware and techniques taught and or learnt over the duration. These soft
wares include Adobe Photo shop, Adobe After effects, Adobe Illustrator and
Final Cut.
These soft wares aid in the process of Designing. For example
Animation, Music videos, Graphic designing, Editing and Websites.
Sources

http://www.cs.cornell.edu/courses/cs4620/2008fa/lectures/20ani
mation.pdf
http://www.fotosearch.com