中職 網頁動畫制作項目十 快樂的生日 電子課件

中職網頁動畫制作項目十快樂的生日電子課件（高教版）中職網頁動畫制作項目十快樂的生日電子課件（高教版）項目十

快樂的生日——電子賀卡的制作

任務一

制作背景與氣球動畫

任務二

制作生日蛋糕動畫

任務三

制作文字動畫

任務四

添加背景音樂和重播按鈕

實戰(zhàn)演練

設計一個母親節(jié)賀卡

目錄任務一制作背景與氣球動畫[本任務目標]:掌握Alpha值的設置對動畫效果的作用；掌握引導動畫的制作方法。[本任務重點]:引導動畫的制作項目任務上一頁下一頁【開篇語】

本實例以生日賀卡為主題，色彩鮮明、艷麗的氣球、彩旗、蠟燭和蝴蝶結等基本素材，加上詼諧幽默的卡通形象和調皮歡快的生日快樂歌，烘托出賀卡輕松、活潑的主題風格。采用淡入淡出和遮罩兩種動畫形式的轉場，再配上氣球升空、文字旋轉、蝴蝶結合并等動畫，整個動畫顯得更加豐富多彩、愉悅人心。

項目任務上一頁下一頁一、新建Flash文件新建一個名為“生日快樂”的Flash（ActionScript2.0)文件，執(zhí)行【修改】→【文檔】命令修改文檔尺寸。如圖10-1所示，設置文檔寬度為400像素，高度為300像素，幀頻12fps（每秒鐘播放12幀，放慢動畫速度），單擊“確定”按鈕。圖10-1修改文檔屬性項目任務上一頁下一頁二、制作開場背景動畫1．導入背景1圖片將默認圖層改名為“背景1”，執(zhí)行【文件】→【導入】→【導入到舞臺】命令，將光盤中“素材與實例→project10→素材”目錄下的“背景1.jpg”圖片素材導入到舞臺。修改圖片尺寸同樣為400*300，并利用【對齊工具】相對于舞臺對齊。選中舞臺中的圖片素材單擊右鍵執(zhí)行【轉換為元件】命令，將圖片轉換為圖形元件，起名為“背景1”，如圖10-2所示。項目任務上一頁下一頁圖10-2導入背景1素材項目任務上一頁下一頁2．制作背景消失動畫

選中“背景1”圖層，在第30和70幀處插入關鍵幀，在第70幀中選擇“背景1”元件，打開【屬性面板】，將【色彩效果】→【樣式】下的Alpha值設為0%，然后在第30幀到第70幀之間創(chuàng)建傳統(tǒng)補間，如圖10-3所示。項目任務上一頁下一頁圖10-3創(chuàng)建背景1的消失動畫項目任務上一頁下一頁二、制作氣球飛升動畫1．制作一個氣球升空的動畫

