03flash動(dòng)作補(bǔ)間練習(xí)(精)

1、動(dòng)作補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫也是 Flash 中非常重要的表現(xiàn)手段之一，與 形狀補(bǔ)間動(dòng)畫”不同的 是，動(dòng)作補(bǔ)間動(dòng)畫的對(duì)象必需是 元件”或 群組對(duì)象”運(yùn)用動(dòng)作補(bǔ)間動(dòng)畫，你可以設(shè)置元件的大小、位置、顏色、透明度、旋轉(zhuǎn)等種種 屬性，充分利用動(dòng)作補(bǔ)間動(dòng)畫這些特性，可以制作出令人眼花繚亂的動(dòng)畫效果。學(xué)習(xí)目的本節(jié)你將學(xué)會(huì)以下知識(shí)：動(dòng)作補(bǔ)間動(dòng)畫的制作方法網(wǎng)站 Banner 的制作方法文本工具”的使用方法制作文字變色效果制作文字大小縮放效果制作文字改變透明度效果課前熱身(1).創(chuàng)建影片文檔步驟 1 設(shè)置影片文檔屬性執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash 文檔】選項(xiàng) 后，單擊【確定】按

2、鈕，新建一個(gè)影片文檔。打開【文檔屬性】對(duì)話框，設(shè)置文 件大小為520W0 像素，【背景色】為白色，如圖 3.2 所示。圖 3.2 設(shè)置文檔屬性 步驟 2 設(shè)置背景圖層執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令，將 image005.jpg 圖片導(dǎo)入到場(chǎng)景 中，選擇工具箱中的【箭頭工具】和【任意變形工具】調(diào)整圖片的大小和位置。選中第205 幀，按 F5鍵，添加普通幀，圖片效果如圖 3.3 所示。圖 3.3 設(shè)置背景（2）.創(chuàng)建元件步驟 1 創(chuàng)建 電腦動(dòng)畫”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱為電腦動(dòng)畫”。在新元件編輯場(chǎng)景中選擇第一幀，單擊工具箱中的【文字工具】，在場(chǎng)景中單擊

3、一 下，然后在【屬性】面板上設(shè)置文本類型為【靜態(tài)文本】、字體為【隸書】、字 體大小為 32、顏色值為#FF9900,設(shè)置完后，在場(chǎng)景中輸入 電腦動(dòng)畫”四個(gè)字， 如圖 3.4 所示。圖 3.4 創(chuàng)建 電腦動(dòng)畫元件” 步驟 2 創(chuàng)建網(wǎng)頁設(shè)計(jì)”元件 執(zhí)行【插入】|【新建元件】:靜態(tài)文本vA隸書V132VA ?fl0Av A：回彳WLG XI 53.5甩使用36.0y；16.00心寬;命令，新建一個(gè)圖形元件，名稱為網(wǎng)頁設(shè)計(jì)”。在編輯場(chǎng)景中選擇第一幀，按上面的方法，在場(chǎng)景中輸入網(wǎng)頁設(shè)計(jì)”四個(gè)字，參數(shù)同上。步驟 3 創(chuàng)建圖像制作”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱為圖像制作”。在編

4、輯場(chǎng)景中選擇第一幀，按上面的方法，在場(chǎng)景中輸入圖像制作”四個(gè)字，參數(shù)同上。步驟 4 創(chuàng)建閃客啟航”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱為閃客啟航”。在編輯場(chǎng)景中選擇第 1 幀，單擊工具箱上的文字工具A，在【屬性】面板上設(shè)置文本類型為【靜態(tài)文本】、字體為【隸書】、字體大小 為 50、顏色值為#FF6600 在場(chǎng)景中輸入 閃客沙龍”四個(gè)字，如圖 3-4-11 所示閃航圖 3-4-11 創(chuàng)建 閃客啟航”元件 步驟 5 創(chuàng)建語音教學(xué)”執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱為 語音教學(xué)”。在編 輯場(chǎng)景中選擇第 1 幀，單擊工具箱中的【文字工具】，文字屬性不變，在場(chǎng)景

