Flash動畫制作基礎

1、地址:北京百萬莊大街22號 郵編:100037 編輯熱線: 22 :100037 : 本章要點本章要點第1章 Flash動畫制作基礎22 :100037 : 1.1Flash動畫概述動畫概述1.1.1動畫的概念與制作流程動畫的概念與制作流程動畫是利用人的動畫是利用人的“視覺暫留視覺暫留”特性，連續(xù)播放一系列畫面，給視覺造成連續(xù)變化的特性，連續(xù)播放一系列畫面，給視覺造成連續(xù)變化的圖畫，如圖所示。它的基本原理與電影、電視一樣，都是視覺原理。圖畫，如圖所示。它的基本原理與電影、電視一樣，都是視覺原理。其中，其中，“視覺暫留視覺暫留”特性是人的眼睛看到一幅畫或一個物體后，在特性是人的眼睛看到一幅畫或一

2、個物體后，在1/24秒內秒內不會消失。利用這一原理，在一幅畫還沒有消失前播放出下一幅畫，就會給人不會消失。利用這一原理，在一幅畫還沒有消失前播放出下一幅畫，就會給人造成一種流暢的視覺變化效果。造成一種流暢的視覺變化效果。22 :100037 : 1.1Flash動畫概述動畫概述制作流程制作流程 1.前期策劃與籌備階段前期策劃與籌備階段前期策劃包括前期策劃包括選題報告、形象素材籌備，故事腳本（文學劇本）選題報告、形象素材籌備，故事腳本（文學劇本） 、角色與環(huán)、角色與環(huán)境設定、畫面分鏡頭初稿、生產進度日程安排圖表。境設定、畫面分鏡頭初稿、生產進度日程安排圖表。 2.中期創(chuàng)作與制作階段中期創(chuàng)作與制作

3、階段主要包括原畫、動畫、背景繪制、掃描、修線填色、合成及編輯等。原畫與動畫主要包括原畫、動畫、背景繪制、掃描、修線填色、合成及編輯等。原畫與動畫以及背景主要依靠鉛筆和紙繪出草稿再掃描數字化?，F(xiàn)在開始使用無紙動畫這一制作以及背景主要依靠鉛筆和紙繪出草稿再掃描數字化。現(xiàn)在開始使用無紙動畫這一制作方式。即使用鼠標、壓感筆和數位板。方式。即使用鼠標、壓感筆和數位板。 3.后期加工階段后期加工階段最終將二維動畫軟件的作品輸出為視頻文件再對這些視頻文件進行一些合成以及最終將二維動畫軟件的作品輸出為視頻文件再對這些視頻文件進行一些合成以及剪輯工作就成為了動畫片。剪輯工作就成為了動畫片。22 :100037

4、: 1.1Flash動畫概述動畫概述1.1.2 Flash動畫及特點動畫及特點動畫短小動畫短小 Flash動畫受網絡資源的制約一般比較短小，但繪制的畫面是矢量動畫受網絡資源的制約一般比較短小，但繪制的畫面是矢量格式，無論把它放大多少倍都不會失真。格式，無論把它放大多少倍都不會失真。交互性強交互性強 Flash動畫具有交互性優(yōu)勢，可以通過單擊、選擇等動作決定動畫動畫具有交互性優(yōu)勢，可以通過單擊、選擇等動作決定動畫的運行過程和結果，是傳統(tǒng)動畫所無法比擬的。的運行過程和結果，是傳統(tǒng)動畫所無法比擬的。具有廣泛傳播性具有廣泛傳播性 Flash動畫由于文件小、傳輸速度快、播放采用流式技術的動畫由于文件小、

5、傳輸速度快、播放采用流式技術的特點，所以在網上供人欣賞和下載，具有較好的廣泛傳播性。特點，所以在網上供人欣賞和下載，具有較好的廣泛傳播性。輕便與靈巧輕便與靈巧 Flash動畫有嶄新的視覺效果，成為一種新時代的藝術表現(xiàn)形式。動畫有嶄新的視覺效果，成為一種新時代的藝術表現(xiàn)形式。比傳統(tǒng)的動畫更加輕便與靈巧。比傳統(tǒng)的動畫更加輕便與靈巧。人力少，成本低人力少，成本低 Flash動畫制作的成本非常低，使用動畫制作的成本非常低，使用Flash制作的動畫能夠制作的動畫能夠大大地減少人力、物力資源的消耗。同時，在制作時間上也會大大減少。大大地減少人力、物力資源的消耗。同時，在制作時間上也會大大減少。22 :10