新建一個名為“紫氣球”的影片剪輯元件，進入編輯界面中，從光盤的“素材與實例→project10→素材”目錄下將“紫氣球.png”圖片導入到舞臺，并將它轉換為圖形元件。選中該圖層單擊右鍵執(zhí)行【添加傳統(tǒng)運動引導層】命令建立一個引導層。在引導層的第1幀上，使用【鉛筆工具】繪制一條曲線作為氣球升空的運動軌跡，再在引導層的第50幀處插入幀。然后回到“圖層1”的第1幀并插入關鍵幀,將紫氣球的中心移至曲線的末端，再在“圖層1”的第50幀處將紫氣球的中心移至曲線的頂端，最后在第1幀到第50幀之間單擊右鍵執(zhí)行【創(chuàng)建傳統(tǒng)補間】命令，生成一個紫氣球按曲線路徑升空的引導層動畫。第1幀和第50幀氣球在路徑兩端的位置及動畫時間軸如圖10-4所示。項目任務上一頁下一頁圖10-4一個氣球的引導層動畫項目任務上一頁下一頁2．制作其它氣球升空的動畫按照紫氣球引導層動畫的制作方法，再分別制作出紅、橙、綠、粉、粉紅和粉紫其它6種顏色氣球的引導層動畫，如圖10-5所示。圖10-5其他6種氣球的引導層效果項目任務上一頁下一頁3．制作氣球飛揚影片剪輯元件（1）新建一個名為“氣球飛揚”的影片剪輯元件，進入編輯界面中，選中“圖層1”的第一幀，將庫中的7種氣球元件依次拖入舞臺中，可以利用【修改】→【變形】→【水平翻轉】命令修改任意一個的氣球運動方向。根據個人喜好調整氣球元件的排列位置和運動方向，得到如圖10-6所示的一組氣球。圖10-6第一組氣球的排列項目任務上一頁下一頁（2）在“圖層1”上新建3個圖層，按照第一組氣球的制作方式，分別制作其它三組氣球，如圖10-7所示。氣球的排列要錯落有致、氣球飛升的方向也要交叉開，制作出比較自然的效果。（a）添加第二組氣球后的效果（b）添加第三組氣球后的效果（c）添加第四組氣球后的效果圖10-7其它三組氣球的添加過程項目任務上一頁下一頁（3）分別選中四個圖層，在每個圖層的第50幀處插入幀，延長氣球的顯示時間，這樣就可以在這50幀的時間內完成每一個氣球的飛升動畫，從而實現所有氣球一同向上飛揚的效果。項目任務上一頁下一頁4．制作氣球淡入淡出效果（1）返回場景1，在“背景1”圖層上新建一個名為“氣球飛揚”的圖層。在第30幀處插入空白關鍵幀，然后將庫中的“氣球飛揚”元件拖入到舞臺中。選中“氣球飛揚”元件的實例，打開【屬性面板】，設置它的相關參數，x為209.5，y為220，寬度為660.5，高度為437.6，Alpha為0%。（2）在第40幀處插入關鍵幀，修改“氣球飛揚”元件實例的相關屬性參數，x為209.5，y為165，Alpha為100%，然后在第30幀到第40幀之間創(chuàng)建傳統(tǒng)補間，完成氣球淡入效果的制作，如圖10-8所示。項目任務上一頁下一頁圖10-8第30到40幀間的氣球淡入效果項目任務上一頁下一頁（3）在第75幀處插入關鍵幀，再在第80幀處插入關鍵幀，將第80幀中的元件實例屬性中的Alpha值改為0%。然后在第75幀和第80幀之間創(chuàng)建傳統(tǒng)補間，實現氣球淡出效果，如圖10-9所示。項目任務上一頁下一頁圖10-9第75到80幀間的氣球淡出效果項目任務上一頁[本任務目標]:遮罩動畫的制作。[本任務重點]:1、元件的建立方法。2、對圖形遮罩動畫制作方法。任務二制作生日蛋糕動畫項目任務上一頁下一頁一、導入背景2圖片在“背景1”圖層下新建一個名為“背景2”的圖層，將光盤中“素材與實例→project10→素材”目錄下的“背景2.jpg“圖片素材導入到舞臺，圖片尺寸同樣改為400*300，并將它轉換為“背景2”圖形元件。在“背景2”圖層的第145幀處插入幀以延長畫面，如圖10-10所示。項目任務上一頁下一頁圖10-10將背景2延長到第145幀項目任務上一頁下一頁二、創(chuàng)建生日蛋糕圖形元件

新建一個名為“生日蛋糕”的圖形元件，在編輯界面中，將光盤中“素材與實例→project10→素材”目錄下的“生日蛋糕.png”圖片素材導入到舞臺。在第20幀處插入關鍵幀，利用【任意變形工具】將蛋糕向左旋轉。再在第25幀處插入關鍵幀，用【任意變形工具】將蛋糕向右旋轉。然后復制第20幀分別到第30、40、50、60幀處，復制第25幀分別到第35、45、55幀處，完成蛋糕的擺動效果。蛋糕在第20幀和第25幀處的左右旋轉位置和動畫時間軸如圖10-11所示。項目任務上一頁下一頁圖10-11蛋糕的左右旋轉位置及動畫時間軸項目任務上一頁下一頁三、完成生日蛋糕動畫效果返回場景1，在“背景2”圖層上新建一個名為“生日蛋糕”的圖層。在第85幀處插入空白關鍵幀，將庫中的“生日蛋糕”元件拖入到舞臺中。設置其元件實例的屬性參數，x為135.8，y為-153.2，寬度為151.3，高度為175.4。在第100幀處插入關鍵幀，修改其屬性值，x為135.8，y為107.8，然后在第85幀與第100幀之間創(chuàng)建傳統(tǒng)補間，最后在第145幀處插入幀，將生日蛋糕動畫延長至第145幀，完成生日蛋糕從舞臺上方落下并左右擺動的動畫效果，如圖10-12所示。項目任務上一頁下一頁圖10-12蛋糕在場景1中的動畫效果項目任務上一頁下一頁四、制作遮罩動畫效果1．新建遮罩圖層在“生日蛋糕”圖層上新建一個名為“遮罩”的圖層，在第135幀處插入空白關鍵幀。選擇【橢圓工具】，在舞臺上繪制一個橢圓形（顏色隨意，遮罩后可自動忽略），并將其轉化為名為圖形元件。設置它的屬性值：x為0，y為0，寬度為400，高度為300。

