falsh制作基礎(chǔ)課件第十三章

1、/第十三章 / 綜合實(shí)例應(yīng)用 一、制作平板電腦閃光效果 （1）打開Flash軟件，新建Flash文檔，將素材圖片“平板電腦”導(dǎo)入舞臺(tái)，并調(diào)整好大小。將該圖層命名為“素材”，在第50幀處按【F5】鍵插入幀延長(zhǎng)時(shí)間，如圖13-1所示。 （2）新建圖層2，命名為“遮擋1”，利用【鋼筆工具】沿平板電腦的屏幕邊緣進(jìn)行繪制，并填充顏色，如圖13-2所示。 （3）新建圖層3，命名為“高光1”，利用【矩形工具】制作光束，并將光束轉(zhuǎn)化為影片剪輯元件，調(diào)整光束后將其放置在平板電腦右邊，如圖13-3所示。 （4）調(diào)整光束參數(shù)屬性，將【Alpha】設(shè)置為“10%”，添加【模糊】濾鏡，將其模糊值均設(shè)為“11”像素，如圖

2、13-4所示。 /第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用 （4）調(diào)整光束參數(shù)屬性，將【Alpha】設(shè)置為“10%”，添加【模糊】濾鏡，將其模糊值均設(shè)為“11”像素，如圖13-4所示。 （5）在“高光1”圖層中第20幀位置插入關(guān)鍵幀，創(chuàng)建傳統(tǒng)補(bǔ)間，做出光束從右向左劃過效果。并將“遮擋1”圖層移至上方，將此圖層改為遮罩層，如圖13-5所示。/第十三章 / 綜合實(shí)例應(yīng)用 （6）新建圖層4，命名為“遮擋2”，將平板電腦邊緣填充顏色，如圖13-6所示。 （7）新建圖層5，命名為“高光2”，制作出第2道光束，做出從相反方向劃過的效果。并按照同樣方法制作屏幕邊緣的

3、遮罩效果，如圖13-7所示。 （8）新建圖層6，命名為“閃光”，利用【鋼筆工具】畫出十字閃光點(diǎn)，并將其轉(zhuǎn)化為影片剪輯元件，放置在平板電腦右上角邊緣處，如圖13-8所示。調(diào)整閃光點(diǎn)參數(shù)屬性，將【Alpha】設(shè)置為“80%”，添加【模糊】濾鏡、【發(fā)光】濾鏡，如圖13-9所示。 （9）在“閃光”圖層時(shí)間軸上添加關(guān)鍵幀，將【Alpha】設(shè)置為“0”，做出閃光點(diǎn)旋轉(zhuǎn)淡出效果，如圖13-10所示。/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用 （10）點(diǎn)擊【Ctrl】+【Enter】鍵測(cè)試影片，平板電腦閃光效果制作完成，如圖13-11所示。 二、制作畫卷 （1）新建一

4、個(gè)文檔，并設(shè)置舞臺(tái)尺寸，如圖13-12所示。 （2）利用【矩形工具】、【漸變】和【變形工具】制作畫卷的卷軸，并將其轉(zhuǎn)化為影片剪輯元件，將此圖層命名為“卷軸左”，如圖13-13所示。 （3）復(fù)制卷軸，粘貼在新建的圖層中，命名為“卷軸右”，在第25幀處添加關(guān)鍵幀，做出卷軸向右滾動(dòng)的過程，如圖13-14所示。 /第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用 （4）新建圖層3，命名為“畫紙”，利用【矩形工具】制作以矩形，矩形長(zhǎng)度以兩卷軸拉開的長(zhǎng)度為準(zhǔn)，將其轉(zhuǎn)化為影片剪輯元件，如圖13-15所示。 （5）制作畫紙展開過程。在第1幀處利用【任意變形工具】將縮放軸心點(diǎn)移

5、至紙張左邊，并向左邊收縮，如圖13-16所示；在第25幀處添加關(guān)鍵幀，保持縮放軸心點(diǎn)在紙張左邊，做出與卷軸滾動(dòng)同步展開效果，如圖13-17所示。 /第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用 （6）新建圖層4，命名為“文字”，利用【文本工具】輸入文字，如圖13-18所示。 /第十三章 / 綜合實(shí)例應(yīng)用 （7）新建圖層5，命名為“遮罩”，利用【矩形工具】繪制矩形遮蓋文字，并將矩形轉(zhuǎn)化為影片剪輯元件，做出與紙張同步展開效果，并將此圖層改為遮罩層，如圖13-19所示。 /第十三章 / 綜合實(shí)例應(yīng)用 （8）調(diào)整圖層順序，按【Ctrl】+【Enter】測(cè)試影片，一

