最簡單實用的Flash教程.ppt

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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