Flashcs網(wǎng)頁(yè)動(dòng)畫實(shí)用教程特效動(dòng)畫

1、3.制作文字介紹 2.制作字幕 1.知識(shí)點(diǎn)講解 特效動(dòng)畫 4.廣告制作 5.骨骼動(dòng)畫（火柴人的制作） 6.1知識(shí)點(diǎn)講解 引導(dǎo)路徑動(dòng)畫 遮罩動(dòng)畫 骨骼動(dòng)畫 特效動(dòng)畫 6.1.1引導(dǎo)路徑動(dòng)畫 導(dǎo)層是不顯示的，其主要起到輔助圖層的作用。分普通引導(dǎo)和運(yùn)動(dòng)引導(dǎo)兩種。普 通引導(dǎo)圖層起到輔助靜態(tài)對(duì)象的定位作用，它無須使用被引導(dǎo)層，可以單獨(dú)使用。 特效動(dòng)畫 與運(yùn)動(dòng)引導(dǎo)層動(dòng)畫相同，在Flash 中遮罩動(dòng)畫的創(chuàng)建也至少需要兩個(gè)圖層才能完成，分別是遮罩層和被遮罩層。其 中，位于上方用于設(shè)置遮罩范圍的層被稱為遮罩層，而位于下方的則是被遮罩層。 6.1.2遮罩動(dòng)畫 特效動(dòng)畫 骨骼動(dòng)畫也稱為反向運(yùn)動(dòng)（IK）動(dòng)畫，是一種使

2、用骨骼 的關(guān)節(jié)結(jié)構(gòu)對(duì)一個(gè)對(duì)象或彼此相關(guān)的一組對(duì)象進(jìn)行動(dòng)畫 處理的方法。在Flash CS6 中要?jiǎng)?chuàng)建骨骼動(dòng)畫，必須首 先確定當(dāng)前是Flash 文件（ActionScript 3.0），而不 能是Flash 文件（Action Script 2.0）。創(chuàng)建骨骼動(dòng)畫 的對(duì)象分為兩種：一種是元件對(duì)象；另一種是圖形形狀。 6.1.3骨骼動(dòng)畫 6.2制作字幕 案例效果 設(shè)計(jì)思路 相關(guān)知識(shí)和技能點(diǎn) 任務(wù)實(shí)施 用遮罩制作字幕效果 特效動(dòng)畫 6.2.1 案例效果 特效動(dòng)畫 熟悉小人行走的各個(gè)畫面，根據(jù)人體行走的姿勢(shì) 制作出角色行走的動(dòng)畫效果圖，然后放進(jìn)關(guān)鍵幀 中。 形狀補(bǔ)間動(dòng)畫、遮罩效果的應(yīng)用。 6.2.2設(shè)

3、計(jì)思路6.2.3相關(guān)知識(shí)和技能點(diǎn) 特效動(dòng)畫 新建一個(gè)文檔，在圖層1 上用文本工具輸入歌詞。 新建圖層2，畫一個(gè)能覆蓋住文字的矩形條。 在第2 層由右鍵單擊選擇的菜單上點(diǎn)選遮罩層。 6.2.4任務(wù)實(shí)施 6.3制作文字介紹 案例效果 設(shè)計(jì)思路 相關(guān)知識(shí)和技能點(diǎn) 任務(wù)實(shí)施 特效動(dòng)畫 6.3.1案例效果 特效動(dòng)畫 先用基本橢圓工具繪制空心圓，再用3D 旋轉(zhuǎn)動(dòng) 畫制作圓球影片剪輯。用形狀變形工具繪制逐漸 出現(xiàn)的線條，用遮罩制作文字。最后制作文字的 濾鏡效果。 掌握橢圓工具的應(yīng)用。熟悉遮罩、濾鏡、補(bǔ)間動(dòng) 畫的用法等。 6.3.2設(shè)計(jì)思路6.3.3相關(guān)知識(shí)和技能點(diǎn) 特效動(dòng)畫 新建Action Script

4、3.0 文檔，新建“圓”影片剪輯元件， 使用基本橢圓工具，配合Shift 鍵繪制圓。在屬性面板中調(diào)整 繪制的圓的內(nèi)徑，使其成為一個(gè)空心的圓環(huán)。 新建“圓球”影片剪輯，將“圓”元件中的對(duì)象拖曳至該元 件中，并在其中設(shè)置3D 旋轉(zhuǎn)動(dòng)畫。 新建“遮罩”影片剪輯元件，在其中制作文字逐一出現(xiàn)需要 用到的遮罩。 回到場(chǎng)景1，新建圖層1，繪制背景圖。 任務(wù)實(shí)施 6.3.4任務(wù)實(shí)施 6.4廣告制作 案例效果 設(shè)計(jì)思路 相關(guān)知識(shí)和技能點(diǎn) 任務(wù)實(shí)施 特效動(dòng)畫 6.4.1案例效果 本項(xiàng)任務(wù)是完成“百麗鞋品”的產(chǎn)品廣告。 本例通過背景顏色和鞋子的動(dòng)態(tài)展示，體現(xiàn) 出“百變所以美麗”的主題。 特效動(dòng)畫 選擇收集百麗的標(biāo)志

