Flash動(dòng)畫設(shè)計(jì)與應(yīng)用

1、第四章flash 動(dòng)畫設(shè)計(jì)與應(yīng)用flash的啟動(dòng)：?jiǎn)螕糇烂嫔系膱D標(biāo)：- macromedia flash mx或：?jiǎn)螕簟伴_始” “程序”, "macromedia” , macromedia flash mx新建一個(gè)frash文檔：第一次運(yùn)行flash mx程序時(shí)，會(huì)自動(dòng)建立一個(gè)新文件（或通過單擊“文件”“新建”，選擇“常規(guī)” “flash文檔”）（演示）4. 2. 4繪圖工具欄的使用frash中的圖形由輪廓線、填充色二個(gè)獨(dú)立的部 分組成。因此在繪制圖形前，應(yīng)選擇相應(yīng)的線條顏色 和填充顏色。1、“線條顏色工具”.用于指定當(dāng)前的線條顏色2、“填充顏色工具”用于指定當(dāng)前的填充顏色3、“橢

2、圓工具” °用于繪制橢圓。按住shift鍵，可繪制出正圓形4、“矩形工具” 用于繪制矩形。按住shift鍵，可繪制出正方形3、 “鉛筆工具” “用來在動(dòng)畫中繪制線條、和圖形的輪廓通過附加選項(xiàng)，可繪制：s伸直折線、折線圖形、矩形;舊平沿 曲線、曲線圖形、橢圓;t凄水：任意線條、或由其組成的圖形;說明：(1)有些圖形可能 不要輪廓線、填充色可選擇：無線條顏色、或無填充顏色(演示：見“工具練習(xí)”)(2)有些圖形可能要 改變或去掉輪廓線、填充色4、“箭頭工具”（或“選擇工具”）、用來選擇一個(gè)對(duì)象或區(qū)域。單擊對(duì)象：選擇一個(gè)對(duì)象，如：一段線、圖形的填充區(qū)域、文字塊等；雙擊對(duì)象：選擇多個(gè)對(duì)象，如：

3、一段曲線、圖形的填充區(qū)及邊框；拖動(dòng)鼠標(biāo)：選擇被封閉在該矩形區(qū)域內(nèi)的所有內(nèi)容5、“套索工具” ,可以用來選取任何形狀范圍內(nèi)的對(duì)象，方法是：用鼠標(biāo)拖出一個(gè)封閉的區(qū)域。8、“墨水瓶工具” 1改變一條線段、或圖形輪廓線 的顏色、粗細(xì)、線形等、或在選定圖形的外輪廓上加線條；9、“油漆桶工具”心改變圖形的填充顏色；或：給封閉的輪廓線加填充色。演示：刪除線條或填充顏色;修改線條或填充顏色;說明：在調(diào)色板上也可以增加新的顏色 演示:10、“文字工具” .用于創(chuàng)建和編輯文字對(duì)象。11、”自由變形工具”對(duì)圖形進(jìn)行縮放、旋轉(zhuǎn)、傾斜和扭曲。12、“橡皮擦工具”有選擇地刪除任意的內(nèi)容。在工具欄的下方“選項(xiàng)”中，可選擇特

4、殊的擦除方式。4.3實(shí)例制作（演示：“課件演示”）4. 3. 1建立動(dòng)畫文件再建一個(gè)frash的新文檔。文件建立之后，首先要定義文件的動(dòng)畫屬性：?jiǎn)螕簟靶薷摹辈藛蔚摹坝捌保ɑ颉拔臋n”）命令, 就會(huì)出現(xiàn)“影片屬性”對(duì)話框其中“幀頻”指動(dòng)畫文件每秒共播放多少幀畫面，默認(rèn)值是 12（ 建議設(shè)置為 12 - 30f/s ）。將場(chǎng)景的寬度設(shè)置成650px高度設(shè)置成400px背景顏色改為淡綠色； “幀頻”改為 20完成后，單擊“文件”菜單中的“ 另存為 ”命令，給文件 命名 后保存。4 3 3 組件和 蒙板 動(dòng)畫1、制作影片剪輯“旋轉(zhuǎn)的地球”（見“ 演示課件 ”或“各種組件”中：旋轉(zhuǎn)的地球）（ 1）單擊“

