實驗七FlashCS5動畫制作

1、實驗七 Flash CS5動畫制作一、實驗目的1. 能夠制作出一個動畫階段的運動動畫和形變動畫，能夠制作出簡單的逐幀動畫。2. 能夠制作基本層動畫，能制作遮罩特效的動畫，能制作鏈接引導特效的動畫，能夠在動畫制作中使用符號。3. 能夠為動畫添加聲音，能制作按鈕，能對按鈕設置動作腳本以控制動畫的播放二、實驗內容（一）、打字效果（保存文件名為7-1.swf）操作提示：第一步 在圖層1的第3幀處插入關鍵幀并使用【文本工具】寫入“從”字。（文字內容可自行設計）第二步 在第4幀處插入關鍵幀，并在當前幀的“從”字后輸入“前”字，接著在第5、6、7、8、9、10幀分別插入關鍵幀，并依次在各個關鍵幀處插入“有”

2、、“一”、座”、“山”、“山”、“上”、“有”、“座”、“廟”第三步 設置播放速度為6幀每秒。（二）、寫字效果（保存文件名為7-2.swf）操作提示：第一步 在第一幀使用文本工具插入“白日依山盡，黃河入海流”，并選擇合適字體。第二步 將文本兩次分離，在第2幀上插入關鍵幀，然后使用橡皮擦擦除流字的最后一個筆畫，接著再插入關鍵幀，對各個文字進行反筆畫擦除。第三步 全部擦除完畢之后，選中所有關鍵幀，點擊鼠標右鍵，在彈出的菜單上選擇“翻轉幀”。（三）、變換文字（保存文件名為7-3.swf）操作提示：第一步 設置寬300像素、高100像素的粉紅色舞臺。第二步 單擊第一幀，鍵入大小為“70”的藍色隸書“形

3、狀補間”四字，居中。在第5幀插入關鍵幀。第三步 選中第5幀上的文本，按下快捷鍵ctrl+B兩次，把文字打散。第四步 在第20幀插入空白關鍵幀，用同樣的大小和字體鍵入紅色“快樂學習”三字，居中。用同樣的方法把字打散。第五步 選中第5幀，創(chuàng)建補間形狀。第六步 在第25幀插入一個普通幀。第七步 測試影片，觀看效果。（四）、添加形狀提示（保存文件名為7-4.swf）操作提示：第一步 新建一個Flash CS5文檔。第二步 選擇文本工具在“屬性”面板中，設置字體為Arial Black，字體大小為96，文本顏色為黑色。第三步 在舞臺上單擊，輸入字母“T”并調整到舞臺中央。執(zhí)行“修改”|“分離”命令，將數

4、字分離成形狀。如圖1所示。圖1 將字母分離成形狀第四步 選擇“圖層1”第20幀，按F7鍵插入一個空白關鍵幀。選擇“文本工具”，輸入字母“Y” 并調整到舞臺中央。同樣把它分離成形狀。如圖2所示。圖2 第20幀上的字母形狀第五步 選擇第1幀，選擇創(chuàng)建補間形狀。 第六步 按下Enter鍵，可以觀察到字母T變形為字母Y的動畫效果。*添加變形提示以改進動畫效果。第七步 選擇“圖層1”的第1幀，選擇“修改”|“形狀”|“添加形狀提示”命令3次（或按快捷鍵Ctrl+Shift+H）。這時舞臺上會連續(xù)出現3個紅色的變形提示點（重疊在一起）。如圖3所示。圖3添加變形提示點第八步 確認”緊貼至對象”按鈕處于被按下

5、狀態(tài)，調整第1、20幀處的形狀提示，如圖4所示。 圖4 調整提示點第九步 調整好后在旁邊單擊鼠標，提示點的顏色會發(fā)生變化。第1幀上的變?yōu)辄S色，第20幀上的變?yōu)榫G色。第十步 再次按下Enter鍵，可以觀察到字母T變形為字母Y的動畫效果已經比較美觀了。(仔細觀察添加變形提示點前后動畫有什么變化)*希望大家自己發(fā)揮想象，制作漸變動畫（五）、風吹文字（保存文件名為7-5.swf）操作提示：第一步 打開Flash   cs5并新建一文檔。適當修改文檔屬性。（尺寸：400×200，背景為黑色）第二步 在工作區(qū)中用適當的字體、顏色輸入文本：計算機與信息學院。第三步 選

6、中全部文字后，按一次Ctrl+B將文字分離為單一文字。分別將每個文字轉換為影片剪輯。第四步 全選文字后，點擊菜單修改-時間軸-分散到圖層（或按Ctrl+Shift+D分布到層）。將空層(圖層1)刪除。并適當排列文字。第五步 選中所有層的第24幀，插入一關鍵幀。第12幀當前幀，Ctrl+A全選后，整體向上移動一段距離。第六步 點擊菜單修改-變形水平-翻轉，分別將每個文字水平翻轉。第七步 適當調整一下水平翻轉之后文字的位置，靠向中心一點。第八步 選中第24幀中的所有元件實體文字，將它們的色彩效果Alpha值都設為0%使其完全透明。第九步 分別為每一層都創(chuàng)建傳統(tǒng)補間動畫，并將每個層向后依次移動3幀，

