1、動(dòng)畫素材,專題四-單元四,一、動(dòng)畫簡介,動(dòng)畫原理 人眼具有“視覺殘留”特性，當(dāng)一系列靜止的畫面以一定的速率連續(xù)播放時(shí)，就會(huì)形成運(yùn)動(dòng)的視覺效果。 幀與幀速率 動(dòng)畫中播放的每一幅畫面稱為一幀，每秒鐘播放的幀數(shù)稱為幀速率。 幀速率達(dá)到每秒 10 幀以上，產(chǎn)生運(yùn)動(dòng)感。幀速率達(dá)到每秒 15 幀以上，運(yùn)動(dòng)畫面平滑流暢。 電影的幀速率為每秒 24 幀。,一、動(dòng)畫簡介,常用的動(dòng)畫制作軟件 二維平面動(dòng)畫 GIF Animator Flash 三維立體動(dòng)畫 3D Studio MAX Maya Softimage 3D,二、Flash 軟件安裝與環(huán)境設(shè)置,Flash 軟件安裝 解壓、綠化 創(chuàng)建桌面快捷方式 Fla

2、sh 文件及打開方式 fla Flash 源文件，使用 Flash.exe 打開 swf Flash 動(dòng)畫文件，使用 FlashPlayer.exe 打開,三、Flash 軟件界面,菜單欄 舞臺(tái) 時(shí)間軸 屬性面板 庫面板 工具箱,時(shí)間軸,三、Flash 軟件界面,幀數(shù)率,運(yùn)行時(shí)間,三、Flash 軟件界面,屬性面板：根據(jù)所選擇的內(nèi)容不同，屬性面板發(fā)生變化 文檔屬性 散件屬性 元件屬性 幀屬性 工具屬性,三、Flash 軟件界面,工具箱,“繪圖”部分,“選取”部分,“填充”部分,“查看”部分,“顏色”部分,“選項(xiàng)”部分,練習(xí)：繪制橢圓,選擇“橢圓工具” 在“屬性面板”上設(shè)置“橢圓工具”的屬性：填

3、充，筆觸，起始結(jié)束角度，內(nèi)徑 按住 Shift 鍵，繪制正圓 用“選擇工具”雙擊選中橢圓，在“屬性面板”上修改“橢圓形 狀”的屬性：位置和大小，填充和筆觸,練習(xí)：繪制多邊形與星形,1. 使用“多角星形工具”繪制 5 邊形 2. 使用“多角星形工具”繪制 5 角幸運(yùn)星,四、散件,散件（形狀） 選中后呈現(xiàn)點(diǎn)狀紋理 可以部分選擇 用“選擇工具”選擇形狀的填充 用“選擇工具”選擇形狀的筆觸 用“選擇工具”或“套索工具”選擇形狀的一部分 可以任意變形 未選中形狀時(shí)，光標(biāo)接近形狀的角點(diǎn) ，可以改變角點(diǎn)的位置 未選中形狀時(shí)，光標(biāo)接近形狀的線條 ，可以改變線條的形狀 同一圖層中，互連的形狀會(huì)融合。,五、元件,

4、元件的類型 圖形元件 影片剪輯元件 按鈕元件 創(chuàng)建元件的方法 方法一：新建元件（Ctrl + F8） 方法二：轉(zhuǎn)換為元件（F8）,五、元件,元件的特點(diǎn) 選中后被藍(lán)框包圍 不可以部分選擇 即使在同一圖層中，也不相互融合,六、庫面板,庫是存放元件、圖片、聲音、視頻等元素的地方 庫中的資源可以重復(fù)使用,七、元件的實(shí)例,元件存放在庫里，將元件從庫拖到舞臺(tái)上，產(chǎn)生元件的一個(gè)“實(shí)例”。 元件的屬性 位置和大小 色彩效果：亮度、色調(diào)、Alpha,七、元件的實(shí)例,元件與實(shí)例的關(guān)系 實(shí)例依賴于元件而存在 修改元件，會(huì)更新所有實(shí)例 刪除元件，實(shí)例也會(huì)被刪除 實(shí)例可以有獨(dú)特個(gè)性 修改一個(gè)實(shí)例的大小、亮度、色調(diào)或透明