5、 插入 ”菜單中的“ 新建元件 ”命令，彈出“新建元件”對(duì)話框：在“名稱”框中輸入“ 旋轉(zhuǎn)的地球”設(shè)置類型為“ 影片剪輯 ”然后單擊“確定”按鈕，進(jìn)入編輯模式在編輯區(qū)中， 用快捷菜單選擇“標(biāo)尺” ， 出現(xiàn)標(biāo)尺將編輯區(qū)中心與播放區(qū)的 零點(diǎn) 重合 （ 寬、高點(diǎn)分別為： 0:0）, 并以此作為 影片剪輯的中心單擊 第一幀 （自然成為關(guān)鍵幀）選取工具欄中的“橢圓工具” ：在 第一幀 的編輯區(qū)中繪制一個(gè)圓并刪除圓的外邊框單擊 “ 窗口 ” 菜單的“ 調(diào)色板 ”命令，打開“調(diào)色板”浮動(dòng)面板（或 “設(shè)計(jì)面板” 的 “混色器” ）選擇“徑向” （或 “放射狀” ） ，將下方漸變條左邊 的滑塊顏色選 白色 ，右

6、邊 的顏色調(diào)整為 淺蘭色 （可添加到自定義色中）用“油漆桶工具”在圓形上單擊調(diào)整其顏色和光線。用“箭頭工具”選中該圓，按“ f8” 鍵（或快捷菜單） ， 將該圓 轉(zhuǎn)換成元件 , 并命名為“地球”注意：使“地球”的中心點(diǎn)對(duì)準(zhǔn)編輯區(qū)的0:0點(diǎn)。選擇 第 40 幀 ：按下“ f5”鍵、或快捷菜單的“插入幀” ，使該圓在場(chǎng)景的第 1 幀到第 40 幀中完成后測(cè)試場(chǎng)景（ 2）單擊“插入”菜單中的“圖層”命令，或用快捷菜單 ，新建一個(gè)圖層 2；選中該層的第 1 幀：?jiǎn)螕簟拔募辈藛蔚摹?導(dǎo)入 ”的“ 導(dǎo)入到舞臺(tái) ”導(dǎo)入一個(gè)“世界地圖 ”的圖片文件用“變形工具”調(diào)整“世界地圖”大小，選中該圖片，按下“ f8

7、”鍵：將其 轉(zhuǎn)換成元件 ，并命名為“世界地圖”用“箭頭工具”將其拖到 右邊的起始位置在圖層2的第40幀，按下“ f6”鍵(或快捷菜單)插入關(guān)鍵幀 ，選擇工具選項(xiàng)“ 對(duì)齊對(duì)象 ”后用“箭頭工具” 將其拖到 左邊的終始位置在圖層 2 的第 1 幀到第 40 幀之間：?jiǎn)螕艨旖莶藛蔚?“ 創(chuàng)建動(dòng)畫動(dòng)作 ”命令創(chuàng)建移動(dòng)動(dòng)畫。(3) 完成后播放：?jiǎn)螕簟翱刂啤辈藛蜗碌摹安シ拧泵?。我們看到，整個(gè)世界地圖都顯示在屏中，好象在一張 移動(dòng)的地圖 下，有一個(gè)靜止的圓 。接下來，利用蒙板層給圖層 2 創(chuàng)建一個(gè)蒙板效果：使得只能看到 在圓上移動(dòng)地圖看起來更象一個(gè)運(yùn)動(dòng)的地球（ 4）在“圖層2 ”的上面新建一個(gè)圖層“圖層3

8、 ”通過“ 復(fù)制 ”和“ 粘貼 ” ，將“ 圖層 1”中的圓，拷貝到 “圖層 3” 的 第 1 幀并與圖層 1 中的圓重疊 （或用 “粘貼到當(dāng)前位置” ）在該層的層名上右擊鼠標(biāo)，在快捷菜單中選擇：“遮蔽”命令，創(chuàng)建一個(gè)蒙板層注意： 一定要先解開該層 、及 下一層 的“鎖”然后測(cè)試場(chǎng)景，再看一下效果。為了使制作的地球更有立體感，可以制作一個(gè) 隱約可見 的地球另一面的效果。（ 5）新建一個(gè)“圖層4” ，選擇第一幀：從庫中將元件“ 世界地圖 ” 拖入 該幀在屬性面板中選擇“顏色”欄中的“ alpha ”選項(xiàng)將其值設(shè)置為 30% 。 “世界地圖”就成半透明利用“箭頭工具”將“ 世界地圖拖到 左邊的 起