2．制作遮罩圖層上的動畫在“遮罩”圖層第150幀處插入關鍵幀，選中“橢圓”圖形元件，修改其屬性值：x為185，y為140，寬度為29，高度為20。然后在第135幀與第150幀之間創(chuàng)建傳統(tǒng)補間，實現橢圓由外到內縮小的動畫效果。第135幀、第145幀、第150幀的動畫效果以及時間軸如圖10-13所示。項目任務上一頁下一頁圖10-13橢圓由外向內縮小的動畫項目任務上一頁下一頁3．制作遮罩效果選中“遮罩”圖層，單擊右鍵執(zhí)行【遮罩層】命令將其轉換為遮罩層，然后拖動“背景2”圖層置于遮罩范圍內，將其轉換為被遮罩層，并將該圖層鎖定，完成“背景2”和“生日蛋糕”的遮罩效果，第135幀和第145幀的遮罩效果以及時間軸如圖10-14所示。圖10-14制作遮罩效果項目任務上一頁[本任務目標]:文字影片剪輯的制作[本任務重點]:1、掌握文字發(fā)光、擺動效果的制作2、掌握圖片移動動畫效果的制作任務三制作文字動畫項目任務上一頁下一頁一、制作背景3淡入效果在“遮罩”圖層上新建一個名為“背景3”的圖層，并在第145幀處插入空白關鍵幀，使用【矩形工具】繪制一個400*300大小，顏色為粉色（#FF9999）的無邊框矩形。將其轉換為圖形元件，在【屬性面板】中將Alpha值設置為0%。然后在第155幀處插入關鍵幀，修改矩形元件的屬性，將Alpha值設為100%，并在第145幀與第155幀之間創(chuàng)建傳統(tǒng)補間，最后在第335幀處插入幀來延長畫面，完成“背景3”圖層的淡入顯示效果，實現場景畫面的自然過渡。第146幀、第150幀、第160幀的動畫效果以及時間軸如圖10-15所示。項目任務上一頁下一頁圖10-15制作背景3淡入動畫項目任務上一頁下一頁二、制作彩旗落下效果在“背景3”圖層上新建一個名為“彩旗”的圖層，在第150幀處插入空白關鍵幀，將光盤中“素材與實例→project10→素材”目錄下的“彩旗.png”圖片素材導入到舞臺，將其轉換為圖形元件，設置其屬性參數x為0，y為-100，寬度為400，高度為100。在第160幀處插入關鍵幀，修改屬性參數x為0，y為0。然后在第150幀和第160幀之間創(chuàng)建傳統(tǒng)補間，第150幀、第155幀和第160幀的動畫效果以及時間軸如圖10-16所示。項目任務上一頁下一頁圖10-16制作彩旗落下動畫項目任務上一頁下一頁三、制作蠟燭出現效果

1．制作蠟燭1的升起動畫在“彩旗”圖層上新建一個名為“蠟燭”的文件夾，并在文件夾下新建一個名為“蠟燭1”的圖層。在第160幀處插入空白關鍵幀，將光盤中“素材與實例→project10→素材”目錄下的“蠟燭.png”圖片素材導入到舞臺，將其轉換為圖形元件。設置蠟燭的屬性值：x為-20，y為268，寬度為113，高度為151。在第170幀處插入關鍵幀，將蠟燭的y坐標改為215。然后在第160幀和第170幀之間創(chuàng)建傳統(tǒng)補間，實現蠟燭從低端升起的動畫效果。第160幀、第165幀和第170幀的動畫效果以及時間軸如圖10-17所示。項目任務上一頁下一頁圖10-17制作蠟燭1升起動畫項目任務上一頁下一頁2．制作其它蠟燭升起的動畫

