flash平面動(dòng)畫(huà)制作(編輯修改稿)
2025-05-23 08:51 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 位于舞臺(tái)中央 。 7．創(chuàng)建“光”圖層 創(chuàng)建新圖層命名為“光”，將影片剪輯“光束”拖至舞臺(tái)中央，并擴(kuò)展制 120幀。 8．創(chuàng)建“ Loading” 圖層 創(chuàng)建新圖層命名為“ Loading” ，將影片剪輯“ Loading”拖至舞臺(tái)左下角。并擴(kuò)展制 120幀。 二、操作步驟 “宇宙集錦”案例 9．創(chuàng)建宇宙圖片動(dòng)畫(huà) 第一步： 創(chuàng)建新圖層命名為“圖片 1” ，將圖形符號(hào)“圖 1”拖到舞臺(tái)左端，并將圖形符號(hào)縮小。單擊第 10幀按 F6插入關(guān)鍵幀，水平移動(dòng)圖形符號(hào)“圖 1” 的位置至屏幕中央，并放大。單擊第 20幀按 F6插入關(guān)鍵幀，選用 【 箭頭工具 】 ，在“屬性”面板中設(shè)置“顏色”選項(xiàng)為“ Alpha” ，值為“ 0%” 。鼠標(biāo)右擊第 1幀至第 10幀之間，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”（或在“屬性”面板中的設(shè)置），這樣就創(chuàng)建了一個(gè)運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)，此時(shí)在第 1幀至第 10幀之間將出現(xiàn)紫色帶箭頭區(qū)域。采用同樣的方法在第 10幀至第 20幀之間也創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)。 二、操作步驟 “宇宙集錦”案例 第二步： 按照以上方法，可設(shè)計(jì)“圖片 2”至“圖片 6”從舞臺(tái)邊緣的不同位置沿著不同的角度由小變大，或直接或旋轉(zhuǎn)地進(jìn)入舞臺(tái)中央，然后再慢慢淡出消失 掉。 10．測(cè)試影片，保存文件，并導(dǎo)出影片 二、操作步驟 “宇宙集錦”案例 三 、技術(shù)要點(diǎn) 1. 制作運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà) 創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)的方法有如下三種： （ 1）選擇開(kāi)始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，在“屬性”面板中設(shè)置。 （ 2）右擊開(kāi)始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，在快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”。 （ 3）單擊開(kāi)始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，選擇 【 插入 】 【 時(shí)間軸 】 【 創(chuàng)建補(bǔ)間動(dòng)畫(huà) 】 菜單項(xiàng) 。 “宇宙集錦”案例 的 旋轉(zhuǎn)的運(yùn)動(dòng)效果是使實(shí)例在運(yùn)動(dòng)的同時(shí)旋轉(zhuǎn)。設(shè)置方法是在起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間已經(jīng)設(shè)置好了運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)后再通過(guò)“屬性”面板中的“旋轉(zhuǎn)”項(xiàng)來(lái)設(shè)置。其中“旋轉(zhuǎn)”項(xiàng)用于設(shè)置旋轉(zhuǎn)的方式，有“無(wú)”、“自動(dòng)”、“順時(shí)針”、“逆時(shí)針”四個(gè)選項(xiàng)；后面的“次”項(xiàng)用于設(shè)置從運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)開(kāi)始到結(jié)束元件旋轉(zhuǎn)幾次。 三 、技術(shù)要點(diǎn) “宇宙集錦”案例 3. 設(shè)置運(yùn)動(dòng)的快慢效果 時(shí)快時(shí)慢的運(yùn)動(dòng)效果也是在起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間已經(jīng)設(shè)置好了運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)后再通過(guò)“屬性”面板中的來(lái)設(shè)置。其中“緩動(dòng)”項(xiàng)用于調(diào)節(jié)對(duì)象運(yùn)動(dòng)過(guò)程中的速度比例關(guān)系，正數(shù)表示先快后慢，負(fù)數(shù)表示先慢后快，零值表示動(dòng)作勻速變化；后面的“編輯”按鈕用于打開(kāi)“自定義緩入 /緩出”面板。（詳細(xì)建書(shū)97頁(yè)） 4. 設(shè)置物體逐步消失的效果 逐步消失的運(yùn)動(dòng)效果主要是通過(guò)設(shè)置運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)的結(jié)束關(guān)鍵幀中物體的“ Alpha”值為“ 0%”來(lái)實(shí)現(xiàn)的，此設(shè)置可通過(guò)“屬性”面板中的項(xiàng)來(lái)完成。 三 、技術(shù)要點(diǎn) “宇宙集錦”案例 四 、練習(xí) (1) 制作一個(gè)紅色小球 (如書(shū)圖 126頁(yè) )旋轉(zhuǎn)運(yùn)動(dòng)的動(dòng)畫(huà)。紅色小球繪制效果如書(shū)圖 (注意設(shè)置小球的亮點(diǎn)在左上端 )。小球先從舞臺(tái)的左上角順時(shí)針旋轉(zhuǎn)兩周到達(dá)舞臺(tái)底端中央 (要求：旋轉(zhuǎn)的速度是先慢后快，形狀是由小變大 )，再?gòu)牡锥酥醒肽鏁r(shí)針旋轉(zhuǎn)兩周到達(dá)舞臺(tái)右上角 (要求：旋轉(zhuǎn)的速度是先快后慢，形狀是由大變小直至消失 )。 (2) 自行制作一個(gè)人走路的影片剪輯 (依照從前言中所提供的網(wǎng)址下載的本章的“練習(xí)參考”文件夾中的 Flash工程文件“走路參考” )，制作一個(gè)人從舞臺(tái)左邊走到舞臺(tái)右邊的運(yùn)動(dòng)動(dòng)畫(huà)。 “宇宙集錦”案例 本節(jié)內(nèi)容 案例效果 操作步驟 技術(shù)要點(diǎn) 練習(xí) “閃閃的紅星”遮罩動(dòng)畫(huà)案例 一、案例效果 重點(diǎn)與難點(diǎn)： 遮罩動(dòng)畫(huà)的制作方法和技巧。 “閃閃的紅星”遮罩動(dòng)畫(huà)案例 1．新建文檔并命名 啟動(dòng) Adobe Flash CS3后，新建一個(gè)文檔，背景顏色和舞臺(tái)大小都使用默認(rèn)，保存文檔，命名為“閃閃的紅星” 。 “放射圓”元件 第一步： 使用“工具箱”中的橢圓工具 和線條工具 繪制 一個(gè)粗細(xì)為 4的橢圓和直線。并用變形工具把直線的中心點(diǎn)調(diào)整至圓的中心點(diǎn) .如下圖： 二、操作步驟 “閃閃的紅星”遮罩動(dòng)畫(huà)案例 第二步： 打開(kāi)“窗口”菜單中的“變形”面板 .設(shè)置旋轉(zhuǎn)角度為” 10度“單擊”應(yīng)用復(fù)制”按鈕 35次 .選中所有線條，單擊“修改” — “ 形狀” — “ 將線條轉(zhuǎn)化為填充”，得到下面的左邊的放射圓 1圖形元件 : 第三步： 新建一個(gè)“放射圓 2” 的圖形元件。把“放射圓 1” 拉入舞臺(tái)中，并水平翻轉(zhuǎn)。得到上面的右圖。 二、操作步驟 “閃閃的紅星”遮罩動(dòng)畫(huà)案例 制作“光芒閃閃”影片剪輯元件 第一步： 新建一個(gè)“光芒閃閃”的影片剪輯元件。 把“放射圓 1” 拉入舞臺(tái)中，改變色調(diào)為“黃色調(diào)”，并設(shè)置一個(gè) 100幀的動(dòng)作補(bǔ)間動(dòng)畫(huà)，使它“逆時(shí)針”旋轉(zhuǎn)一周。 第二步： 再新建一個(gè)圖層，把“放射圓 2” 拉入舞臺(tái)中，設(shè)置該圖層為“遮罩層”。 得到效果如圖： 二、操作步驟 “閃閃的紅星”遮罩動(dòng)畫(huà)案例 制作“五角星”圖形元件 第一步： 新建一個(gè)“五角星”的圖形元件。 第二步： 利用工具欄中的“多邊形工具”和“線條工具”繪制一個(gè)五角星如下圖： 二、操作步驟 “閃閃的紅星”遮罩動(dòng)畫(huà)案例 整合圖形 第一步： 在場(chǎng)景 1里分別新建“背景”、“光芒”和“五角星” 3個(gè)圖層。 第二步： 在“背景”圖層里繪制一個(gè)淺藍(lán)色的矩形背景。 第三步： 把做好的“光芒閃閃”元件和“五角星”元件 分別拉入對(duì)應(yīng)的圖層里。 測(cè)試影片，保存文件，并導(dǎo)出影片。 二、操作步驟 “閃閃的紅星”遮罩動(dòng)畫(huà)案例 三 、技術(shù)要點(diǎn) 1. 制作遮罩動(dòng)畫(huà) 在制作遮罩動(dòng)畫(huà)的時(shí)候用到兩個(gè)圖層：遮罩層和被遮罩層。被遮罩層上的圖形通過(guò)遮罩層顯示出來(lái)。 播放動(dòng)畫(huà)的時(shí)候，遮罩層上的內(nèi)容不會(huì)被顯示出來(lái)， 被遮罩層上位于遮罩層之外的內(nèi)容也不被顯示。 2. 設(shè)置一個(gè)圖層遮罩多個(gè)圖層 在 Flash中一個(gè)遮罩圖層可以同時(shí)遮罩多個(gè)被遮罩圖層。當(dāng)把某個(gè)圖層設(shè)置為遮罩層時(shí)，它下面的圖層自動(dòng)被設(shè)置為被遮罩層。當(dāng)需要使一個(gè)圖層遮罩多個(gè)圖層時(shí)，可以通過(guò)下面的兩種方法實(shí)現(xiàn)： “閃閃的紅星”遮罩動(dòng)畫(huà)案例 （ 1）當(dāng)需要被添
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1