5、度，不會(huì)影響元件和其他實(shí)例,八、編輯元件,編輯元件 方法1：在舞臺(tái)上雙擊實(shí)例，進(jìn)入“元件編輯界面” 方法2：在庫面板中雙擊元件，進(jìn)入“元件編輯界面” 返回場(chǎng)景,單擊這里,九、幀,幀的類型 空白關(guān)鍵幀 ：無內(nèi)容的關(guān)鍵幀，可以編輯。 關(guān)鍵幀 ：有內(nèi)容的關(guān)鍵幀，可以編輯。 普通幀 ：內(nèi)容由 Flash 根據(jù)前一關(guān)鍵幀自動(dòng)生成，不 可以編輯。 補(bǔ)間幀 ：內(nèi)容由 Flash 根據(jù)開始關(guān)鍵幀和結(jié)束關(guān)鍵幀 自動(dòng)生成，不可以編輯。,九、幀,幀操作 在幀上右擊，在菜單中選擇相應(yīng)的操作 F6，插入關(guān)鍵幀（復(fù)制前一關(guān)鍵幀的圖像） F7，插入空白關(guān)鍵幀 F5，插入幀 按住【Shift】，可以選擇連續(xù)的多個(gè)幀 選中幀，

6、光標(biāo)尾部帶有方框 ，通過拖拽移動(dòng)幀的位置,九、幀的屬性,標(biāo)簽 補(bǔ)間 緩動(dòng) 0 均速運(yùn)動(dòng) 正值 減速運(yùn)動(dòng) 負(fù)值 加速運(yùn)動(dòng) 旋轉(zhuǎn) 順時(shí)針 逆時(shí)針 聲音,十、圖層,鎖定或解除鎖定圖層,將圖層顯示為輪廓,顯示或隱藏圖層,新建圖層,刪除圖層,新建文件夾,圖層：像透明的玻璃，用于管理多個(gè)形狀和動(dòng)畫,十一、Flash動(dòng)畫基本類型,逐幀動(dòng)畫：每一幀都是設(shè)計(jì)師繪制的關(guān)鍵幀。 補(bǔ)間動(dòng)畫：設(shè)計(jì)師只繪制首、尾關(guān)鍵幀，兩個(gè)關(guān)鍵幀之間的插補(bǔ)幀由 Flash 自動(dòng)運(yùn)算生成。 補(bǔ)間形狀：適用于散件 補(bǔ)間動(dòng)作：適用于元件的實(shí)例,十一、Flash 基本動(dòng)畫類型,1. 逐幀動(dòng)畫,逐幀動(dòng)畫：每一幀都是關(guān)鍵幀。 實(shí)例： （1）奔跑的小

7、人 （2）打字效果,（1）奔跑的小人,設(shè)置舞臺(tái)屬性，大小為 200 * 250，幀速率為 12 。 選擇菜單“文件導(dǎo)入導(dǎo)入到庫”，將 5 張小人圖片導(dǎo)入到庫。 在第 1 幀，從“庫”中將 01.gif 圖片拖到舞臺(tái)上。 在第 2 幀插入空白關(guān)鍵幀，從“庫”中將 02.gif 圖片拖到舞臺(tái)上。 在第 3 幀插入空白關(guān)鍵幀，從“庫”中將 03.gif 圖片拖到舞臺(tái)上。 在第 4 幀插入空白關(guān)鍵幀，從“庫”中將 04.gif 圖片拖到舞臺(tái)上。 在第 5 幀插入空白關(guān)鍵幀，從“庫”中將 05.gif 圖片拖到舞臺(tái)上。 保存文件，按“ Ctrl + Enter”測(cè)試影片。,（2）打字效果,設(shè)置舞臺(tái)屬性，

8、大小為 400 * 200，顏色為深藍(lán)。 在第 5 幀插入空白關(guān)鍵幀。 選用“文本工具”，在屬性面板上設(shè)置字體“黑體”，樣式“Bold”，大小“80點(diǎn)”，顏色“白”。 在舞臺(tái)上輸入文本“世界地理”。選中文本，按鍵盤上的“Ctrl+B”，將其打散為 4 個(gè)文本。 在第 10 幀插入關(guān)鍵幀。 在第 15 幀插入關(guān)鍵幀。 在第 20 幀插入關(guān)鍵幀。 在第 25 幀插入幀。 在第 5 幀刪除后 3 個(gè)文本。在第 10 幀刪除后 2 個(gè)文本。在第 15 幀刪除后 1 個(gè)文本。 保存文件，按“Ctrl + Enter”測(cè)試影片。,2. 形狀補(bǔ)間動(dòng)畫,形狀補(bǔ)間：用于“形狀”的變換 實(shí)例： （1）“圓形”變“