按照蠟燭1升起動畫的制作方法來制作其它蠟燭的升起動畫。首先在“蠟燭1”圖層上再新建4個圖層，分別命名為“蠟燭2”，“蠟燭3”，“蠟燭4”和“蠟燭5”。在“蠟燭2”圖層的第175幀處插入關鍵幀，復制蠟燭對象，然后在第175幀到第185幀間創(chuàng)建傳統(tǒng)補間，修改第175幀中蠟燭的x值為60，y值為268。第185幀中y值改為205。在“蠟燭3”圖層的第190幀處插入關鍵幀，復制蠟燭對象，在第190幀到第200幀間創(chuàng)建傳統(tǒng)補間，修改第190幀中蠟燭的x值為140，y值為268。第200幀中y值改為195。在“蠟燭4”圖層的第205幀處插入關鍵幀，復制蠟燭對象，在第205幀到第215幀間創(chuàng)建傳統(tǒng)補間，修改第205幀中蠟燭的x值為220，y值為268。第215幀中y值改為185。在“蠟燭5”圖層的第220幀處插入關鍵幀，復制蠟燭對象，在第220幀到第230幀間創(chuàng)建傳統(tǒng)補間，修改第220幀中蠟燭的x值為300，y值為268。第230幀中y值改為175。五根蠟燭的動畫效果及時間軸如圖10-18所示。項目任務上一頁下一頁圖10-18其它4根蠟燭的升起動畫項目任務上一頁下一頁3．制作蠟燭的淡出動畫在5個蠟燭圖層的第230幀、第270幀和第285幀處分別插入關鍵幀，然后將每個圖層的第285幀中蠟燭的Alpha屬性值改為0%。并在第270幀和第285幀之間創(chuàng)建傳統(tǒng)補間，再刪除285幀之后的全部多余幀，從而實現5根蠟燭一起逐漸消失的動畫效果，如圖10-19所示。項目任務上一頁下一頁圖10-195根蠟燭一同淡出的動畫項目任務上一頁下一頁四、制作文字動態(tài)效果

1.建立文字影片剪輯在“蠟燭”文件夾上新建一個名為“英文”的圖層，在第235幀處插入空白關鍵幀，利用【文本工具】在舞臺輸入文字“HAPPYBIRTHDAY”。打開文本的【屬性面板】設置相關參數，在字符選項中設置系列為ElectricDysentery，樣式為Regular，大小為29點。然后為每個字母設置顏色，依次為#00FFFF、#9965FF、#0000CC、#007E6F、#803000、#00CC99、#0099CC、#FF6532、#00FFFF、#006666、#994349、#0000CC和#009999（也可根據喜好變換任意其它顏色）。最后將文本轉換為影片剪輯元件，文字效果如圖10-20所示。項目任務上一頁下一頁圖10-20靜態(tài)文字效果項目任務上一頁下一頁2.制作文字旋轉動畫在第245幀處插入關鍵幀，在第235到245幀區(qū)間內單擊右鍵執(zhí)行【創(chuàng)建補間動畫】命令為影片剪輯創(chuàng)建一個補間動畫。然后打開【屬性面板】，在旋轉選項中將方向設置為順時針，其它使用默認參數。然后在第235幀處選中文字，設置其屬性參數x為212.4，y為168.4，寬度為130，高度為45，Alpha為0%。再修改第244幀中文字的屬性參數Alpha為100%，效果如圖10-21所示。項目任務上一頁下一頁圖10-21文字旋轉動畫項目任務上一頁下一頁3.制作文字發(fā)光效果刪除第300幀以后的全部多余幀，在第245幀到第300幀之間創(chuàng)建補間動畫，選中第245幀的文字，設置位置參數x為215，y為188。在最下方濾鏡選項中選中發(fā)光，給字體添加發(fā)光效果，參數使用默認值，在如圖10-22所示。