5、中輸 入語音教學(xué)”四個(gè)字。（3）創(chuàng)建動(dòng)畫電腦動(dòng)畫”、網(wǎng)頁設(shè)計(jì)”和 圖像制作”三組字體分別從大到小、由近及遠(yuǎn)以漸顯 的方式運(yùn)動(dòng)到舞臺(tái)中央停留片刻，再移動(dòng)到舞臺(tái)左邊，字體顏色和大小相應(yīng)改 變。然后 閃A隸書7 A=正常出|回自動(dòng)調(diào)S211.9 X: j-102.0a便用設(shè)備芋54.0: -255寬：高客啟航”一組字以同樣的方式移動(dòng)到舞臺(tái)中央，突然消失，最后語音教學(xué)”以旋轉(zhuǎn)的方式移動(dòng)到舞臺(tái)正中，這就是本實(shí)例中文字的動(dòng)畫效果。下面， 我們就來實(shí)現(xiàn)這一動(dòng)畫效果。步驟 1 創(chuàng)建 電腦動(dòng)畫”文字效果單擊時(shí)間軸右上角的【編輯場(chǎng)景】按鈕，選擇【場(chǎng)景 1】轉(zhuǎn)換到主場(chǎng)景中。在場(chǎng) 景中新建一個(gè)圖層。選擇第 1 幀，把

6、庫里的 電腦動(dòng)畫”元件拖到場(chǎng)景的外面，在【屬性】面板上設(shè)置元件的【W(wǎng)】值為 260.0,【H】值為 45.0,【X】值為 58.0,【丫】值為 48.0,【Alpha】值為 3%,然后在第 20 幀處添加關(guān)鍵幀，在場(chǎng)景中選中文字，在【屬性】面板中，設(shè)置【 W】值為 141,【H】值為 36,【X】值為 127,【丫】值為 12,選擇【顏色】為【無】。圖 3-4-12 是 電腦動(dòng)畫”元件在【屬性】面板中的第 1、20 幀處的位置參數(shù)甲*駁RSfi麟磁(a)第 1 幀屬性(b)第 20 幀屬性圖 3-4-12 電腦動(dòng)畫”屬性設(shè)置在第 28 幀處添加關(guān)鍵幀，不改參數(shù)，這是為了給該文字對(duì)象一個(gè)停頓，讓

7、別人 能看清楚。在第 48 幀處添加關(guān)鍵幀，在【屬性】面板上，設(shè)置【 W】值為 75,【H】值為12,【X】值為 12,【丫】值為 9,選擇【顏色】為【色調(diào)】、黑色，如圖 3-4-13 所示。酣*紳色：色 JI* I oo%- vh麗lHGB: 0v *Q* 112 0 * 圖 3-4-13 設(shè)置第 48 幀上實(shí)例的屬性分別用鼠標(biāo)右鍵單擊第 1 幀和第 28 幀，在彈出的菜單中選擇【創(chuàng)建補(bǔ)間動(dòng) 畫】。步驟 2 創(chuàng)建網(wǎng)頁設(shè)計(jì)”文字效果在場(chǎng)景中新建一個(gè)圖層。在此圖層的第 49 幀處添加關(guān)鍵幀，把庫里的 網(wǎng)頁設(shè)計(jì) 元件拖到場(chǎng)景中，在【屬性】面板上設(shè)置元件的【 W】值為 300,【H】值為 83,【X

8、】值為43,【丫】值為 20,【Alpha】值為 6%。然后在第 71 幀處添加關(guān)鍵幀，在場(chǎng)景中選中文字，在【屬性】面板中設(shè)置【 W】值為 135,【H】值為36,【X】值為 131,【丫】值為 11,選擇【顏色】為【無】，如圖 3-4-14 所示。圖 3-4-14 在第 49、71 幀中的 網(wǎng)頁設(shè)計(jì)”再在第 78 幀處添加關(guān)鍵幀，不改參數(shù)，在第 97 幀處添加關(guān)鍵幀，在【屬性】面板上，設(shè)置【W(wǎng)】值為 81,【H】值為 22,【X】值為 18,【丫】值為 20，選擇【顏色】為【色調(diào)】、黑色。最后在第 49 和第 78 幀處分別建立動(dòng)作補(bǔ)間動(dòng)畫， 在第205 幀添加普通幀，效果如圖 3-4-15