7、并在適合位置插入普通幀。第十步 測試。注：動畫之間的幀數越多效果也越好。（六）、風車動畫（保存文件名為7-6.swf）操作提示：第一步 新建Flash cs5文檔，大小550×400像素，背景白色，文件名為“風車動畫”。第二步 導入風景畫到庫，并拖放到舞臺，使其適合舞臺。第三步 新建名為“風車”的圖形元件，繪制一個黑邊線，藍綠色填充的橢圓，調整好風葉，并轉換為圖形元件“風葉”。將圖形元件“風葉”的中心點利用任意變形工具調整到風車的中心，再到“變形”面板設置旋轉度為60，再點擊按鈕進行重復設置。如圖第四步 新建“旋轉風車”影片剪輯元件，把風車元件拖入，在第40幀插入關鍵幀，做傳統(tǒng)補間動

8、畫，設置順時針，圈數為1。第五步 返回場景，拖入“旋轉風車”影片剪輯，改變大小和位置。第六步 測試影片。（七）、海底世界（保存文件名為7-7.swf）操作提示：分來敘述。先來創(chuàng)建和水泡有關的部分。做實驗前，先下載一幅海底圖片和魚（或其他水生動物）的圖片。第一步 創(chuàng)建“單個水泡”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖圖1 水泡（放大400倍）、填充位置及混色器面板參數第二步 創(chuàng)建“一個水泡及引導線”元件執(zhí)行【插入】|【新建元件】命令，新建影片剪輯，名稱為“一個水泡及引導線”。添加傳統(tǒng)運動引導層，在此層中用鉛筆工具 從場景的中心向上畫一條曲線并在第60幀處加普通幀。在其下的被引導層的第一幀

9、，拖入庫中的名為“單個水泡”的元件，放在引導線的下端，在第60幀加關鍵幀，把“單個水泡”元件移到引導線的上端并設置Alpha值為50，如圖所示。圖 2 水泡及引導線第三步 創(chuàng)建“成堆的水泡”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“成堆的水泡”。從庫里拖入數個“一個水泡及引導線”元件，任意改變大小位置。圖 3 成堆的水泡（放大200倍）第四步 創(chuàng)建“魚及引導線”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“魚及引導線”。此元件只有引導層和被引導層二層，添加傳統(tǒng)運動引導層，在引導層中用鉛筆工具畫一條曲線作魚兒游動時的路徑，在被引導層中執(zhí)行【文件】|【導入到場景

10、】命令，將本實例中的名為“魚”的元件導入到場景中，在第1幀及第100幀中分別置于引導線的兩端，在第一幀中建立補間運動動畫，在【屬性】面板上的【路徑調整】、【同步】、【對齊】三項前均打勾，如圖所示。圖4 魚及引導線第五步 創(chuàng)建海底元件創(chuàng)建一個圖形元件，命名為“海底”。選擇第一幀，然后導入一幅海底畫面第六步 創(chuàng)建動畫 (1)創(chuàng)建背景層從庫中把名為“海底”的元件拖到場景中，在第134幀加普通幀，該層命名為“背景”。(2)創(chuàng)建水泡層新建名為“水泡”的圖層，在第1幀，第30幀從庫里把名為“成堆的水泡”的元件拖到場景中來，數目、大小、位置任意，在第134幀加普通幀。(3)創(chuàng)建游魚層新建名為“魚”的圖層，從

11、庫里把名為“魚及引導線”的元件拖放到場景的左側，數目、大小、位置任意，在第134幀加普通幀。同學們還可以試著做以下動畫應用在自己的網頁設計中：1、自由活動的爬蟲2、蝴蝶紛飛。(至少出現兩只蝴蝶沿不同軌跡紛飛)（八）、水波紋（保存文件名為7-8.swf）操作提示：第一步 新建Flash cs5文檔，命名為“水波紋特效”。大小600×480像素，背景白色。第二步 導入水面圖片到庫，并拖放到舞臺，使圖片適合舞臺。第三步 新建圖層2，把圖層1的第一幀中的圖復制到圖層2的第一幀上。保持位置一致。（使用“粘貼到當前位置”）第四步 鎖定圖層1和圖層2，新建圖層3，畫一個無填充的暗紅色橢圓。如圖。

12、第五步 選擇剛畫好的橢圓，復制(Ctrl+C),粘貼到當前位置（Ctrl+Shift+V），選擇變形工具，均勻放大橢圓（Shift+Alt+放大），重復多次，如圖。第六步 選中圖層3的第一幀（所有橢圓）。點擊修改/形狀/ 將線條轉換為填充，再轉換為圖形元件（按下F8），命名為“水波紋”。如圖。第七步 解鎖圖層1和圖層2，在圖層1和圖層2的第110幀，插入幀（F5）。第八步 在圖層3 的55幀和110幀插入關鍵幀（F6），并改變第55幀實例的大小。如圖。第九步 給圖層3做傳統(tǒng)補間，并設置圖層3為遮罩層。第十步 把圖層1 的圖片稍微錯開一點，測試影片。（九）、為一個簡單動畫作品添加聲音，并通過銨鈕和相應的腳本設置，控制動畫的播放、暫停和停止。（保存文件名為7-9.swf）操作提示：1制作一個簡單的形變或運動動畫2導入一個時長為3分鐘左右的mp3歌曲3將導入的歌曲加入到一個新層上（注意：由于3分鐘左右的mp3歌曲需要180秒左右，若按每秒12幀的速度，則作品總幀數在2160幀 左右，在不影響本項目的實驗目的達成的前提下，將作品的總幀數控制在720幀左右，即將速度調整為每秒4幀