6、幅畫卷打開文字出現(xiàn)的動(dòng)畫效果就制作完成了，如圖13-20所示。 /第十三章 / 綜合實(shí)例應(yīng)用 三、制作小球變身動(dòng)畫 （1）新建一個(gè)文檔，并設(shè)置舞臺(tái)尺寸，如圖13-21所示。 （2）新建影片剪輯元件，并更改元件名稱為“背景”，如圖13-22所示。 /第十三章 / 綜合實(shí)例應(yīng)用（3）使用【矩形工具】和【直線工具】繪制出背景，如圖13-23所示。（4）新建圖形元件，并更改元件名稱為“小雞”，如圖13-24所示。 /第十三章 / 綜合實(shí)例應(yīng)用（5）使用【鉛筆工具】繪制小雞圖形，如圖13-25所示。（6）選擇合適的顏色，并使用【顏料桶工具】為圖形填充顏色，如圖13-26所示。 /第十三章 / 綜合實(shí)例應(yīng)

7、用 （7）在“小雞”元件中的時(shí)間軸上點(diǎn)【新建圖層】按鈕，新建“圖層2”，并將該層移動(dòng)到最下方，如圖13-27所示。 （8）在圖層2使用【鉛筆工具】繪制小雞的陰影，并使用【顏料桶工具】進(jìn)行填充，填充完成后刪除邊緣線，如圖13-28所示。 /第十三章 / 綜合實(shí)例應(yīng)用 （9）回到“場(chǎng)景1”，在時(shí)間軸上將“圖層1”重命名為“背景層”，如圖13-29所示。 （10）在庫中將元件“背景”拖到舞臺(tái)上，在【屬性】面板中修改寬和高，如圖13-30所示。然后通過【對(duì)齊】工具將“背景”和舞臺(tái)完全對(duì)齊。 /第十三章 / 綜合實(shí)例應(yīng)用 （11）在【時(shí)間軸】面板點(diǎn)擊【新建圖層】按鈕，新建圖層，雙擊該層將其重命名為“小球

8、”，如圖13-31所示。 （12）在【顏色】面板中設(shè)置顏色類型為【徑向漸變】，更改填充顏色，如圖13-32所示。 /第十三章 / 綜合實(shí)例應(yīng)用 （13）選擇【橢圓工具】，按住【Shift】鍵繪制出一個(gè)正圓，如圖13-33所示。 （14）在圖層“小球”的第10幀、第20幀和第44幀分別按【F6】鍵插入關(guān)鍵幀，如圖13-34所示。 （15）移動(dòng)第1幀的小球到如圖13-35所示位置。 （16 ）在第10幀處使用【任意變形工具】將小球移動(dòng)并變形，如圖13-36所示。 /第十三章 / 綜合實(shí)例應(yīng)用 （17）在第20幀處使用【任意變形工具】向下移動(dòng)小球，并將其變形壓扁，如圖13-37所示。 （18）在第2

9、8幀和第36幀處分別插入空白關(guān)鍵幀，如圖13-38所示。/第十三章 / 綜合實(shí)例應(yīng)用 （19）選中第10幀，按【Ctrl】+【C】鍵對(duì)此幀進(jìn)行復(fù)制，再選中第28幀按【Ctrl】+【Shift】+【V】鍵進(jìn)行原位粘貼，并把復(fù)制后的小球移動(dòng)到如圖13-39所示位置。 /第十三章 / 綜合實(shí)例應(yīng)用 （20）選中第20幀，按【Ctrl】+【C】鍵對(duì)此幀進(jìn)行復(fù)制，再選中第36幀按【Ctrl】+【Shift】+【V】鍵進(jìn)行原位粘貼，并把復(fù)制后的小球移動(dòng)到如圖13-40所示位置。 （21）點(diǎn)擊小球圖層第1幀，按住【Shift】鍵不放并單擊第44幀，此時(shí)所有的幀都處于選中狀態(tài)，點(diǎn)擊鼠標(biāo)右鍵，選擇【創(chuàng)建補(bǔ)間形狀

10、】，時(shí)間軸發(fā)生改變，如圖13-41所示。 /第十三章 / 綜合實(shí)例應(yīng)用 （22）在“小球”圖層的第52、58、60幀分別按【F6】鍵插入關(guān)鍵幀，并刪除新建關(guān)鍵幀的補(bǔ)間，如圖13-42所示。 （23）在第52幀使用【選擇工具】拖動(dòng)圖像邊緣進(jìn)行變形，如圖13-43所示。 （24）使用【選擇工具】對(duì)第58幀、第60幀小球分別進(jìn)行變形，如圖13-44所示。 （25）在“小球”圖層的第68、82、98、105幀分別按【F6】鍵插入關(guān)鍵幀，并對(duì)這些幀的小球分別使用【選擇工具】進(jìn)行各方向的壓縮變形，如圖13-45所示。 （26）選中第50幀，按【Shift】鍵不放并單擊第105幀，此時(shí)所有的幀都處于選中狀態(tài)