9、矩形” （2）變形文字“ABC” （3）變形圖片 “ 魚”,（1）圓形變矩形,設(shè)置舞臺(tái)屬性，大小為 400 * 300，顏色為深藍(lán)。 在第 1 幀的舞臺(tái)上繪制一個(gè)圓形（注意，這時(shí)第 1 幀由空白關(guān)鍵幀轉(zhuǎn)換為關(guān)鍵幀）。 在第 5 幀插入關(guān)鍵幀（注意，第 5 幀的圖像是對(duì)第 1 幀圖像的復(fù)制）。 在第 20 幀插入空白關(guān)鍵幀，在舞臺(tái)上繪制一個(gè)矩形。 在第 25 幀插入幀。 在 5 20 任意幀上右擊，選擇“創(chuàng)建補(bǔ)間形狀”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（2）變形文字,設(shè)置舞臺(tái)屬性，大小為 300 * 300，顏色為深藍(lán)。 選用“文本工具”，在屬性面板上設(shè)置字體“Arial”

10、，樣式“Bold”，大小“200點(diǎn)”，顏色“黃”。 在第 1 幀的舞臺(tái)上輸入文本“A”。 在第 5 幀插入關(guān)鍵幀。 在第 20 幀插入關(guān)鍵幀，將文本改為“B”。 在第 25 幀插入關(guān)鍵幀。 在第 40 幀插入關(guān)鍵幀，將文本改為“C”。 在第 45 幀插入關(guān)鍵幀。 在第 60 幀插入關(guān)鍵幀，將文本改為“A”。 在每個(gè)關(guān)鍵幀的舞臺(tái)上選中文字，按“Ctrl+B”將其打散。 在 525，2540，4560 幀上“創(chuàng)建補(bǔ)間形狀”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（3）變形圖片,設(shè)置舞臺(tái)屬性。 選擇菜單“文件導(dǎo)入導(dǎo)入到庫”，將圖片“魚”導(dǎo)入到庫。 在第 1 幀，從“庫”中將圖片“魚”

11、拖到舞臺(tái)上。 選擇“任意變形工具”，按住Shift鍵，等比例調(diào)整圖片的大小。 選中圖片“魚”，按“Ctrl+B”將其打散。 在第 10 幀插入關(guān)鍵幀。 在第 30 幀插入空白關(guān)鍵幀，輸入文本“魚”。 選中文本“魚”，按“Ctrl+B”將其打散。 在第 40 幀插入幀。 在 1030 幀上“創(chuàng)建補(bǔ)間形狀”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,3. 動(dòng)作補(bǔ)間動(dòng)畫,動(dòng)作補(bǔ)間：用于“實(shí)例”的變換 實(shí)例 （1）沿直線運(yùn)動(dòng)的小球 （2）時(shí)隱時(shí)現(xiàn)的小球 （3）心動(dòng) （4）星星旋轉(zhuǎn) （5）旋轉(zhuǎn)并移動(dòng)的矩形 （6）彈跳的小球 （7）水滴,（1）沿直線運(yùn)動(dòng)的小球,設(shè)置舞臺(tái)屬性，大小為 600 *

12、 200，顏色為淺藍(lán)。 在第 1 幀的舞臺(tái)上繪制一個(gè)小球（筆觸顏色為無、填充顏色為放射狀漸變），將小球置于舞臺(tái)左邊。 選中小球，按鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。 在第 24 幀插入關(guān)鍵幀。 在第 24 幀的舞臺(tái)上，按住 Shift 鍵，水平向右移動(dòng)小球。 在 124 任意幀上右擊， 選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（2）時(shí)隱時(shí)現(xiàn)的小球,設(shè)置舞臺(tái)屬性，大小為 600 * 200，顏色為淺藍(lán)。 在第 1 幀的舞臺(tái)上繪制一個(gè)小球，將小球置于舞臺(tái)左邊。 選中小球，按鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。 在第 15 幀插入關(guān)鍵幀，按住 Shift 鍵將小

13、球移動(dòng)到舞臺(tái)中央。 在第 30 幀插入關(guān)鍵幀，按住 Shift 鍵將小球移動(dòng)到舞臺(tái)右邊。 選中第 15 幀，在舞臺(tái)上選中小球元件，在屬性面板上設(shè) 置 “色彩效果樣式Alpha” 值為 0。 在 115 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 在 1530 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（3）心動(dòng),新建文件，設(shè)置舞臺(tái)屬性。 選擇菜單“視圖網(wǎng)格顯示網(wǎng)絡(luò)”。 選擇菜單“視圖網(wǎng)格編輯網(wǎng)絡(luò)”，設(shè)置如圖： 選擇菜單“視圖標(biāo)尺”。然后從標(biāo)尺中拖出 輔助線，如圖：,（3）心動(dòng),選擇“鋼筆工具”，在“屬性面板”上設(shè)置“筆觸”顏色為黑色， “筆觸”寬度為“