6、0037 : 1.1Flash動畫概述動畫概述1.1.3 Flash動畫的應用領域動畫的應用領域網絡廣告網絡廣告注:本廣告動畫來自新浪網22 :100037 : 1.1Flash動畫概述動畫概述1.1.3 Flash動畫的應用領域動畫的應用領域網站建設網站建設注:本圖片來自中國網頁設計聯(lián)盟網 瀏覽網站22 :100037 : 1.1Flash動畫概述動畫概述1.1.3 Flash動畫的應用領域動畫的應用領域網站片頭網站片頭注:本廣告動畫來自安踏運動鞋網站片頭22 :100037 : 1.1Flash動畫概述動畫概述1.1.3 Flash動畫的應用領域動畫的應用領域網站短片網站短片22 :100

7、037 : 1.1Flash動畫概述動畫概述1.1.3 Flash動畫的應用領域動畫的應用領域原理演示原理演示22 :100037 : 1.1Flash動畫概述動畫概述1.1.3 Flash動畫的應用領域動畫的應用領域原理演示原理演示22 :100037 : 1.2圖像的基礎知識圖像的基礎知識1.2.1像素和分辨率像素和分辨率像素是構成圖像的最小單位，它的形態(tài)是一個小方點。很多個像素組合在一起就構像素是構成圖像的最小單位，它的形態(tài)是一個小方點。很多個像素組合在一起就構成了一幅圖像，組合成圖像的每一個像素只顯示一種顏色。由于圖像能記錄下每一個成了一幅圖像，組合成圖像的每一個像素只顯示一種顏色。由

8、于圖像能記錄下每一個像素的數據信息，因而可以精確的記錄色調豐富的圖像，逼真地表現(xiàn)自然界的景觀。像素的數據信息，因而可以精確的記錄色調豐富的圖像，逼真地表現(xiàn)自然界的景觀。22 :100037 : 1.2圖像的基礎知識圖像的基礎知識分辨率是圖像處理中一個非常重要的概念，它是指位圖圖像在每英寸上所包含分辨率是圖像處理中一個非常重要的概念，它是指位圖圖像在每英寸上所包含的像素數量，單位使用每英寸的像素數的像素數量，單位使用每英寸的像素數PPI（Pixels/Inch）來表示。圖像分辨率）來表示。圖像分辨率的高低直接影響圖像的質量，分辨率越高，文件也就越大，圖像也會越清晰，的高低直接影響圖像的質量，分辨

9、率越高，文件也就越大，圖像也會越清晰，（300PPI）所示，處理速度也會變慢；反之，分辨率越低，圖像就越模糊，）所示，處理速度也會變慢；反之，分辨率越低，圖像就越模糊，（72PPI）所示，文件也會越小。）所示，文件也會越小。 分辨率高的圖像 分辨率低的圖像 22 :100037 : 1.2圖像的基礎知識圖像的基礎知識1.2.2位圖與矢量圖位圖與矢量圖位圖又稱為點陣圖，是由許多點組成，這些點為像素（位圖又稱為點陣圖，是由許多點組成，這些點為像素（pixel）。當許多不同顏）。當許多不同顏色的點（即像素）組合在一起后，便構成了一幅完整的圖像。色的點（即像素）組合在一起后，便構成了一幅完整的圖像。位

10、圖可以記錄每一個點的數據信息，因而可以精確地制作出色彩和色調變化豐位圖可以記錄每一個點的數據信息，因而可以精確地制作出色彩和色調變化豐富的圖像，可以逼真地表現(xiàn)自然界的景象，達到照片般的品質。但是，它由于所富的圖像，可以逼真地表現(xiàn)自然界的景象，達到照片般的品質。但是，它由于所包含的圖像像素數目是一定的，若將圖像放大到一定程度后，圖像就會失真，邊包含的圖像像素數目是一定的，若將圖像放大到一定程度后，圖像就會失真，邊緣會出現(xiàn)鋸齒，如圖緣會出現(xiàn)鋸齒，如圖1-4所示。所示。 位圖的原效果與放大后的效果22 :100037 : 1.2圖像的基礎知識圖像的基礎知識矢量圖形也稱為向量式圖形，它用數學的矢量方式