11、，點(diǎn)擊鼠標(biāo)右鍵，選擇【創(chuàng)建補(bǔ)間形狀】，時(shí)間軸發(fā)生改變，如圖13-46所示。 /第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用 （27）在第110幀處點(diǎn)擊右鍵，選擇【插入空白關(guān)鍵幀】，并刪除第105幀第110幀之間的補(bǔ)間，如圖13-47所示。 （28）選中第110幀，從庫中將“小雞”元件拖到舞臺(tái)上，調(diào)整元件的大小和位置，如圖13-48所示。 （29）選中“小雞”元件，按【Ctrl】+【B】鍵分離元件，如圖13-49所示。/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用 （30）在第105和第110幀之間點(diǎn)擊鼠標(biāo)右鍵，選擇【創(chuàng)建補(bǔ)間形狀】，如圖13-50所示。 （31）在【時(shí)間軸】

12、面板中選中“背景層”圖層，在第110幀處按【F5】鍵插入幀，如圖13-51所示。 （32）按【Enter】鍵預(yù)覽影片效果，小球變身動(dòng)畫完成，如圖13-52所示。/第十三章 / 綜合實(shí)例應(yīng)用 四、利用骨骼制作角色走路 （1）新建一個(gè)Flash文檔，并設(shè)置類型為ActionScript 3.0（【骨骼工具】只和ActionScript 3.0文檔配合使用），如圖13-53所示。查看并設(shè)置ActionScript 3.0文檔屬性，如圖13-54所示。/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用 （2）在舞臺(tái)上使用【鋼筆工具】、【線條工具】等繪圖工具創(chuàng)建一個(gè)男角色上半身的形狀，并將其轉(zhuǎn)換成

13、一個(gè)影片剪輯元件，如圖13-55所示。/第十三章 / 綜合實(shí)例應(yīng)用 （3）在舞臺(tái)上繼續(xù)使用繪圖工具創(chuàng)建一個(gè)男角色的大腿形狀，并將其轉(zhuǎn)換成一個(gè)影片剪輯元件，如圖13-56所示。 （4）在舞臺(tái)上使用繪圖工具分別創(chuàng)建一個(gè)男角色的左右小腿形狀，并將其轉(zhuǎn)換成兩個(gè)影片剪輯元件，如圖13-57所示。/第十三章 / 綜合實(shí)例應(yīng)用 （5）按同樣方法繪制一個(gè)男角色的鞋子形狀，并將其轉(zhuǎn)換成一個(gè)影片剪輯元件，如圖13-58所示。 （6）在場(chǎng)景上新建7個(gè)圖層，將角色上半身、大腿、左右小腿、鞋子分別放進(jìn)去，并調(diào)整位置、方向，最后拼接為一個(gè)完整的人物角色，如圖13-59所示。/第十三章 / 綜合實(shí)例應(yīng)用 （7）用放大鏡放大

14、角色腿部，然后選擇【骨骼工具】，如圖13-60所示。 （8）新建右大腿骨骼連接，如圖13-61所示 。 （9）新建大腿到小腿骨骼連接點(diǎn)，確定骨架中的父/根符號(hào)，由大腿連接到小腿，如圖13-62所示。/第十三章 / 綜合實(shí)例應(yīng)用 （10）新建右小腿到腳的骨骼連接點(diǎn)，確定骨架中的父/根符號(hào)，如圖13-63所示。 （11）框選所有圖層至第10幀，并按【F5】鍵延長(zhǎng)幀，如圖13-64所示。/第十三章 / 綜合實(shí)例應(yīng)用 （ 12）點(diǎn)擊【骨骼工具】，新建左腿骨骼，由左大腿連接到左小腿，再連接到左腳，如圖13-65所示。 （13）制作人物角色走路動(dòng)畫，在兩個(gè)骨架圖層分別插入5個(gè)關(guān)鍵幀，如圖13-66所示。/

15、第十三章 / 綜合實(shí)例應(yīng)用 （14）點(diǎn)擊骨架圖層第2個(gè)走路動(dòng)作的關(guān)鍵幀，使用【選擇工具】和【部分選取工具】，改變左腿和右腿骨架和骨連接點(diǎn)，并調(diào)整好動(dòng)作，如圖13-67所示。角色走路第2個(gè)動(dòng)作姿態(tài)如圖13-68所示。/第十三章 / 綜合實(shí)例應(yīng)用 （15）點(diǎn)擊骨架圖層第3個(gè)走路動(dòng)作的關(guān)鍵幀，使用【選擇工具】和【部分選取工具】改變左腿和右腿骨架和骨連接點(diǎn)，并調(diào)整好動(dòng)作，如圖13-69所示。角色走路第3個(gè)動(dòng)作姿態(tài)如圖13-70所示。 （16）點(diǎn)擊骨架圖層第4個(gè)走路動(dòng)作的關(guān)鍵幀，使用【選擇工具】和【部分選取工具】改變左腿和右腿骨架和骨連接點(diǎn)，并調(diào)整好動(dòng)作，如圖13-71所示。角色走路第4個(gè)動(dòng)作姿態(tài)如圖13-72所示。/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用/第十三章 / 綜合實(shí)例應(yīng)用 （17）點(diǎn)擊骨架圖層第5個(gè)走路動(dòng)作的關(guān)鍵幀，使用【選擇工具】和【部分選取工具】改變左腿和右腿骨架和骨連接點(diǎn)，并調(diào)