14、1”，在第 1 幀的舞臺(tái)上繪制一個(gè)心形。 繪制完成后，切換到“選擇工具”。 選擇“窗口顏色”菜單命令，在顏色面板上設(shè)置“填充”類型和顏色，如圖：,使用“顏料桶工具”，填充心形。注意：如果不能填充，請(qǐng)?jiān)O(shè)置顏料桶工具的“空隙大小”選項(xiàng)為“封閉大空隙”。,（3）心動(dòng),刪除心形的筆觸。 選中心形，按鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。 使用“任意變形工具”，按住 Shift 鍵，將心形等比例縮小。 在第 15 幀插入關(guān)鍵幀。 在第 30 幀插入關(guān)鍵幀。 在第 15 幀，使用“任意變形工具”，按住 Shift 鍵，將心形等比例放大，并旋轉(zhuǎn)一定的角度。 在 115 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 在

15、 1530 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（3）心動(dòng),（4）星星旋轉(zhuǎn),設(shè)置舞臺(tái)屬性，大小為 300 * 300，顏色為深藍(lán)。 在第 1 幀的舞臺(tái)上繪制一個(gè)星形。 選中星形，按 鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。 在第 24 幀插入關(guān)鍵幀。 在 124 任意幀上右擊， 選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 選中 124 任意一幀，在屬性面板上設(shè) 置“旋轉(zhuǎn)值”為 “順時(shí)針”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（5）矩形旋轉(zhuǎn)并移動(dòng),設(shè)置舞臺(tái)屬性，大小為 600 * 200，顏色為淺藍(lán)。 在第 1 幀的舞臺(tái)上繪制一個(gè)矩形，將矩形置于舞

16、臺(tái)左邊。 選中矩形，按鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。 在第 24 幀插入關(guān)鍵幀，按住 Shift 鍵將矩形移動(dòng)到舞臺(tái)右邊。 在 124 任意幀上右擊， 選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 選中 124 任意一幀，在屬性面板上設(shè) 置“旋轉(zhuǎn)值”為 “順時(shí)針”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（6）球體彈跳,設(shè)置舞臺(tái)屬性，大小為 200 * 600，顏色為淺藍(lán)。 在第 1 幀的舞臺(tái)上繪制一個(gè)小球，將小球置于舞臺(tái)頂部。 選中小球，按 鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。 在第 15 幀插入關(guān)鍵幀。 在第 30 幀插入關(guān)鍵幀。 選中第 15 幀，按住 Shift 鍵將小球移動(dòng)到舞臺(tái)底部。

17、 在 115 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”，在屬性面板上設(shè)置緩動(dòng)值為“-100（加速運(yùn)動(dòng)）”。 在 1530 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間” ，在屬性面板上設(shè)置緩動(dòng)值為“100（減速運(yùn)動(dòng)）”。,（7）水滴,設(shè)置舞臺(tái)屬性，大小為 500 * 500，顏色為深藍(lán)。 將第 1 圖層命名為“水滴”。 在第 1 幀的舞臺(tái)上使用“鋼筆工具”繪制一個(gè)水滴。 選擇菜單“窗口顏色”，在顏色面板上設(shè)置“填充”類型和顏色，如圖：,（7）水滴,使用“顏料桶工具”，填充水滴。 刪除水滴的筆觸。 選中水滴，按鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。 使用“任意變形工具”，按住 Shift 鍵，等比例調(diào)整水滴大小。

18、在第 15 幀插入關(guān)鍵幀，按住 Shift 鍵將水滴移動(dòng)到舞臺(tái)下方。 在 115 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”，在屬性面板上設(shè)置緩動(dòng)值為“-100”。 新建第 2 圖層 ，將第 2 圖層命名為“漣漪”。 在第 15 幀插入關(guān)鍵幀，使用“橢圓工具”繪制漣漪（白邊空心橢圓）。 選中漣漪，按鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。,（7）水滴,將“漣漪”圖層調(diào)整到“水滴”圖層的下方。 在“漣漪”圖層的第 30 幀插入關(guān)鍵幀。使用“任意變形工具”，按住 Shift 鍵，等比例放大“漣漪”。在舞臺(tái)上選中“漣漪”，在屬性面板上設(shè)置其 Alpha 值為 0。 在“漣漪”圖層的 15 30 任意幀上右擊，選