9、始位置在 “圖層 4”的第 40 幀 插入關(guān)鍵幀將“ 世界地圖 ”拖到 右邊的 終始位置在圖層 4 的第 1 幀到第 40 幀之間， “ 創(chuàng)建動(dòng)畫動(dòng)作”(12) 在“圖層 4”的上面新建一個(gè)圖層“圖層5”在該層創(chuàng)建一個(gè)蒙板層將“圖層 1”中的圓復(fù)制到 “圖層 5”的第 1 幀測(cè)試場(chǎng)景，再看一下效果。到此為止，已經(jīng)制作好影片剪輯 “ 旋轉(zhuǎn)的地球”2、制作制作 影片剪輯 “旋轉(zhuǎn)的光環(huán)”(見“ 演示課件 ” 的庫中：旋轉(zhuǎn)的光環(huán))制作好地球后，再做一個(gè)可以圍繞它旋轉(zhuǎn)的光環(huán)(1) 單擊“插入”菜單中的“新建元件”命令在對(duì)話框中，設(shè)置名稱為“ 旋轉(zhuǎn)的光環(huán)”類型為“影片剪輯”在編輯區(qū)中繪制一個(gè)圓，刪除圓的填

10、充色選中外邊框，在其屬性面板中選擇線條的樣式為“實(shí)線”，線條的粗細(xì)調(diào)為“ 9”，產(chǎn)生一個(gè)環(huán)回到編輯區(qū)，用“套索工具”和“油漆桶工具”將環(huán)設(shè)計(jì)成一個(gè)彩色的環(huán)將光環(huán)轉(zhuǎn)換為圖形元件，并命名為“彩色的光環(huán)在第40幀插入關(guān)鍵幀在第1幀和第40幀之間，“創(chuàng)建動(dòng)畫動(dòng)作”測(cè)試場(chǎng)景，我們看到光環(huán)并沒有轉(zhuǎn)動(dòng)(2)選中第1幀和第40幀之間的任一幀；右擊鼠標(biāo)，打開屬性面板：先在“中間”框內(nèi)選擇“移動(dòng)”再將“旋轉(zhuǎn)”項(xiàng)設(shè)置為“順時(shí)針”、“1”次(若未出現(xiàn)，單擊屬性面板右下角的按鈕口i)測(cè)試場(chǎng)景。 “旋轉(zhuǎn)的光環(huán)”組件也做好了。3、組件的整合制作 影片剪輯 “ 光環(huán)繞地球”(見“課件演示”的庫中：光環(huán)繞地球)接下來，將兩個(gè)做

11、好的 影片剪輯 組合到一起，就可以看到一個(gè)地球帶著自己的光環(huán)旋轉(zhuǎn)了。(1) “新建元件” ，設(shè)置名稱為“ 光環(huán)繞地球”類型為“ 影片剪輯 ”(2) 單擊“窗口”菜單的“庫”命令將“庫”打開將 影片剪輯 “ 旋轉(zhuǎn)的地球 ”拖入到 第一幀(必須被選擇)(3) 新建一個(gè)“圖層 2” ：將 影片剪輯 “ 旋轉(zhuǎn)的光環(huán) ”拖到 第一幀選擇“ 自由變形工具” ，向左拖動(dòng)組件 上方的中間節(jié)點(diǎn)再將該組件逆時(shí)針稍稍旋轉(zhuǎn)一點(diǎn)，效果如圖:調(diào)整其與“旋轉(zhuǎn)的光環(huán)”的位置、大小等。測(cè)試場(chǎng)景：可以看到地球和光環(huán)都在旋轉(zhuǎn)，但是光環(huán)并沒有圍 繞在地球上。為了實(shí)現(xiàn)光環(huán)環(huán)繞地球的效果，又要用到蒙板層了(3)新建一個(gè)“圖層3” ：將“