圖10-22文字發(fā)光效果及濾鏡設置項目任務上一頁下一頁4.制作文字擺動效果在第255幀處選中文字，用【任意變形工具】向左旋轉，再在第260幀處，用【任意變形工具】將文字向右旋轉。同樣第265幀處的文字也向左旋轉，第270幀處的文字向右旋轉，第275幀文字回到原位，完成發(fā)光文字的擺動效果，如圖10-23所示。項目任務上一頁下一頁圖10-23發(fā)光文字的擺動位置及時間軸項目任務上一頁下一頁五、制作蝴蝶結動畫特效1.制作蝴蝶結1右移動畫

在“英文”圖層上新建一個名為“蝴蝶結1”的圖層，在第260幀處插入空白關鍵幀，將光盤中“素材與實例→project10→素材”目錄下的“蝴蝶結1.png”圖片素材導入到舞臺，將其轉換為圖形元件。第260幀處蝴蝶結1的屬性參數x為-255，y為16，寬度為500，高度為300。在第300幀處插入關鍵幀，修改屬性參數x為-50，然后在第260幀和第300幀之間創(chuàng)建傳統(tǒng)補間。

2.制作蝴蝶結2左移動畫在“蝴蝶結1”圖層上新建一個名為“蝴蝶結2”的圖層，在第260幀處插入空白關鍵幀，將光盤中“素材與實例→project10→素材”目錄下的“蝴蝶結2.png”圖片素材導入到舞臺，并將其轉換為圖形元件。第260幀處蝴蝶結2的屬性參數x為145，y為16，寬度為500，高度為300。在第300幀處插入關鍵幀，修改屬性參數x為-50，在第260幀和第300幀之間創(chuàng)建傳統(tǒng)補間。蝴蝶結合并的動畫過程如圖10-24所示。項目任務上一頁下一頁圖10-24蝴蝶結合并動畫過程項目任務上一頁[本任務目標]:掌握背景音樂的添加方法及控制方法。[本任務重點]:

控制按鈕的使用。任務四添加背景音樂和重播按鈕項目任務上一頁下一頁一、添加背景音樂1.導入背景音樂在“蝴蝶結2”圖層上新建一個名為“音樂”的圖層，將光盤中“素材與實例→project10→素材”目錄下“生日快樂歌.mp3”音樂導入到庫。選中“音樂”圖層，將庫中的“生日快樂歌.mp3”音樂文件拖入舞臺，此時在“音樂”圖層的時間軸區(qū)間出現了淺紫色的聲波。2.添加音樂控制代碼選中“音樂”圖層的第335幀，單擊右鍵執(zhí)行【轉換為空白關鍵幀】將該幀變?yōu)榭瞻讕?，再單擊鼠標右鍵執(zhí)行【動作】命令，進入”腳本語言編輯”界面，輸入“stop（）；”命令，如圖10-25所示。項目任務上一頁下一頁圖10-25音樂圖層的時間軸與動作腳本項目任務上一頁下一頁二、制作重播動態(tài)按鈕1．制作彈起幀新建一個名為“重播”的按鈕元件，選中“彈起”幀，使用文本工具輸入文字“Replay”，在【屬性面板】中如圖10-26所示設置文本的相關參數，以及給文字添加的濾鏡參數，其中文字顏色為白色，發(fā)光顏色為橙色（##FF9900）。圖10-26文本相關參數及文字效果項目任務上一頁下一頁2．制作指針經過幀在“指針經過”幀上插入關鍵幀，修改文字顏色為灰色（#666666），如圖10-27所示。圖10-27指針經過幀中的文本效果項目任務上一頁下一頁3．制作按下幀在“按下幀”上插入關鍵幀，修改文字的濾鏡參數，參數設置和文字效果如圖10-28所示。圖10-28濾鏡修改參數及文字效果項目任務上一頁下一頁4．制作點擊幀在“點擊幀”上插入空白關鍵幀，使用【矩形工具】繪制一個與文字一樣大小的矩形，正好蓋住文字，如圖10-29所示。圖10-29文本在點擊幀的效果及時間軸項目任務上一頁下一頁三、制作按鈕淡入效果返回場景1，在“蝴蝶結2”圖層上新建一個名為“按鈕”的圖層，在第310幀處插入空白關鍵幀，將庫中的“重播”按鈕元件拖入舞臺，設置屬性參數x為365，y為305，寬度為64，高度為36，Alpha值為0%。在第320幀處插入關鍵幀，修改按鈕的Alpha屬性值為100%，然后創(chuàng)建傳統(tǒng)補間，如圖10-30所示。項目任務上一頁下一頁圖10-30按鈕淡入動畫過程和時間軸項目任務上一頁下一頁四、添加按鈕腳本代碼將“按鈕”圖層的第335幀轉換為關鍵幀，選中“重播”按鈕對象，單擊鼠標右鍵執(zhí)行【動作】命令，進入”腳本語言編輯”界面，輸入如圖10-31所示代碼。其中，on（release）表示按鈕松開時響應該事件；stopAllSounds()命令用于控制停止所有聲音，gotoAndPlay(1)用于指定跳轉到第1幀去執(zhí)行。這樣就實現了按下重播按鈕，停止未播放完的音樂，并跳轉到第1幀重新播放動畫。項目任務上一頁下一頁