11、來記錄圖像內容，以線條和矢量圖形也稱為向量式圖形，它用數學的矢量方式來記錄圖像內容，以線條和色塊為主，這類對象的線條非常光滑、流暢，可以進行無限的放大、縮小或旋轉色塊為主，這類對象的線條非常光滑、流暢，可以進行無限的放大、縮小或旋轉等操作，并且不會失真，如圖所示。矢量圖不宜制作色調豐富或者色彩變化太多等操作，并且不會失真，如圖所示。矢量圖不宜制作色調豐富或者色彩變化太多的圖形，而且繪制出來的圖形無法像位圖那樣精確地描繪各種絢麗的景象。的圖形，而且繪制出來的圖形無法像位圖那樣精確地描繪各種絢麗的景象。 矢量圖的原效果與放大后的效果22 :100037 : 1.3 Flash CS5的工作環(huán)境的工

12、作環(huán)境從模板創(chuàng)建新建學習打 開 最 近 的項目官 方 資 源 的快速訪問開始頁開始頁22 :100037 : 1.3 Flash CS5的工作環(huán)境的工作環(huán)境面板組舞臺工具欄時間軸菜單欄文件選項卡工作區(qū)工作窗口工作窗口22 :100037 : 1.3 Flash CS5的工作環(huán)境的工作環(huán)境時間軸時間軸工具箱工具箱22 :100037 : 1.3 Flash CS5的工作環(huán)境的工作環(huán)境面板演示“屬性”面板“庫”面板“庫”面板22 :100037 : 1.3 Flash CS5的工作環(huán)境的工作環(huán)境面板演示“信息”面板“變形”面板“變形”面板22 :100037 : 1.3 Flash CS5的工作環(huán)

13、境的工作環(huán)境網格、標尺和輔助線執(zhí)行“視圖”“網格”“顯示網格”命令，可以顯示網格線，如圖所示22 :100037 : 1.3 Flash CS5的工作環(huán)境的工作環(huán)境網格、標尺和輔助線執(zhí)行“視圖”“網格”“編輯網格”命令，打開“網格”對話框，如圖所示22 :100037 : 1.3 Flash CS5的工作環(huán)境的工作環(huán)境網格、標尺和輔助線選擇“視圖”“標尺”命令，可以顯示或隱藏標尺，如圖所示22 :100037 : 1.3 Flash CS5的工作環(huán)境的工作環(huán)境網格、標尺和輔助線標尺狀態(tài)的輔助線，如圖所示。22 :100037 : 1.3 Flash CS5的基本操作方法的基本操作方法1.4.1

14、 Flash動畫的制作流程動畫的制作流程1準備素材準備素材根據動畫的內容需要準備一些動畫素材，包括音頻素材（聲效、音效）、圖根據動畫的內容需要準備一些動畫素材，包括音頻素材（聲效、音效）、圖像素材、視頻素材等。一般情況下，需要對這些素材進行采集、編輯與整理，像素材、視頻素材等。一般情況下，需要對這些素材進行采集、編輯與整理，以滿足動畫制作的需求。以滿足動畫制作的需求。2新建新建Flash影片文檔影片文檔Flash影片文檔有兩種創(chuàng)建方法。一種是新建空白影片文檔，另一種是從模影片文檔有兩種創(chuàng)建方法。一種是新建空白影片文檔，另一種是從模板創(chuàng)建影片文檔。在板創(chuàng)建影片文檔。在Flash CS5中，新建空

15、白影片文檔有兩種類型，一種是中，新建空白影片文檔有兩種類型，一種是“Flash文件（文件（ActionScript3.0）”，另一種是，另一種是“Flash文件文件（ActionScript2.0）”，這兩種類型的影片文檔不同之處在于前一個的動作腳，這兩種類型的影片文檔不同之處在于前一個的動作腳本語言是本語言是ActionScript3.0，后一個的腳本語言是，后一個的腳本語言是ActionScript2.0。22 :100037 : 1.3 Flash CS5的基本操作方法的基本操作方法1.4.1 Flash動畫的制作流程動畫的制作流程3設置文檔屬性設置文檔屬性在正式動畫制作之前，要先設置好