12、圖層1”中的“旋轉(zhuǎn)的地球”復(fù)制到“圖層3”的第1幀中的相同位置上(4)在“圖層3”上新建“圖層4”：繪制一個(gè)和“旋轉(zhuǎn)的地球”同樣大小的無邊線 圓形（將“筆觸顏色”切換為“沒有顏色”）選擇“套索工具”，選中左下角半個(gè)圓形，按下“delete”鍵，將其刪除，僅留下右上角半個(gè)圓將“圖層4”作為蒙板層。將各個(gè)圖層鎖住，影片剪輯“光環(huán)繞地球”完成了測(cè)試場(chǎng)景，就可以看到該 影片剪輯的效果了說明：遮蔽層（蒙版層）產(chǎn)生的效果：（1）被遮蔽的可見效果（看指定部分）遮蔽層（上層）效果層 背景層視覺效果被遮蔽（2）被遮蔽的不可見效果（看其他部分）遮蔽層被遮蔽層效果層 背景層視覺(見“光環(huán)繞地球”中的圖層2,看到一部

13、分環(huán))(3)被遮蔽層的可達(dá)范圍一個(gè)遮蔽層，可以遮蔽多個(gè)被遮蔽層以后插入、或拖入遮蔽層下的層，均被遮蔽(4)清除被遮蔽的效果刪除遮蔽層、或：將被遮蔽層先拖到遮蔽層的上方(有多個(gè)被遮蔽層時(shí))以后可拖到任意的層位,只要不滿足(3)即可(演示“各種組件”場(chǎng)景5:遮蔽的效果)4、在一個(gè)新場(chǎng)景中插入影片剪輯(1)添加一個(gè)新場(chǎng)景單擊“修改”菜單(或“窗口”、“設(shè)計(jì)面板”)的“場(chǎng)景”命令，彈出“場(chǎng)景”框 選擇“場(chǎng)景1”單擊“添加”按鈕 i，添加“場(chǎng)景2”雙擊“場(chǎng)景2”，將其改名為“運(yùn)動(dòng)的地球”(2)插入影片剪輯“光環(huán)繞地球”在圖層1上右擊鼠標(biāo)，然后單擊“屬性”彈出“圖層屬性”對(duì)話框?qū)⑵涿Q命名為“會(huì)動(dòng)的地球”

14、將影片剪輯“光環(huán)繞地球”拖到該層的第1幀中測(cè)試場(chǎng)景，看看效果吧。若“光環(huán)繞地球”的播放位置不合要求，調(diào)整它的 位置。5、調(diào)整元件的播放位置在編輯區(qū)中，用快捷菜單選擇“標(biāo)尺”，編輯區(qū)出 現(xiàn)標(biāo)尺;單擊編輯區(qū)右上角“顯示比例”框的下拉箭頭選擇合適的比例（如：50%）;選中“光環(huán)繞地球”元件后，將其拖到右上角。測(cè)試場(chǎng)景，看看效果吧。(4) 3. 6制作運(yùn)動(dòng)的動(dòng)畫1、制作隨引導(dǎo)線移動(dòng)的地球（見“課堂練習(xí)2”的場(chǎng)景2:運(yùn)動(dòng)的地球）在flash中，運(yùn)動(dòng)向?qū)拥闹饕饔檬牵航o出物體運(yùn)動(dòng)的路徑。通過運(yùn)動(dòng)向?qū)?，可使地球一邊轉(zhuǎn)動(dòng)，一邊沿著指定的軌跡運(yùn)動(dòng)（1）在場(chǎng)景2中：?jiǎn)螕魰r(shí)間軸上的“添加引導(dǎo)圖層"按鈕