圖10-31按鈕的動作腳本項目任務上一頁實戰(zhàn)演練設計一個母親節(jié)賀卡[本任務目標]:運用所學知識制作一個電子賀卡

。[本任務重點]:1.文本動畫的制作。2.引導層動畫的制作。3.聲音控制按鈕的制作。項目任務上一頁下一頁【實戰(zhàn)演練】設計一個母親節(jié)賀卡，利用蝴蝶輕舞、蒲公英飄散、星星閃落等動畫，以及圖片的淡入淡出轉換方式，并配以清雅的文字，體現母親節(jié)溫馨、感恩的主題，具體操作步驟如下：1．新建一個名為“母親節(jié)賀卡.fla”Flash文件，設置文檔尺寸，寬度為400像素，高度為300像素，幀頻：12fps。2.將默認圖層改名為“圖片1”，將光盤中“素材與實例→project10→素材→實戰(zhàn)素材”目錄下的“背景1.jpg”圖片導入到舞臺并轉換為圖形元件。設置屬性參數x為260，y為112.4寬度為646，高度為523。在第55幀處插入關鍵幀，修改參數x為180，y為112.4，并創(chuàng)建傳統(tǒng)補間。在第115幀和第150幀處插入關鍵幀，并修改第150幀中圖片的屬性參數，x為220，y為112.3，寬度為536，高度為434，并創(chuàng)建傳統(tǒng)補間。在第160幀處插入關鍵幀，并將圖片的Alpha值改為0%，再創(chuàng)建第150幀和第160幀間的傳統(tǒng)補間動畫，“圖層1”的圖片和動畫時間軸如圖10-32所示。項目任務上一頁下一頁圖10-32圖層1的圖片和動畫時間軸項目任務上一頁下一頁3.新建一個名為“圖片2”的圖層，在第139幀處插入關鍵幀，將光盤中“素材與實例→project10→素材→實戰(zhàn)素材”目錄下的“背景2.jpg”圖片導入到舞臺并轉換為圖形元件。設置屬性參數x為200，y為150，寬度為450，高度為350，Alpha為0%。在第160幀處插入關鍵幀，將圖片的Alpha屬性改為100%，然后創(chuàng)建傳統(tǒng)補間。在第290幀插入一個普通幀以延長畫面，“圖層2”的圖片和動畫時間軸如圖10-33所示。項目任務上一頁下一頁圖10-33圖層2的圖片和動畫時間軸項目任務上一頁下一頁4.新建一個名為“圖片3”的圖層，在第270幀處插入關鍵幀，將光盤中“素材與實例→project10→素材→實戰(zhàn)素材”目錄下的“背景3.jpg”圖片導入到舞臺并轉換為圖形元件。設置屬性參數x為200，y為150，寬度為510，高度為400，Alpha為0%。在第290幀處插入關鍵幀，將圖片的Alpha屬性改為100%，然后創(chuàng)建傳統(tǒng)補間。再在第340幀插入一個關鍵幀，修改屬性參數寬度為450，高度為350，并創(chuàng)建第270幀和第290幀間的傳統(tǒng)補間動畫。最后在第810幀處插入普通幀以延長畫面，“圖層3”的圖片和動畫時間軸如圖10-34所示。項目任務上一頁下一頁圖10-34圖層3的圖片和動畫時間軸項目任務上一頁下一頁5.新建一個名為“文字1”的圖形元件，使用【文本工具】輸入下面的文字，“世界上只有一位最好的女性”的文字。在【屬性面板】中設置字符系列為迷你花瓣體，樣式為Regular，大小為30點，顏色為粉色（#FF6565）。文字效果和參數設置如圖10-35所示。圖10-35文字1的文字效果和參數設置項目任務上一頁下一頁6.再新建4個圖形元件，分別命名為“文字2”、“文字3”、“文字4”、“文字5”，采用與“文字1”相同的參數設置，用【文本工具】分別輸入文字“她便是慈愛的母親”、“世界上只有一種最美的聲音”、“那便是母親的呼喚”、“慈母手中線，游子身上衣在這樣的日子里，您該歇歇了”。各元件的文字效果如圖10-36所示。（d）文字2的效果（a）文字2的效果（b）文字3的效果（c）文字2的效果圖10-36各文字元件的文字效果項目任務上一頁下一頁7.返回場景1，在“圖片3”圖層上新建5個圖層分別命名為“文字1”、“文字2”、“文字3”、“文字4”和“文字5”。在“文字1”圖層的第55幀處插入關鍵幀，將庫中的“文字1”元件拖入舞臺，設置屬性參數x為308，y為110，寬度為200，高度為20，Alpha為0%。在第80幀處插入關鍵幀，修改屬性參數x為278，Alpha為100%,并創(chuàng)建傳統(tǒng)補間，實現文字的移動和淡入動畫效果。在第125幀和第140幀處插入關鍵幀，修改第140幀中文字的Alpha值為0%，并創(chuàng)建第125幀和第140幀間的傳統(tǒng)補間動畫，實現文字的淡出效果，最后刪掉140幀以后多余的幀，“文字1”圖層的文字和動畫時間軸如圖10-37所示。項目任務上一頁下一頁圖10-37文字1圖層第125幀處的文字和時間軸項目任務上一頁下一頁8.在“文字2”圖層的第75幀中拖入“文字2”元件，設置屬性參數x為315，y為110，寬度為135，高度為20，Alpha為0%。在第95幀處插入關鍵幀，修改屬性參數x為281，Alpha為100%,并創(chuàng)建傳統(tǒng)補間。再按照“文字1”圖層的方式，制作“文字2”圖層第125幀到第140幀的文字淡出效果，最后刪掉140幀以后多余的幀，“文字2”圖層的文字和動畫時間軸如圖10-38所示。項目任務上一頁下一頁圖10-38文字2圖層第95幀處的文字和時間軸項目任務上一頁下一頁9.按照“文字1”圖層的制作方式制作“文字3”圖層的動畫，第一個補間動畫是第160幀到第200幀。第160幀參數設置x為30，y為375，寬度為135，高度為45，Alpha為0%。第200幀處修改屬性參數y為313，Alpha為100%。第二個淡出補間動畫是第250幀到第270幀，最后刪掉270幀以后多余的幀，“文字3”圖層的文字和動畫時間軸如圖10-39所示。項目任務上一頁下一頁圖10-39文字3圖層第200幀處的文字和時間軸項目任務上一頁下一頁10.制作“文字4”圖層的動畫，第一個補間動畫是第200幀到第230幀。第200幀參數設置x為330，y為265，寬度為120，高度為40，Alpha為0%。第230幀處修改屬性參數y為344，Alpha為100%。第二個淡出補間動畫是第250幀到第270幀，最后刪掉270幀以后多余的幀，“文字4”圖層的文字和動畫時間軸如圖10-40所示。項目任務上一頁下一頁圖10-40文字4圖層第230幀處的文字和時間軸項目任務上一頁下一頁11.制作“文字5”圖層的動畫，第一個補間動畫是第280幀到第295幀。第280幀參數設置x為0，y為237，寬度為150，高度為120，Alpha為0%。第295幀處修改屬性參數Alpha為100%。第二個淡出補間動畫是第310幀到第340幀，最后刪掉340幀以后多余的幀，“文字5”圖層的文字和動畫時間軸如圖10-41所示。項目任務上一頁下一頁圖10-41文字5圖層第310幀處的文字和時間軸項目任務上一頁下一頁12.新建一個名為“星光”的影片剪輯元件，將光盤中“素材與實例→project10→素材→實戰(zhàn)素材”目錄下的“星光.png”圖片導入到元件中，在第30幀處插入關鍵幀以延長畫面。在星光所在圖層上添加引導層，利用【鉛筆工具】繪制一條曲線作為運動路徑，然后將第1幀中的星光中心移至曲線的首端，將第30幀處的星光移到曲線底端，并將30幀處的星光的Alpha值設為0%，創(chuàng)建一個傳統(tǒng)補間動畫，實現星光沿曲線路徑移動并逐漸消失的效果，如圖10-42所示。項目任務上一頁下一頁圖10-42星光的引導層動畫項目任務上一頁下一頁13.新建一個名為“星光燦爛”的影片剪輯元件，將庫中的“星光”元件拖入舞臺中，并在不同的位置上復制出個多個星光元件的實例對象，為了使畫面更加生動，利用【任意變形工具】改變各個元件的大小和Alpha值，然后在第60幀處插入幀以延長畫面，最終效果如圖10-43所示。項目任務上一頁下一頁圖10-43星光燦爛的效果項目任務上一頁下一頁14.在“文字5”圖層上新建一個名為“星光”的圖層，在第30幀處插入關鍵幀，將庫中的“星光燦爛”元件拖入舞臺中，設置屬性參數x為116，y為72，寬度為300，高度為205。然后在第115幀處插入幀以延長畫面。再選中第89幀到第99幀之間的10幀，單擊右鍵執(zhí)行【清除幀】操作清除這10幀的內容，最后再刪掉115幀以后多余的幀，完成“星光”圖層的制作，如圖10-44所示。項目任務上一頁下一頁圖10-44星光圖層的效果和時間軸項目任務上一頁下一頁15.新建一個名為“蝴蝶”的影片剪輯元件，將光盤中“素材與實例→project10→素材→蝴蝶素材”目錄下的所有蝴蝶圖片導入到舞臺，自動生成一個蝴蝶扇動翅膀的逐幀動畫，如圖10-45所示。圖10-45蝴蝶逐幀動畫效果和時間軸項目任務上一頁下一頁16.新建一個名為“蝴蝶飛舞”的影片剪輯元件，并建立兩個圖層，在“圖層1”中拖入“蝴蝶”元件，在圖層2中拖入“星光燦爛”元件，使用【任意變形工具】分別調整它們的大小、位置及方向，再在引導層中繪制一條曲線作為蝴蝶飛行的路徑，然后在3個圖層的第60幀插入關鍵幀，并為“圖層1”和“圖層2”創(chuàng)建傳統(tǒng)補間，使第1幀中的蝴蝶和星光在路徑左端，第60幀中它們移到路徑右端，完成閃爍著星光的蝴蝶沿路徑飛舞的動畫效果，如圖10-46所示。項目任務上一頁下一頁圖10-46蝴蝶飛舞動畫效果和時間軸項目任務上一頁下一頁17.返回場景1，在“星光”圖層上新建一個名為“蝴蝶”的圖層，在第220幀處插入關鍵幀，將“蝴蝶飛舞”元件拖入舞臺，用【任意變形工具】旋轉蝴蝶對象至合適的角度，設置屬性參數x為162.5，y為-297.6，寬度為248，高度為236。在第260幀和第270幀處插入關鍵幀，修改270幀中蝴蝶對象的Alpha值為0%，并創(chuàng)建260幀到270幀間的傳統(tǒng)補間動畫，刪掉270幀以后多余的幀，實現蝴蝶的淡出效果。如圖10-47所示。項目任務上一頁下一頁圖10-47蝴蝶圖層的動畫效果和時間軸項目任務上一頁下一頁18.新建一個名為“飛舞”的影片剪輯元件，執(zhí)行【修改】→【文檔】→【背景顏色】命令，將背景色改為灰色（#666666）。再將光盤中“素材與實例→proje