19、擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,十二、Flash 動(dòng)畫其它類型,路徑動(dòng)畫：添加運(yùn)動(dòng)引導(dǎo)層 遮罩動(dòng)畫：設(shè)置遮罩層 腳本動(dòng)畫：添加 ActionScript 語言,1. 路徑動(dòng)畫,制作路徑動(dòng)畫的步驟： （1）制作一個(gè)“傳統(tǒng)補(bǔ)間”動(dòng)畫 （2）添加“傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層” （3）繪制路徑 （4）對(duì)齊路徑 （5）調(diào)整到路徑 實(shí)例 （1）沿曲線運(yùn)動(dòng)的小球 （2）飛舞的蝴蝶 （3）月球繞地球運(yùn)動(dòng),（1）沿曲線運(yùn)動(dòng)的小球,新建文件，設(shè)置舞臺(tái)屬性。 在第 1 幀的舞臺(tái)上繪制一個(gè)小球，并放置在舞臺(tái)左邊。 選中小球，按鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。 在第 30 幀插入關(guān)鍵幀

20、， 在 1 30 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 在“圖層 1”上右擊，選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”。然后用“鉛筆”工具的“平滑模式”繪制路徑。 選中圖層 1，分別將第 1 幀和第 30 幀舞臺(tái)上的小球?qū)R到路徑兩端。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（2）飛舞的蝴蝶,新建文件，設(shè)置舞臺(tái)屬性，幀速率為 12。 選擇菜單“文件導(dǎo)入導(dǎo)入到庫”，將圖片“蝴蝶.gif”導(dǎo)入到庫。注意，此時(shí)庫里的“蝴蝶.gif（相當(dāng)于位圖 1）、位圖 2、位圖 3”等都是靜態(tài)圖片，只有影片剪輯“元件1”是動(dòng)態(tài)的蝴蝶。 在第 1 幀，從“庫”中將“元件1”拖到舞臺(tái)上，并放置在舞臺(tái)左邊。 在第 80

21、 幀插入關(guān)鍵幀。 在 1 80 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 在“圖層 1”上右擊，選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”。然后用“鉛筆”工具的“平滑模式”繪制路徑。 選中圖層 1，分別將第 1 幀和第 80 幀舞臺(tái)上的蝴蝶對(duì)齊到路徑兩端。 選中 180 任意一幀，在屬性面板上勾選“調(diào)整到路徑”。 保存文件，按“Ctrl + Enter”測(cè)試影片。,（3）月球繞地球運(yùn)動(dòng),新建文件，設(shè)置舞臺(tái)屬性。 將圖層 1 命名為“地球”。在該圖層第 1 幀的舞臺(tái)上繪制一個(gè)藍(lán)色圓形作為地球，并放置在舞臺(tái)中心。在第 60 幀插入幀。 將圖層 2 命名為“月亮”。在該圖層第 1 幀的舞臺(tái)上繪制一個(gè)黃色圓形作為月亮。選

22、中黃色圓形，按鍵盤上的 F8 ，將其轉(zhuǎn)為圖形元件。在第 60 幀插入關(guān)鍵幀。 在“月亮”圖層的 1 60 任意幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 在“月亮”圖層上右擊，選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”。用“橢圓”工具繪制圓形路徑。然后用“橡皮”工具在圓形路徑上擦出一個(gè)開口。 選中“月亮”圖層，分別將第 1 幀和第 60 幀舞臺(tái)上的黃色圓形對(duì)齊到路徑兩端。 保存文件，按“Ctrl + Enter”測(cè)試影片。,2. 遮罩動(dòng)畫,遮罩的概念 “遮罩層”用于遮擋“被遮罩層” 遮罩層上的內(nèi)容就像一個(gè)“洞”把“被遮罩層”顯示出來 實(shí)例 （1）五彩文字 （2）探照燈,（1）五彩文字,新建文件，設(shè)置舞臺(tái)屬性。 選擇菜單“窗口顏色”，在顏色面板上設(shè)置“筆觸”為“無”?！疤畛洹鳖愋蜑椤熬€性漸變”，顏色如圖： 在圖層 1 第 1 幀的舞臺(tái)上繪制一個(gè)矩形，放置在舞臺(tái)中央，寬度大約為四分之三個(gè)舞臺(tái)。 新建圖層 2。在圖層 2 第 1 幀的舞臺(tái)