5、、鞋子圖片。使用動(dòng)畫預(yù)設(shè)、 引導(dǎo)層動(dòng)畫、濾鏡等來制作。 熟練使用動(dòng)畫預(yù)設(shè)。 熟練使用引導(dǎo)層動(dòng)畫。 熟練使用濾鏡。 6.4.2設(shè)計(jì)思路6.4.3相關(guān)知識(shí)和技能點(diǎn) 特效動(dòng)畫 新建一個(gè)Action Script 3.0 文件，設(shè)置文檔尺寸為336 像 素280 像素。 在“濾鏡”面板中添加“調(diào)整顏色”濾鏡，設(shè)置飽和度為 “40”。在第6、11、16、21、26、31 幀處插入關(guān)鍵幀。 返回場(chǎng)景1，將“背景變色”元件放入舞臺(tái)，水平垂直居中 對(duì)齊，在第70 幀處插入關(guān)鍵幀。 新建圖層2、3，將鞋1、2 元件拖入舞臺(tái)。 新建圖層4，將鞋3 元件拖入舞臺(tái)。 任務(wù)實(shí)施 6.4.4任務(wù)實(shí)施 6.5骨骼動(dòng)畫 （火

6、柴人的制作） 案例效果 設(shè)計(jì)思路 相關(guān)知識(shí)和技能點(diǎn) 任務(wù)實(shí)施 特效動(dòng)畫 6.5.1案例效果 特效動(dòng)畫 先將小人的各個(gè)部分制作成元件，繪制好小人后， 添加骨胳工具，用骨胳控制小人的運(yùn)動(dòng)。 骨胳工具的應(yīng)用。 6.5.2設(shè)計(jì)思路6.5.3相關(guān)知識(shí)和技能點(diǎn) 特效動(dòng)畫 新建一個(gè)Action Script 3.0 文檔，以火柴人為名進(jìn)行保存。 創(chuàng)建影片剪輯新元件，以火柴為名。 返回場(chǎng)景1，將“背景變色”元件放入舞臺(tái)，水平垂直居中 對(duì)齊，在第70 幀處插入關(guān)鍵幀。 新建圖層2、3，將鞋1、2 元件拖入舞臺(tái)。 新建圖層4，將鞋3 元件拖入舞臺(tái)。 任務(wù)實(shí)施 6.5.4任務(wù)實(shí)施 Flash CS6 網(wǎng)頁(yè)動(dòng)畫實(shí)用教

7、程 THANKS FOR YOUR WATCHING 特效動(dòng)畫 6.1.1引導(dǎo)路徑動(dòng)畫 導(dǎo)層是不顯示的，其主要起到輔助圖層的作用。分普通引導(dǎo)和運(yùn)動(dòng)引導(dǎo)兩種。普 通引導(dǎo)圖層起到輔助靜態(tài)對(duì)象的定位作用，它無須使用被引導(dǎo)層，可以單獨(dú)使用。 特效動(dòng)畫 骨骼動(dòng)畫也稱為反向運(yùn)動(dòng)（IK）動(dòng)畫，是一種使用骨骼 的關(guān)節(jié)結(jié)構(gòu)對(duì)一個(gè)對(duì)象或彼此相關(guān)的一組對(duì)象進(jìn)行動(dòng)畫 處理的方法。在Flash CS6 中要?jiǎng)?chuàng)建骨骼動(dòng)畫，必須首 先確定當(dāng)前是Flash 文件（ActionScript 3.0），而不 能是Flash 文件（Action Script 2.0）。創(chuàng)建骨骼動(dòng)畫 的對(duì)象分為兩種：一種是元件對(duì)象；另一種是圖形形狀。 6.1.3骨骼動(dòng)畫 特效動(dòng)畫 6.3.1案例效果 特效動(dòng)畫 6.4.1案例效果 本項(xiàng)任務(wù)是完成“百麗鞋品”的產(chǎn)品廣告。 本例通過背景顏色和鞋子的動(dòng)態(tài)展示，體現(xiàn) 出“百變所以美麗”的主題。 特效動(dòng)畫 新建一個(gè)Action Script 3.0 文件，設(shè)置文檔尺寸為336 像 素280 像素。 在“濾鏡”面板中添加“調(diào)整顏色”濾鏡，設(shè)置飽和度為 “40”。在第6、11、16、21、26、31 幀