9、。日口5055GOA5TOTSSOBS9095WJ- L - o. “B WMI 圖 3-4-15 創(chuàng)建補(bǔ)間后的時(shí)間軸結(jié)構(gòu)及實(shí)例在第78 幀的效果步驟 3 創(chuàng)建圖像制作”文字效果在場(chǎng)景中新建一個(gè)圖層。先在第 98 幀處添加關(guān)鍵幀，把庫里的圖像制作”元件拖到場(chǎng)景的外面，在【屬性】面板上設(shè)置元件的【W(wǎng)】值為 360,【H】值為 90,【X】值 20,【丫】值 23,【Alpha】值為 5%，然后在第 119 幀處添加關(guān)鍵幀，在場(chǎng)景中選中文字，在【屬性】面板中，設(shè)置【 W】值為 144,【H】值為 36,786【X】值 128,【丫】值 10,【顏色】選項(xiàng)為【無】，再在第 126 幀處添加關(guān)鍵幀，不

10、改參數(shù)，在第 146 幀加關(guān)鍵幀，在【屬性】面板中，設(shè)置【 W】值為 86,【H】值為 22,【X】值為 27,【丫】值為 35,選擇【顏色】為【色調(diào)】、黑色，最后在第 98 和第 126 幀處分別建立動(dòng)作補(bǔ)間動(dòng)畫，在第 205 幀添加普通幀，如圖 3-4-16 所示。電腦動(dòng)畫圖 3-4-16 圖像制作”元件在第 126、146 幀的位置 步驟 4 創(chuàng)建閃客啟航”文字效果在場(chǎng)景中新建一個(gè)圖層。先在第 147 幀處添加關(guān)鍵幀，把庫里的 閃客啟航”元件 拖到場(chǎng)景中，在【屬性】面板中，設(shè)置元件的【 W】值為 487,【H】值為 124,【X】值為-28,【丫】值-144,【Alpha】值為 3%,然

11、后在第 166 幀處添加關(guān)鍵幀，在場(chǎng)景中選中文字，在【屬性】面板中，設(shè)置【W(wǎng)】值為 212,【H】值為 54,【X】值 123,【丫】值 5,選擇【顏色】為【無】。最后在第 147 幀處建立動(dòng)作補(bǔ) 間動(dòng)畫，在第 174 幀插入空白關(guān)鍵幀。步驟 5 創(chuàng)建語音教學(xué)”文字效果在場(chǎng)景中新建一個(gè)圖層。先在第 174 幀處添加關(guān)鍵幀，把庫里的 語音教學(xué)”元件 拖到場(chǎng)景中，在【屬性】面板上，設(shè)置【 W】值為 450,【H】值為 115,【X】值-20,【丫】值 29,【Alpha】值為 3%。然后在第 194 幀處添加關(guān)鍵幀，在場(chǎng)景中 選中文字，在【屬性】面板中，設(shè)置【W(wǎng)】值為 210,【H】值為 54,【X】值為 123,【丫】值為 3,選擇【顏色】為【無】。最后在第 174 幀處建立補(bǔ)間動(dòng)畫，順 時(shí)鐘旋轉(zhuǎn)一圈，如圖 3-4-17 所示?！皥D像制作”元件在第126圖像制作ir. 11 IIE3像制作郎元件在第146幀的位貫補(bǔ)咼* I EW簡易；”13v能轉(zhuǎn)：順時(shí)鈴|1I農(nóng)調(diào)整到路徑 叼同歩 回弗齊圖 3-4-17 語音教學(xué)”元件在第 174 幀的【屬性】面板