15、六在“會(huì)動(dòng)的地球”圖層上添加一個(gè)引導(dǎo)圖層并在該引導(dǎo)線層的 第1幀插入關(guān)鍵幀(2)用“鉛筆工具”工具(選項(xiàng)為“平滑”)在引導(dǎo)線層第1幀繪制一條地球運(yùn)動(dòng)的曲線(或畫一個(gè)橢圓框后，用“橡皮工具”擦去一個(gè)缺口)然后可用“箭頭工具”將其曲線修整平滑；雙擊后調(diào)整位置(可將線加粗)(3)在“會(huì)動(dòng)的地球”圖層中的第1幀中移動(dòng)地球，使其中心點(diǎn)(形狀為9對(duì)準(zhǔn)引導(dǎo)線的起始端(4)在“引導(dǎo)線圖層”的第200幀“插入幀”(5)在“會(huì)動(dòng)的地球”圖層的第200幀插入關(guān)鍵幀移動(dòng)地球使其中心對(duì)準(zhǔn)引導(dǎo)線的終止端在第1幀到第200幀之間“創(chuàng)建動(dòng)畫動(dòng)作”測(cè)試場(chǎng)景，看看效果吧。2、制作放大的地球(1)在“會(huì)動(dòng)的地球”圖層中的第 250

16、幀插入關(guān)鍵幀， 將地球移動(dòng)到編輯區(qū)的中心（ 偏上 ）在第 200 幀 到第250 幀 之間，“ 創(chuàng)建動(dòng)畫動(dòng)作”（2） 在“會(huì)動(dòng)的地球”圖層中：第 300 幀 插入關(guān)鍵幀， 將地球放大在第 250 幀 到第 300 幀 之間， “ 創(chuàng)建動(dòng)畫動(dòng)作 ”在第 330 幀 “插入關(guān)鍵幀 ”測(cè)試場(chǎng)景，看看效果吧4 3 9 形變動(dòng)畫形變動(dòng)畫是flash 中獨(dú)具特色的動(dòng)畫表現(xiàn)方法。通過形變動(dòng)畫，可以將一些 文字、或圖形， 在任意位置 變化為完全不同的 其他文字、 或圖形 （而且不用一一對(duì)應(yīng) ）形變動(dòng)畫的制作限制是：制作形變動(dòng)畫的 起、止對(duì)象都必須是 矢量圖形用 flash 的工具繪制的圖都是矢量圖形都可以直接

17、制作形變動(dòng)畫如果不是矢量圖形，可單擊“ 修改 ”菜單的“ 分解組件 ”命令將其打散，分解成矢量圖形注意： 有些 符號(hào) 和 組合對(duì)象 允許嵌套所以 要經(jīng)過多次的打散操作直到將它們完全變成矢量圖形為止下面就來制作一個(gè)形變動(dòng)畫：首先顯示文本“地 球” ， 以后逐漸變成“我的家(1) 選擇場(chǎng)景“ 運(yùn)動(dòng)的地球” (“原場(chǎng)景2”)插入一個(gè)圖層，命名為“變幻的字”(2) 在第 200 幀插入關(guān)鍵幀用“ 文本工具 ” ， 在編輯區(qū)的下部 輸入“ 地 球”用箭頭工具選擇(或雙擊)該文本后，打開屬性框選擇所需的 字體 、 顏色 、設(shè)置字的大小調(diào)整文本框的 大小 、 字間距 、 位置 (在下方 )(3) 在第230

18、幀、300 幀中插入關(guān)鍵幀在第 300 幀將“ 地 球 ”改為“ 我的家 ”(4) 在第300幀：選擇“修改”菜單中的“分解組件”(或“分離”)命令(要使用2 次 ) ，將文字分解成矢量圖形同樣，在第 230 幀也將文字分解成矢量圖形(5) 選中第 230 幀，在“ 屬性 ”面板中選擇“ 中間 ” (或“補(bǔ)間”)選項(xiàng)的“形狀 ”命令這樣第 230 幀到第 300 幀之間就會(huì)變成 綠色并且會(huì)出現(xiàn)一個(gè)箭頭。(6) 在第 330 幀插入關(guān)鍵幀。測(cè)試場(chǎng)景！4 3 4 制作淡入效果在場(chǎng)景 2 中，我們已經(jīng)看到一個(gè)漂亮的地球在屏幕上邊轉(zhuǎn)動(dòng)、邊移動(dòng)了?，F(xiàn)在給它添加一個(gè)淡入的效果，讓 地球慢慢的出現(xiàn)(演示“課

19、件演示”場(chǎng)景1: “漸現(xiàn)的地球”)(1)打開“場(chǎng)景”對(duì)話框，雙擊“場(chǎng)景1 ”將其改名為“ 漸現(xiàn)的地球”(2) 將影片剪輯“ 光環(huán)繞地球”拖到 圖層 1 的 第 1 幀 中的 左上角(對(duì)應(yīng)于“場(chǎng)景2 ”的開始位置)在第 100 幀 “插入幀 ”(3) 在圖層 1 上新建“圖層2”將圖層名改為“ 天空背景 ”縮小編輯區(qū)(25%)用“矩形工具”在“圖層2”的第 1 幀 上繪制一個(gè)能覆蓋整個(gè)編輯區(qū)的 黑色矩形將該矩形定義成“圖形”組件名稱為“ 逐亮的天空 ”(4) 在“圖層 2”的 第 20 幀 插入關(guān)鍵幀將“ 漸亮的天空 ”的“ 屬性面板 ”打開選擇“ 顏色 ”欄中的“ alpha ”選項(xiàng)在右邊彈出的框中，將其值設(shè)為 100%在 第 90 幀 插入關(guān)鍵幀將其相應(yīng)的“ alpha ”設(shè)為 0%(這樣，該色塊就是全透明的了)在 第 20 幀到 第 90 幀之間“創(chuàng)建