實(shí)驗(yàn)七FlashCS5動(dòng)畫制作

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

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

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

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

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

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

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

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

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

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

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

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