16、尺寸（舞臺的尺寸）、背景顏色（舞臺背在正式動畫制作之前，要先設置好尺寸（舞臺的尺寸）、背景顏色（舞臺背景色）、幀頻（每秒鐘播放的幀數）等文檔屬性。這些操作要在景色）、幀頻（每秒鐘播放的幀數）等文檔屬性。這些操作要在“文檔屬性文檔屬性”對話框中進行。對話框中進行。4制作動畫制作動畫這是完成動畫效果制作的最主要的步驟。一般情況下，需要先創(chuàng)建動畫角色，這是完成動畫效果制作的最主要的步驟。一般情況下，需要先創(chuàng)建動畫角色，可以用繪圖工具繪制，也可以導入外部的素材，然后在時間軸上組織和編輯動可以用繪圖工具繪制，也可以導入外部的素材，然后在時間軸上組織和編輯動畫效果。畫效果。22 :100037 : 1.3

17、 Flash CS5的基本操作方法的基本操作方法1.4.1 Flash動畫的制作流程動畫的制作流程5測試和保存動畫測試和保存動畫動畫制作完成后，可以執(zhí)行動畫制作完成后，可以執(zhí)行“控制控制”“測試影片測試影片”命令（快捷鍵命令（快捷鍵）對影片效果進行測試，如果滿意可以執(zhí)行）對影片效果進行測試，如果滿意可以執(zhí)行“文件文件”“保存保存”命令（或按命令（或按）保存影片。為了安全，在動畫制作過程中要經常保存文）保存影片。為了安全，在動畫制作過程中要經常保存文件。按件。按可以快速保存文件?？梢钥焖俦４嫖募?。6導出和發(fā)布影片導出和發(fā)布影片如果對制作的動畫效果比較滿意了，組后可以導出或者發(fā)布影片。執(zhí)行如果對制

18、作的動畫效果比較滿意了，組后可以導出或者發(fā)布影片。執(zhí)行“文文件件”“導出導出”“導出影片導出影片”命令，可以導出影片。執(zhí)行命令，可以導出影片。執(zhí)行“文件文件”“發(fā)布發(fā)布”命令可以發(fā)布影片，通過發(fā)布影片可以得到更多類型的目標文件命令可以發(fā)布影片，通過發(fā)布影片可以得到更多類型的目標文件。22 :100037 : 1.3 Flash CS5的基本操作方法的基本操作方法1.4.1 Flash動畫的制作流程動畫的制作流程制作第一個制作第一個Flash影片影片22 :100037 : 1.5 Flash專業(yè)快捷鍵應用專業(yè)快捷鍵應用1.3.1快捷鍵指法應用快捷鍵指法應用1指法介紹指法介紹平面設計的中平面設計

19、的中Flash軟件的快捷鍵相當豐富，在這里舉幾個例子來說明快捷鍵的軟件的快捷鍵相當豐富，在這里舉幾個例子來說明快捷鍵的使用方法與技巧：使用方法與技巧：快捷鍵快捷鍵的功能是選擇全部。的功能是選擇全部。操作含義：按下操作含義：按下鍵不松手，然后按一下鍵不松手，然后按一下鍵，最后松開所有按鍵。鍵，最后松開所有按鍵。操作要點：按下第一個組合鍵時不可松手，確保在按下它的前提下，去按第二個操作要點：按下第一個組合鍵時不可松手，確保在按下它的前提下，去按第二個組合鍵，同樣在按二個組合鍵時第一個組合鍵不可松開。組合鍵，同樣在按二個組合鍵時第一個組合鍵不可松開。操作指法（以左手操作鍵盤，右手操作鼠標為例），如圖

20、所示操作指法（以左手操作鍵盤，右手操作鼠標為例），如圖所示快捷鍵的指法操作技巧22 :100037 : 1.5 Flash專業(yè)快捷鍵應用專業(yè)快捷鍵應用1.5.2常用快捷鍵常用快捷鍵表1-1 Flash常用工具快捷鍵一覽表快捷鍵功能與作用快捷鍵功能與作用V選取工具A部分選取工具N線條工具L套索工具P鋼筆工具T文本工具O橢圓工具R矩形工具Y鉛筆工具B畫筆工具Q任意變形工具F填充變形工具S墨水瓶工具K顏料桶工具I滴管工具E橡皮擦工具H手形工具Z 縮放工具22 :100037 : 1.5 Flash專業(yè)快捷鍵應用專業(yè)快捷鍵應用1.5.2常用快捷鍵常用快捷鍵表1-2 Flash常用快捷鍵一覽表快捷鍵功能與作用快捷鍵功能與作用Ctrl+N新建圖形文件Ctrl+W關閉