作為展現Internet風采的重要載體，Web頁面受到了人們的重視。幾年前，在Sun公司的網頁上出現了裝有一杯熱氣騰騰的咖啡圖片，杯上的熱氣會不斷地變幻，在當時引起了極大的轟動，人們爭相瀏覽這個站點。制作精妙的Web頁面成為眾多公司和個人追求的目標，制作和發布Web頁面技術和理論也隨之迅速發展。
　　現在，人們遠遠不滿足于這樣死板的類似純文本式的Web頁面，隨著HTML語言的擴展和對圖片、聲音、視頻影像的支持，使得人們可以在Web頁面中加入動畫，比如GIF動畫。并在頁面中加入JavaScript、VBScript等腳本語言以及Java小程序來接收用戶的信息并給出具體響應，比如，當用戶把鼠標移到頁面中的一個地方，Web頁面中將給出友好的動畫文本提示。這種效果令人興奮，它大大區別于以前的Web頁面，具有了個性化的交互功能。
第一節　動畫的基礎
我們在屏幕上看到動態效果，其實是融合了很多的技術。動畫吸引人的地方就在于“動”，Web動畫的動同樣是依賴于“視覺暫留”現象的。什么是“視覺暫留”呢？這個術語是指光刺激在視網膜上逗留的時間比它從我們眼前閃過的實際時間要稍微長些。比如，您站在一間黑暗的浴室里，迅速開燈，然后馬上關掉，您可以發現您的身影是從鏡子里漸漸消失的。
一、動畫的定義
動畫在英文里是Animation。世界上著名的動畫藝術家英國人約翰·漢斯曾指出：“運行是動畫的本質”。也有人說：“動畫是運動的藝術”。總之運動與動畫分不開。
　　下列兩定義是公認的：
1．動畫是通過連續多格的膠片拍攝一系列的單個畫面，從而產生運動視覺的技術。這種視覺是通過將膠片以一定的速率放映的形式而體現出來的。
2．動畫是一種動態生成一系列相近畫面的處理方法，不過需要補充和修改的是：動畫不單是記錄在膠片上，而且還記錄在磁盤、光盤等介質上。放映的方法不單是使用燈光投影到屏幕上的方法，而且還使用電視屏幕、圖形顯示器、投影儀等進行顯示；動畫中不單是實體在運動，而且顏色、紋理、燈光也可以不斷改變。
二、介紹動畫的常用術語
每一門學科中都有許多相關的術語，web動畫也一樣，這里，我們主要了解一下關于web動畫的一些術語，為以后制作動畫打好基礎。
1．幀每秒
就是一秒中處理幀的數目。一般來講每秒10幀左右是產生動感效果的最低速度 ，但是web上的動畫的每秒幀數卻從1到30幀都有。要使控制效果較好，就要做到接近每秒20幀，所以在制做動畫的大小幀和數據速率時，要考慮好這些數據。
2．幀尺寸
表示橫向像素數與縱向像素數的乘積，例如，電視畫面的幀是640×480像素，web動畫可以根據用戶計算機的下載和回放的性能設計成任意的尺寸。
3．動畫尺寸
通常是指按千字節來計算動畫文件在硬盤上儲存所需要占用的空間。要注意不要與幀尺寸或分辨率相混淆。
4．數據速率
是播放一幅動畫時所用的數據量的描述。通常用千字每秒表示，這個數目對于流式動畫有很大作用。因為要下載動畫，必須首先考慮整個動畫文件的大小。
5．連接速度
是指在單位時間內通過網絡傳輸到用戶計算機上的數據總量，通常用千字每秒來表示。要注意區分調制解調器的速度和網絡速度分別以波特率和千比特每秒來表示。
6．色度
定義了一個圖或動畫中可以使用的顏色的數目。是以2的階乘來計算的， 例如: 一個8位灰度的調色板定義了從白色到黑色的256種灰度，4位灰度的調色板只有從白色到黑色的16級灰度，而一位的調色板只能顯示出純白色或純黑色。
7．調色板
圖像的調色板實際像是一個給定的蠟筆盒，給圖片提供許多不同的顏色。
有16位或24位顏色的系統的用戶不會注意到調色板的問題，因為他們的計算機能顯示上萬種或上千萬種不同的顏色，這比要準確的顯示一張圖片實際所需要的顏色多得多。而多數只有8位(256色)的顯示，所以多數web動畫在這種系統上都被迫服從這種限制。
8．抖動
抖動混合了使用較少顏色的調色板中的一些顏色，使其接近圖像中所需要的顏色。抖動是把調色板中的不同顏色的像素通過交疊來實現的。它不如純色那樣平滑，如果仔細看，您可以看到用于模仿出新的顏色的微小區域，抖動是保持圖像質量的好辦法，但它對圖像的壓縮卻總是不利的。
三、動畫片的傳統生產方法
1．動畫片的生產過程
動畫片的生產過程分為以下若干環節：
(1)劇本，動畫片通常描述一個故事，為描述這個故事，需要擬定下列幾個材料：
即故事提要、文學劇本和分鏡頭劇本。分鏡頭劇本也叫做故事板。
(2)設計稿，對動畫片中出現的各種角色的造型、動作、色彩、背景等作出設計。設計者必須完成必要數量的手稿圖工作。
(3)聲音節拍，即確定動作與對話、聲音相配的一致性。
(4)關鍵幀，這是那些位于動畫系列中具有動作極限位置的重要畫面。通常由經驗豐富的動畫設計師完成。
(5)中間畫，它是那些位于兩個關鍵幀之間的畫面。通常由輔助動畫設計者及其助手完成。
(6)測試，關鍵幀與中間畫面的初稿通常是鉛筆稿圖，為了初步測定動作的造型，可將這些圖輸入動畫測試臺進行檢測，這一過程叫做鉛筆稿測試。
(7)描線，把鉛筆稿圖手工描在透明片上，然后描線上墨。
(8)上色，給各幅畫面在透明片上涂上染料，這個工作需要耐心和準確，透明片要有良好的透明度。
(9)檢查，拍攝之前進行各種檢查。
(10)拍攝，這一工序在動畫攝制臺上完成。動畫攝影師把動畫系列通過拍攝依次記錄在膠片上。
(11)后期制作，如編輯、剪接、對白、配音、字幕等。
2．格、幅
動畫片的最小長度單位是格。按每秒24格計算，十分鐘的動畫片長度是14400格，在卡通片中，常常兩格拍攝同一幅畫面(叫一拍二)或三格拍攝同一幅畫面(叫一拍三)。這樣，同樣長度的動畫片所需的幅數減少原來的1/2或1/3。但拍攝的總格數不變。
3．關鍵幀與中間畫
關鍵幀往往表示動作的極限位置、一個角色的特征表達或其它重要內容。關鍵幀的選擇與設計主要由經驗豐富的動畫師完成。圖1-1表示了從故事板上選取的兩個關鍵幀。
   從故事上取下的關鍵幀一般動作間隔還偏大，仍不容易畫出中間的畫面。為此在這些關鍵幀中還要插入一些更詳細的動作幅度最小的關鍵幀，圖1-2所示是為圖1-1中兩個關鍵幀插入的更詳細的關鍵幀，也叫小原畫。
    一旦關鍵幀指定之后，就可以畫出中間畫，顧名思義，中間畫就是位于關鍵幀之間的過渡畫。不止有一張，可能有若干張，有了它們，動作就自然流暢了。大多數情況下，畫中間畫是簡單的、機械的、繁重的熟練工作。