flash高級動畫

1、 第六模塊 高級動畫Flash cs5 動畫制作案例教程高級動畫案例案例14 走向未來走向未來遮罩動畫遮罩動畫案例描述案例描述用靜態(tài)圖片素材制作遮罩動畫，創(chuàng)建如圖6-1所示的地球旋轉(zhuǎn)效果。 圖6-1“走向未來”動畫效果案例分析案例分析以圓形為遮罩層，以地圖為被遮罩層，通過地圖的運(yùn)動創(chuàng)建地球的旋轉(zhuǎn)效果。使用Deco工具中的“閃電刷子”，創(chuàng)建閃電動畫，作為地球的背景。操作步驟1.新建FLASH文檔，按【Ctrl+S】保存文件，命名為“走向未來.fla”。2.設(shè)置舞臺的背景顏色為#0099FF。單擊菜單“文件導(dǎo)入導(dǎo)入到庫”，導(dǎo)入圖片“地圖.png”。3.新建名稱為“地圖”的圖形元件，將庫中的“地圖.

2、png”拖放兩次到元件內(nèi)部拼接。效果如圖6-2所示。圖6-2 “地圖”元件效果4. 新建名稱為“旋轉(zhuǎn)地球”的影片剪輯元件，把庫中的“地圖”圖形元件拖放到影片剪輯的舞臺正中。雙擊時間軸左側(cè)的圖層名稱“圖層1”，重命名為“地圖”。單擊左下角的“新建圖層”按鈕 ，在“地圖”層之上建立新的圖層，命名為“地球”。按住“地球”層的名稱，將其拖到“地圖”層之下。在“地球”層繪制一個正圓形，用“徑向漸變”色填充，顏色由左至右為：#3D3DF0，#0000FF，#00CCFF，如圖6-3所示。調(diào)整圓形的位置與大小如圖6-4所示。 圖6-3徑向漸變參數(shù) 圖6-4 圓形的位置與大小5.在“地球”層的第60幀位置插入

3、幀。右擊舞臺上的“地圖”，選擇“創(chuàng)建補(bǔ)間動畫”命令。將“地圖”層的補(bǔ)間范圍拖動到第60幀位置，播放頭置于第60幀，調(diào)整地圖的位置如圖6-5所示。圖6-5 第60幀的地圖位置6. 在“地圖”層之上新建圖層，命名為“遮罩”層。復(fù)制“地球”層的圓形，然后選擇“遮罩”層的第一幀，執(zhí)行菜單命令“編輯粘貼到當(dāng)前位置”。在“遮罩”層名稱上右擊，選擇“遮罩層”命令，這時“地圖”層也自動轉(zhuǎn)換為“被遮罩”層。效果如圖6-6所示。圖6-6創(chuàng)建遮罩的效果7. 單擊舞臺左上角的“場景1”返回主時間軸。創(chuàng)建三個圖層，自上至下分別命名為“行人”、“旋轉(zhuǎn)地球”、“閃電”。選擇“旋轉(zhuǎn)地球”層的第一幀，將庫中的“旋轉(zhuǎn)地球”影片剪

4、輯拖到舞臺正中，為它添加“發(fā)光”濾鏡，設(shè)置參數(shù)為模糊X：44，模糊Y：44，強(qiáng)度：144，品質(zhì)：高，顏色：#FFFFFF，內(nèi)發(fā)光。復(fù)制剛添加的“發(fā)光”濾鏡，然后粘貼到同一濾鏡屬性窗口，修改“強(qiáng)度”值為135，取消“內(nèi)發(fā)光”，其余參數(shù)不變。8. 新建名稱為“行人”的影片剪輯，導(dǎo)入外部素材“人.swf”到剪輯的舞臺。效果如圖6-7所示。新建名稱為“閃電”的影片剪輯，使用Deco工具中的“閃電刷子”的“動畫”模式，制作閃電動畫。效果如圖6-8所示。圖6-7 “行人”效果 圖6-8 “閃電”效果6.1 使用圖層FLASH中的圖層就像透明的玻璃紙一樣，可以在舞臺上一層層疊加。每個圖層上都可以放置不同的圖

5、形，而且在一個圖層上繪制和編輯對象，不會影響其它圖層上的對象。若要同時補(bǔ)間多個組或元件，每個組或元件必須放在單獨(dú)的圖層上?？梢酝ㄟ^創(chuàng)建圖層文件夾來組織和管理圖層，把圖形、聲音、腳本、注釋等分別放在不同的圖層或文件夾中，有助于快速找到它們進(jìn)行編輯。1圖層的分類圖層的分類FLASH中的圖層包括一般層、引導(dǎo)層、被引導(dǎo)層、遮罩層、被遮罩層、補(bǔ)間動畫層、姿勢層，在常規(guī)層、遮罩層、被遮罩層和引導(dǎo)層中，可以包含補(bǔ)間動畫或反向運(yùn)動骨骼。圖6-9展示了FLASH中不同的圖層類型。案例案例14 走向未來走向未來遮罩動畫遮罩動畫9. 返回“場景1”，選擇“閃電”層的第一幀，把庫中的“閃電”拖放到舞臺正中。選擇“行人

6、”層的第一幀，把庫中的“行人”拖放到舞臺，放置在地球之上的位置。按【Ctrl+S】保存文件，然后按【Ctrl+Enter】測試影片，播放效果如圖6-1所示。圖6-9 FLASH中的圖層類型案例案例14 走向未來走向未來遮罩動畫遮罩動畫圖層上各圖標(biāo)的含義如下：圖層文件夾 ：用于組織管理圖層。一般層 ：包含F(xiàn)LA文件中的大部分插圖。引導(dǎo)層 ：包含一些筆觸，可用于對齊其它圖層上的對象或引導(dǎo)其它圖層上傳統(tǒng)補(bǔ)間動畫的運(yùn)動。被引導(dǎo)層 ：是與引導(dǎo)層關(guān)聯(lián)的圖層?？梢匝匾龑?dǎo)層上的筆觸排列對象或?yàn)檫@些對象創(chuàng)建動畫效果。被引導(dǎo)層可以包含靜態(tài)插圖和傳統(tǒng)補(bǔ)間，但不能包含補(bǔ)間動畫。遮罩層 ：包含用作遮罩的對象，這些對象用

7、于隱藏其下方圖層的特定部分。被遮罩層 ：位于遮罩層下方并之關(guān)聯(lián)，用于放置被遮罩對象。補(bǔ)間動畫層 ：創(chuàng)建了補(bǔ)間動畫的圖層。姿勢層 ：包含骨架及其相關(guān)對象的圖層?；顒訉?：標(biāo)明該圖層處于活動狀態(tài)，層上的內(nèi)容可以編輯。隱藏的層 ：標(biāo)明該圖層處于隱藏狀態(tài)，圖層上的對象不可見。鎖定的層 ：該圖層處于鎖定狀態(tài)，圖層上的對象不可編輯。顯示為輪廓 ：圖層上的對象以輪廓形式顯示。2創(chuàng)建圖層創(chuàng)建圖層創(chuàng)建圖層，可以執(zhí)行下列操作之一：單擊時間軸底部的“插入圖層”按鈕 。選擇菜單“插入時間軸圖層”。右鍵單擊時間軸中的一個圖層名稱，然后從右鍵菜單中選擇“插入圖層”。要創(chuàng)建圖層文件夾，可執(zhí)行下列操作之一：單擊時間軸底部的“

8、插入圖層文件夾”按鈕 。在時間軸中選擇一個圖層或文件夾，然后選擇菜單“插入時間軸圖層文件夾”。右鍵單擊時間軸中的一個圖層名稱，然后從上下文菜單中選擇“插入文件夾”。新文件夾將出現(xiàn)在所選圖層或文件夾的上方。3. 重命名圖層和圖層文件夾重命名圖層和圖層文件夾可執(zhí)行下列操作之一：雙擊時間軸中圖層或文件夾的名稱，然后輸入新名稱。右鍵單擊圖層或文件夾的名稱，然后從上下文菜單中選擇“屬性”，打開如圖6-10所示的“圖層屬性”對話框，在“名稱”框中輸入新名稱，然后單擊“確定”。在時間軸中選擇圖層或文件夾，然后選擇菜單“修改時間軸圖層屬性”（同樣可打開如圖6-10所示的“圖層屬性”對話框），在“名稱”框中輸入

9、新名稱，然后單擊“確定”。 圖6-10“圖層屬性”對話框4. 選擇圖層或文件夾選擇圖層或文件夾要選擇圖層或文件夾，可以執(zhí)行下列操作之一：單擊時間軸中圖層或文件夾的名稱。在時間軸中單擊要選擇的圖層的任意一個幀。在舞臺中選擇要選擇的圖層上的一個對象。要選擇連續(xù)的幾個圖層或文件夾，可以按住【Shift】單擊它們的名稱。要選擇幾個不連續(xù)的圖層或文件夾，可按住【Ctrl】單擊它們的名稱。5組織圖層和圖層文件夾組織圖層和圖層文件夾可以執(zhí)行下列操作之一：要將圖層或圖層文件夾移動到圖層文件夾中，可將該圖層或文件夾的名稱拖到目標(biāo)圖層文件夾的名稱中。要更改圖層或文件夾的順序，可將時間軸中的一個或多個圖層或文件夾拖

10、到所需位置。要展開或折疊文件夾，單擊該文件夾名稱左側(cè)的三角形。6. 刪除圖層或文件夾刪除圖層或文件夾要刪除圖層或圖層文件夾，可先選擇要刪除的圖層或文件夾，然后執(zhí)行下列操作之一：單擊時間軸中的“刪除圖層”按鈕 。將圖層或文件夾拖到“刪除圖層”按鈕 。右鍵單擊該圖層或文件夾的名稱，然后從上下文菜單中選擇“刪除圖層”。7. 隱藏圖層或文件夾隱藏圖層或文件夾可執(zhí)行下列操作之一：要隱藏圖層或圖層文件夾，單擊時間軸中該圖層或文件夾名稱右側(cè)的“眼睛”列（與眼睛按鈕 對應(yīng)的圓點(diǎn)）。要顯示圖層或文件夾，可再次單擊它。要隱藏時間軸中的所有圖層和文件夾，可單擊眼睛按鈕 。若要顯示所有圖層和文件夾，可再次單擊它。要顯

11、示或隱藏多個圖層或文件夾，可在“眼睛”列中拖動鼠標(biāo)。若要隱藏除當(dāng)前圖層或文件夾以外的所有圖層和文件夾，可按住【Alt】單擊圖層或文件夾名稱右側(cè)的“眼睛”列。要顯示所有圖層和文件夾，可再次按住【Alt】單擊。8. 鎖定圖層或文件夾鎖定圖層或文件夾6-11鎖定的圖層和圖層文件夾操作方法：要鎖定圖層或文件夾，單擊該圖層或文件夾名稱右側(cè)的“鎖定”列。要解鎖該圖層或文件夾，再次單擊“鎖定”列。要鎖定所有圖層和文件夾，單擊掛鎖按鈕。要解鎖所有圖層和文件夾，再次單擊它。要鎖定或解鎖多個圖層或文件夾，可在“鎖定”列中拖動。若要鎖定除當(dāng)前圖層或文件夾外的所有圖層或文件夾，可按住【Alt】單擊圖層或文件夾名稱右側(cè)

12、的“鎖定”列。要解鎖所有圖層或文件夾，再次按住【Alt】單擊“鎖定”列。9. 以輪廓查看圖層上的內(nèi)容以輪廓查看圖層上的內(nèi)容使用彩色輪廓顯示圖層上的對象，可以幫助區(qū)分對象所屬的圖層?？蓤?zhí)行下列操作之一：要將圖層上所有對象顯示為輪廓，單擊該圖層名稱右側(cè)的“輪廓”列（與輪廓按鈕 對應(yīng)的圓點(diǎn)）。要關(guān)閉輪廓顯示，再次單擊它。要將所有圖層上的對象顯示為輪廓，單擊輪廓按鈕 。要關(guān)閉所有圖層上的輪廓顯示，再次單擊它。若要將除當(dāng)前圖層以外的所有圖層上的對象顯示為輪廓，按住【Alt】單擊圖層名稱右側(cè)的“輪廓”列。要關(guān)閉其它所有圖層的輪廓顯示，再次按住【Alt】單擊。10. 將對象將對象“分散到圖層分散到圖層”操作

13、方法：選擇要分散到圖層的對象，然后執(zhí)行下列操作之一：選擇菜單“修改時間軸分散到圖層”。右鍵單擊所選對象之一，然后選擇“分散到圖層”。6.26.2遮罩動畫遮罩動畫1.創(chuàng)建遮罩層創(chuàng)建遮罩層操作方法：（1）選擇或創(chuàng)建一個圖層，在其中放置填充形狀、文字或元件的實(shí)例。（遮罩層會自動鏈接下方緊貼著它的圖層，因此應(yīng)選擇正確的位置創(chuàng)建遮罩層。）（2）右鍵單擊時間軸中的遮罩層名稱，然后選擇“遮罩”。圖層左側(cè)會出現(xiàn)一個遮罩層圖標(biāo) ，表示該層為遮罩層。緊貼它下面的圖層自動鏈接到遮罩層，其內(nèi)容會透過遮罩上的填充區(qū)域顯現(xiàn)出來。被遮罩的圖層名稱以縮進(jìn)形式顯示，圖標(biāo)變?yōu)?。2.創(chuàng)建被遮罩層創(chuàng)建被遮罩層可執(zhí)行下列操作之一：將

14、現(xiàn)有的圖層直接拖到遮罩層下面。在遮罩層下面創(chuàng)建一個新圖層，選擇“修改時間軸圖層屬性”，然后選擇“被遮罩”?？蓤?zhí)行下列操作之一：將圖層拖到遮罩層的上面。選擇菜單“修改時間軸圖層屬性”，然后選擇“一般”。3.斷開圖層和遮罩層的鏈接斷開圖層和遮罩層的鏈接案例案例15 手有余香手有余香引導(dǎo)層動畫引導(dǎo)層動畫案例描述案例描述 圖6-12“手有余香”動畫效果通過使用運(yùn)動引導(dǎo)層，制作蝴蝶沿文字邊緣翩翩飛舞的動畫。效果如圖6-12所示。案例分析案例分析把文本“rose”轉(zhuǎn)換為填充，作為運(yùn)動引導(dǎo)路徑。為“蝴蝶”影片剪輯創(chuàng)建傳統(tǒng)補(bǔ)間動畫，讓蝴蝶沿引導(dǎo)線運(yùn)動。操作步驟操作步驟1.新建FLASH文檔，按【Ctrl+S】

15、保存文件，命名為“手有余香.fla”。2.把“圖層1”重命名為“背景”，導(dǎo)入圖片素材“玫瑰.jpg”到舞臺，縮放到與舞臺相同尺寸，作為背景。3. 在“背景層”之上創(chuàng)建新圖層，命名為“文字”。使用文本工具輸入“贈人玫瑰，手有余香”，設(shè)置字體為：方正舒體；大小為：36，放置在舞臺左上角。為文字添加“投影”濾鏡，設(shè)置參數(shù)為，模糊X：5；模糊Y：5；強(qiáng)度：100；品質(zhì)：高；角度：45；距離：5；顏色：#CCCCCC。再使用文本工具輸入“rose”，設(shè)置字體為：Elephant；大小為100，放置在舞臺右下角。為“rose”添加“投影”濾鏡，設(shè)置參數(shù)為，模糊X：5；模糊Y：5；強(qiáng)度：100；品質(zhì)：高；角

16、度：45；距離：5；顏色：#999999。繼續(xù)為“rose”添加“發(fā)光”濾鏡，設(shè)置參數(shù)為，模糊X：51；模糊Y：51；強(qiáng)度：175；品質(zhì)：高；顏色：#FFFFFF。這時的舞臺效果如圖6-13所示。圖6-13 添加文本后的舞臺效果4. 新建影片剪輯元件，命名為“蝴蝶”，單擊菜單“文件導(dǎo)入導(dǎo)入舞臺”，導(dǎo)入素材“蝴蝶.swf”,制作蝴蝶飛舞的逐幀動畫。如圖6-14所示。圖6-14 “蝴蝶”影片剪輯5. 在“文字”層之上創(chuàng)建新圖層，命名為“蝴蝶”。將庫中的“蝴蝶”元件拖放到舞臺。在“蝴蝶”層的第120幀上右擊，選擇菜單命令“插入關(guān)鍵幀”。選擇第1-120幀之間的任一幀，單擊右鍵，執(zhí)行“創(chuàng)建傳統(tǒng)補(bǔ)間”菜

17、單命令。同時選中“背景”、“文字”、“蝴蝶”層的第200幀，按【F5】插入幀。6. 在“蝴蝶”層的名稱上右擊，選擇“添加傳統(tǒng)運(yùn)動引導(dǎo)層”菜單命令?！昂睂又咸砑恿艘粋€運(yùn)動引導(dǎo)層，同時自動被命名為“引導(dǎo)層：蝴蝶”，“蝴蝶”層圖標(biāo)則向右縮進(jìn)，成為“被引導(dǎo)”層。時間軸如圖6-15所示。復(fù)制“文字”層的文本“rose”，選擇引導(dǎo)層的第1幀，單擊菜單“編輯粘貼到當(dāng)前位置”，然后連續(xù)按4次【Ctrl+B】把文字分離。使用“選擇工具”修改分離后的文字，使4個字母首尾相接，作為引導(dǎo)路徑。修改后的文字效果如圖6-16所示。圖6-15添加傳統(tǒng)運(yùn)動引導(dǎo)層 圖6-16 修改后的文字效果7. 選擇“蝴蝶”層的第1幀

18、，拖動“舞臺上的”“蝴蝶”實(shí)例，使它中心的圓圈吸附到引導(dǎo)線的左端點(diǎn)。如圖6-17所示。選擇“蝴蝶”層的第120幀，拖動“舞臺上的”“蝴蝶”實(shí)例，使它中心的圓圈吸附到引導(dǎo)線的右端點(diǎn)。如圖6-18所示。圖6-17 第1幀對齊效果 圖6-18 第120幀對齊效果8. 按【Ctrl+S】保存文件，然后按【Ctrl+Enter】測試影片，播放效果如圖6-12所示。6.3 運(yùn)動引導(dǎo)動畫運(yùn)動引導(dǎo)動畫1.引導(dǎo)層引導(dǎo)層使用引導(dǎo)層，可以幫助對齊對象。引導(dǎo)層不會導(dǎo)出，因此不會顯示在發(fā)布的SWF文件中。 右鍵單擊圖層名稱，從上下文菜單中選擇“引導(dǎo)層”，層圖層名稱左側(cè)出現(xiàn)圖標(biāo) ，表明該層是引導(dǎo)層。要將該層改回常規(guī)層，可

19、再次選擇“引導(dǎo)層”。2.運(yùn)動引導(dǎo)層運(yùn)動引導(dǎo)層補(bǔ)間動畫只能實(shí)現(xiàn)對象的直線運(yùn)動和較簡單的曲線運(yùn)動，使用運(yùn)動引導(dǎo)層可以控制傳統(tǒng)補(bǔ)間動畫中對象的精確、復(fù)雜運(yùn)動。在Flash CS5中，只能為傳統(tǒng)補(bǔ)間，而無法為補(bǔ)間動畫或姿勢圖層創(chuàng)建運(yùn)動引導(dǎo)動畫。制作運(yùn)動引導(dǎo)動畫，至少需要兩個圖層，在上面的層中繪制路徑，在下面的層中創(chuàng)建沿路徑運(yùn)動的傳統(tǒng)補(bǔ)間動畫。包含路徑的層，叫做“引導(dǎo)層”；被綁定的傳統(tǒng)補(bǔ)間層，叫做“被引導(dǎo)層”。也可以將多個層綁定到一個運(yùn)動引導(dǎo)層，使多個對象沿同一條路徑運(yùn)動，效果如圖6-19所示。圖6-19綁定多層到一個運(yùn)動引導(dǎo)層3.創(chuàng)建運(yùn)動引導(dǎo)動畫的方法創(chuàng)建運(yùn)動引導(dǎo)動畫的方法（1）創(chuàng)建有傳統(tǒng)補(bǔ)間動畫的動

20、畫序列。（2）右鍵單擊包含傳統(tǒng)補(bǔ)間的圖層的名稱，然后選擇“添加傳統(tǒng)運(yùn)動引導(dǎo)層”。Flash 會在傳統(tǒng)補(bǔ)間圖層上方添加一個運(yùn)動引導(dǎo)層，該圖層名稱的左側(cè)有一個運(yùn)動引導(dǎo)層圖標(biāo) ，并縮進(jìn)傳統(tǒng)補(bǔ)間圖層的名稱，以表明該圖層已綁定到該運(yùn)動引導(dǎo)層。如圖6-15所示。（3）在運(yùn)動引導(dǎo)層上繪制所需的路徑。（4）拖動要補(bǔ)間的對象，使其貼緊至第一個幀中路徑的開頭，然后將其拖到最后一個幀中路徑的末尾。如圖6-17、圖6-18所示。4.將圖層鏈接到運(yùn)動引導(dǎo)層將圖層鏈接到運(yùn)動引導(dǎo)層將現(xiàn)有圖層拖到運(yùn)動引導(dǎo)層的下面，使該圖層在運(yùn)動引導(dǎo)層下面以縮進(jìn)形式顯示。在運(yùn)動引導(dǎo)層下面創(chuàng)建一個新圖層，將其拖到運(yùn)動引導(dǎo)層的下面，使該圖層在運(yùn)動

21、引導(dǎo)層下面以縮進(jìn)形式顯示。5.斷開圖層和運(yùn)動引導(dǎo)層的鏈接斷開圖層和運(yùn)動引導(dǎo)層的鏈接拖動到運(yùn)動引導(dǎo)層的上面。選擇菜單“修改時間軸圖層屬性”，然后選擇“一般”作為圖層類型。如果沒有任何圖層和運(yùn)動引導(dǎo)層鏈接在一起，它會成為普通引導(dǎo)層。6.運(yùn)動引導(dǎo)動畫制作技巧運(yùn)動引導(dǎo)動畫制作技巧（1）調(diào)整到路徑創(chuàng)建補(bǔ)間動畫時，如果選擇了補(bǔ)間屬性面板上的“調(diào)整到路徑”，補(bǔ)間元素的基線就會調(diào)整到運(yùn)動路徑，運(yùn)動對象會根據(jù)路徑形狀調(diào)整角度，動畫效果會更加逼真。在示意圖6-20中，右圖選擇了“調(diào)整到路徑”屬性，左圖則沒有。圖6-20是否使用“調(diào)整到路徑”屬性的運(yùn)動軌跡比較（2）對齊元件到路徑選擇補(bǔ)間屬性面板上的“貼緊”選項(xiàng)，補(bǔ)

22、間元素的注冊點(diǎn)會主動吸附到路徑。如果元件為不規(guī)則的形狀，可以使用“任意變形工具”來調(diào)整注冊點(diǎn)，通過調(diào)整元件的注冊點(diǎn)能獲得最好的對齊效果。如果對齊時沒有吸附感，可以激活工具欄中的“貼緊至對象”按鈕 。當(dāng)元件對齊到路徑上的時候，注冊點(diǎn)處的圓圈會變大，拖動元件會有一些吸附的感覺。單擊工具欄里面的“縮放工具”來放大場景，可以更清楚地看到元件中的小圓圈，方便實(shí)現(xiàn)對齊。 （3）使用路徑技巧路徑必須是連續(xù)、不間斷的。當(dāng)使用填充形狀作為路徑時，元件會沿著形狀的邊緣運(yùn)動。對象運(yùn)動時會選擇開始點(diǎn)與結(jié)束點(diǎn)之間的最短路徑。如果路徑的形狀是完全封閉的，例如圓形，對象的運(yùn)動方向往往與制作意圖不符，無法按照圓形路徑的形狀完

23、成圓周運(yùn)動。這時只需把封閉路徑擦出一個小缺口就可以了。在工作時要想只顯示對象的移動，可以隱藏引導(dǎo)層。案例案例16 變形金剛變形金剛3D動畫動畫案例描述案例描述通過設(shè)置文本和元件實(shí)例的3D屬性，制作富有空間透視感的動畫效果，如圖6-21所示。 圖6-21“變形金剛”動畫效果案例分析案例分析創(chuàng)建影片剪輯，在剪輯內(nèi)制作背景圖片沿Y軸擺動的動畫，然后把剪輯實(shí)例作為主場景的背景。創(chuàng)建文本“TRANSFORMERS 4”，制作文本在X軸和Y軸方向同時移動的動畫。創(chuàng)建文本“變形金剛4”，制作文本沿Y軸旋轉(zhuǎn)的變形動畫。創(chuàng)建文本“Bumblebee”，制作文本沿Z軸運(yùn)動的動畫。操作步驟1. 新建FLASH文檔，

24、設(shè)置舞臺的背景顏色為#000000，按【Ctrl+S】保存文件，命名為“變形金剛.fla”。2. 新建影片剪輯元件，命名為“背景”。單擊菜單“文件導(dǎo)入導(dǎo)入到舞臺”，導(dǎo)入圖片“背景圖.jpg”。打開“屬性”面板，設(shè)置圖片的寬為：550，高為：400。右擊舞臺上的圖片，選擇“創(chuàng)建補(bǔ)間動畫”菜單命令，會彈出如圖6-22所示的對話框，單擊“確定”按鈕。圖6-22 “轉(zhuǎn)換為元件以進(jìn)行補(bǔ)間”對話框3. 把播放頭定位到第10幀處，選擇“3D旋轉(zhuǎn)工具” ，這時標(biāo)靶形的“3D旋轉(zhuǎn)控件”出現(xiàn)在圖片之上，如圖6-23所示。打開“變形”面板，設(shè)置“3D旋轉(zhuǎn)”的Y值為：-16。變形面板與變形效果如圖6-24所示，查看變

25、形后的效果可與圖6-23的原圖相比較。圖6-23 3D旋轉(zhuǎn)控件 圖6-24 旋轉(zhuǎn)參數(shù)與變形效果4. 把播放頭定位到第20幀處，打開“變形”面板，設(shè)置“3D旋轉(zhuǎn)”的Y值為：0。選擇第21-24幀，在上面右擊，執(zhí)行“刪除幀”菜單命令。5. 單擊舞臺左上角的“場景1”，把“圖層1”重命名為“背景”。將庫中的影片剪輯“背景”拖放到舞臺。選擇第80幀，按【F5】插入幀。6. 在“背景”層之上新建圖層，命名為“Trans”。創(chuàng)建TLF文本“ TRANSFORMERS 4”，設(shè)置字符的屬性為，系列：Algerian；大小：42；顏色：#FDAF1B；字距調(diào)整：-110。選擇“3D旋轉(zhuǎn)工具”，單擊文本，然后打

26、開“變形”面板，設(shè)置“3D旋轉(zhuǎn)”的Y值為：-55。把設(shè)置好是文本拖放到舞臺左上角，效果如圖6-25所示。在文本上右擊，執(zhí)行“創(chuàng)建補(bǔ)間動畫”菜單命令。選擇第40幀，單擊菜單“插入時間軸關(guān)鍵幀”。將播放頭移至第1幀，選擇“3D平移工具” ，然后單擊文本，文本對象的 X、Y 和 Z 三個軸顯示在文本的上方。x 軸為紅色、y 軸為綠色，而 z 軸為黑色圓點(diǎn)。如圖6-26所示。圖6-25 添加變形文本效果 圖6-26 3D平移控件7. 分別向左、向上拖動X軸和Y軸控件，將文本移出舞臺。效果如圖6-27所示。圖6-27 移動文本效果8. 在“Trans”層之上新建圖層，命名為“變形金剛”。在舞臺上創(chuàng)建文本

27、“ 變形金剛 4”，設(shè)置字符的屬性為，系列：草檀齋毛澤東字體；大?。?7；顏色：#CC3300；字距調(diào)整：-60。為文本添加“發(fā)光”濾鏡，設(shè)置參數(shù)為，模糊X：4；模糊Y：4；強(qiáng)度：182；品質(zhì)：高；顏色：#FFFFFF。選擇“3D旋轉(zhuǎn)工具”，單擊文本，然后打開“變形”面板，設(shè)置“3D旋轉(zhuǎn)”的Y值為：-44。設(shè)置好的文本效果如圖6-28所示。在文本上右擊，執(zhí)行“創(chuàng)建補(bǔ)間動畫”菜單命令。選擇第40幀，單擊菜單“插入時間軸關(guān)鍵幀”。將播放頭移至第1幀，選擇“3D旋轉(zhuǎn)工具”，單擊文本，然后打開“變形”面板，設(shè)置“3D旋轉(zhuǎn)”的Y值為：130。效果如圖6-29所示。圖6-28 添加文本效果 圖6-29 第

28、1幀的文本效果9. 在“變形金剛”層之上新建圖層，命名為“bumble”。在舞臺上創(chuàng)建文本“ Bumblebee”，設(shè)置字符的屬性為，系列：Broadway；大?。?2；顏色：#CCCC33。為文本為添加“投影”濾鏡，設(shè)置參數(shù)為，模糊X：5；模糊Y：5；強(qiáng)度：97；品質(zhì)：高；角度：45；距離：5；顏色：#666666。選擇“3D旋轉(zhuǎn)工具”，單擊文本，然后打開“變形”面板，設(shè)置“3D旋轉(zhuǎn)”的Y值為：-42。設(shè)置好的文本效果如圖6-30所示。在文本上右擊，執(zhí)行“創(chuàng)建補(bǔ)間動畫”菜單命令。選擇第40幀，單擊菜單“插入時間軸關(guān)鍵幀”。將播放頭移至第1幀，選擇“3D旋轉(zhuǎn)工具”，單擊文本，然后打開“變形”面

29、板，設(shè)置“3D旋轉(zhuǎn)”的Y值為：0。打開“屬性”面板，設(shè)置“3D定位和查看”的Z值為：-250，其它值不變。效果如圖6-31所示。圖6-30 添加文本效果 圖6-31 第1幀的文本效果10. 按【Ctrl+S】保存文件，然后按【Ctrl+Enter】測試影片。編輯完成后的時間軸如圖6-32所示，播放效果如圖6-21所示。圖6-32 編輯完成后的時間軸6.4 制作制作3D動畫動畫1. Flash中的中的3D通過使對象沿軸移動或使其圍繞X軸或軸旋轉(zhuǎn)，可以為對象添加3D透視效果。若要使對象看起來離查看者更近或更遠(yuǎn)，可以沿Z軸移動該對象。若要使對象看起來與查看者之間形成某一角度，可繞Z軸旋轉(zhuǎn)對象。各種效

30、果如圖6-33至圖6-36所示。通過組合使用這些工具，可以創(chuàng)建逼真的透視效果。圖6-33 未變形 圖6-34 繞Y軸旋轉(zhuǎn) 圖6-35 沿Z軸移動 圖6-36 繞Y軸、Z軸旋轉(zhuǎn)23D平移工具平移工具可以使用3D平移工具 在3D空間中移動對象。在使用該工具選擇對象后，對象的 X、Y和Z三個軸將顯示在它的頂部。X軸為紅色、Y軸為綠色，而Z軸為黑圓點(diǎn)。如圖6-37所示。圖6-37 3D平移工具的軸控件使用3D平移工具在3D空間中移動對象的方法如下：（1）移動單個對象 在“工具”面板中選擇3D平移工具（或按【G】鍵選擇此工具）。 將該工具設(shè)置為局部或全局模式。通過選中“工具”面板的“選項(xiàng)”部分中的“全局

31、” 切換按鈕，確保該工具處于所需模式。單擊該按鈕或按【D】鍵可切換模式。 用3D平移工具選擇一個對象。 若要通過拖動來移動對象，可將指針移動到X、Y或Z軸控件上。 若要使用屬性面板移動對象，可在屬性面板的“3D定位和查看”部分中輸入X、Y或Z的值。（2）同時移動多個對象當(dāng)選擇了多個對象時，可以使用3D平移工具移動其中一個選定對象，其它對象將以相同的方式移動。如圖6-40所示。圖6-40 沿Z軸同時移動多個對象若要在全局3D空間中以相同方式移動組中的每個對象，可將3D平移工具設(shè)置為全局模式，然后用軸控件拖動其中一個對象。按住【Shift】并雙擊其中一個選中對象可將軸控件移動到該對象。若要在局部3

32、D空間中以相同方式移動組中的每個對象，可將3D平移工具設(shè)置為局部模式，然后用軸控件拖動其中一個對象。按住【Shift】并雙擊其中一個選中對象可將軸控件移動到該對象。33D旋轉(zhuǎn)工具旋轉(zhuǎn)工具使用3D旋轉(zhuǎn)工具 可以在3D空間中旋轉(zhuǎn)對象。3D旋轉(zhuǎn)控件出現(xiàn)在舞臺上的選定對象之上。X控件紅色、Y控件綠色、Z控件藍(lán)色。使用橙色的自由旋轉(zhuǎn)控件可同時繞X和Y軸旋轉(zhuǎn)。如圖6-41所示。圖6-41 3D旋轉(zhuǎn)工具的軸控件（1）旋轉(zhuǎn)單個對象 在“工具”面板中選擇3D旋轉(zhuǎn)工具（或按【W(wǎng)】鍵）。通過選中“工具”面板的“選項(xiàng)”部分中的“全局”切換按鈕，驗(yàn)證該工具是否處于所需模式。單擊該按鈕或按【D】鍵可在全局模式和局部模式之

33、間切換。 在舞臺上選擇一個對象。3D旋轉(zhuǎn)控件將顯示為疊加在所選對象上。如果這些控件出現(xiàn)在其他位置，可雙擊控件的中心點(diǎn)以將其移動到選定的對象。 將指針放在四個旋轉(zhuǎn)軸控件之一上。指針在經(jīng)過四個控件中的一個控件時將發(fā)生變化。 拖動一個軸控件繞該軸旋轉(zhuǎn)，或拖動自由旋轉(zhuǎn)控件（外側(cè)橙色圈）同時繞X和Y軸旋轉(zhuǎn)。（2）同時旋轉(zhuǎn)多個對象 在“工具”面板中選擇3D旋轉(zhuǎn)工具（或按【W(wǎng)】鍵）。通過選中“工具”面板的“選項(xiàng)”部分中的“全局”切換按鈕，驗(yàn)證該工具是否處于所需模式。單擊該按鈕或按【D】鍵可在全局模式和局部模式之間切換。 在舞臺上選擇多個對象。3D旋轉(zhuǎn)控件將顯示為疊加在最近所選的對象上。 將指針放在四個旋轉(zhuǎn)軸

34、控件之一上。指針在經(jīng)過四個控件中的一個控件時將發(fā)生變化。 拖動一個軸控件繞該軸旋轉(zhuǎn)，或拖動自由旋轉(zhuǎn)控件（外側(cè)橙色圈）同時繞X和Y軸旋轉(zhuǎn)。（3）使用“變形”面板旋轉(zhuǎn)選中對象 打開“變形”面板。 在舞臺上選擇一個或多個對象。 在“變形”面板中的“3D旋轉(zhuǎn)”的 X、Y和Z字段中輸入所需的值以旋轉(zhuǎn)選中對象。這些字段包含熱文本，因此可以拖動這些值以進(jìn)行更改。如圖6-42所示。圖6-42 通過“變形”面板旋轉(zhuǎn)對象4. 調(diào)整透視角度調(diào)整透視角度透視角度屬性會影響應(yīng)用了3D平移或旋轉(zhuǎn)的所有對象，而不會影響其他對象。默認(rèn)透視角度為55視角，類似于普通照相機(jī)的鏡頭，其值的范圍為 1到 180。不同透視角度效果如圖

35、6-43、6-44所示，圖中左側(cè)對象未應(yīng)用變形，所有不受視角影響。圖6-43透視角度為55的舞臺 圖6-44透視角度為 150 的舞臺透視角度在更改舞臺大小時自動更改，以便3D對象的外觀不會發(fā)生改變。若要設(shè)置透視角度，可執(zhí)行以下操作：（1） 在舞臺上，選擇一個應(yīng)用了3D旋轉(zhuǎn)或平移的對象。（2）在屬性面板中的“透視角度”字段中輸入一個新值，或拖動熱文本以更改該值。5. 調(diào)整消失點(diǎn)調(diào)整消失點(diǎn)（1）在舞臺上，選擇一個應(yīng)用了3D旋轉(zhuǎn)或平移的對象。（2）在屬性面板中的“消失點(diǎn)”字段中輸入一個新值，或拖動熱文本以更改該值。拖動熱文本時，指示消失點(diǎn)位置的輔助線顯示在舞臺上。（3）若要將消失點(diǎn)移回舞臺中心，可

36、單擊屬性面板中的“重置”按鈕。調(diào)整消失點(diǎn)的舞臺效果如圖6-45、6-46所示。圖6-45 使用默認(rèn)消失點(diǎn) 圖6-46 消失點(diǎn)調(diào)整到舞臺左下角（虛線交叉點(diǎn)）案例案例17 健美先生健美先生骨骼動畫骨骼動畫案例描述案例描述通過為形狀添加骨骼，然后定義不同姿勢，制作健美先生在舞臺表演的動畫。效果如圖6-47所示。圖6-47“健美先生”動畫效果案例分析案例分析通過為形狀添加骨骼，定義不同的姿勢，創(chuàng)建骨骼動畫。通過控制特定骨骼的運(yùn)動自由度、設(shè)置“緩動”、“彈簧”屬性，幫助創(chuàng)建人物的逼真運(yùn)動。通過修改形狀控制點(diǎn)，保證變形的完美形態(tài)。操作步驟操作步驟1. 新建FLASH文檔，按【Ctrl+S】保存文件為“健美

37、先生.fla”。2. 重命名圖層1為“背景”。單擊菜單“文件導(dǎo)入導(dǎo)入到舞臺”，導(dǎo)入圖片“舞臺.jpg”。新建圖層，命名為“人”，將素材文件夾中的“man.swf”導(dǎo)入到舞臺。效果如圖6-48所示。圖6-48 舞臺與時間軸效果3. 選擇舞臺上的人物，按【Ctrl+B】分離。選擇“骨骼工具” ，按住鼠標(biāo)左鍵，從人物的腰部中間位置向上拖動到頸部以下位置，放開鼠標(biāo)。這時FLASH自動創(chuàng)建了一個新圖層“骨架_2”，人物被移動到了新圖層，同時創(chuàng)建了一條骨骼。如圖6-49所示。圖6-49 添加骨骼的舞臺與時間軸效果4. 使用骨骼工具，從已有骨骼末端（較細(xì)端）的圓點(diǎn)中心開始拖動鼠標(biāo)繼續(xù)創(chuàng)建骨骼，在頸部以下和腰

38、部需要創(chuàng)建分支的骨骼。創(chuàng)建完成的骨架結(jié)構(gòu)如圖6-50所示。圖6-50 完成的骨架結(jié)構(gòu)5. 在“背景”層的第200幀插入幀。在“骨架_2”層的第40幀上右擊，選擇“插入姿勢”菜單命令。單擊肩膀部位的一段骨骼，在屬性面板中，取消選中“鏈接：旋轉(zhuǎn)”下“啟動”復(fù)選框。這時所選骨骼根部的圓圈會消失，如圖6-51所示。使用“選擇工具”分別拖動兩手骨骼的末端圓心，調(diào)整成如圖6-52所示的姿勢。圖6-51 不啟用“旋轉(zhuǎn)” 圖6-52 第40幀的姿勢6. 在“骨架_2”層第1-40幀間的任一幀上單擊，在屬性面板設(shè)置“緩動”的“類型”為“簡單（最快）”，“強(qiáng)度”為50。如圖6-53所示。單擊左小臂的骨骼，再按【S

39、hift】鍵同時單擊右小臂的骨骼，然后在屬性面板設(shè)置“彈簧”屬性的“強(qiáng)度”為80，“阻尼”為15。如圖6-54所示。圖6-53 設(shè)置“緩動”屬性 圖6-54 設(shè)置“彈簧”屬性7. 在“骨架_2”層的第80幀上右擊，選擇“插入姿勢”菜單命令。向右拖動上半身骨架分支處的圓心，調(diào)整成如圖6-55所示的姿勢。在第120幀上右擊，選擇“插入姿勢”菜單命令。向左拖動上半身骨架分支處的圓心，調(diào)整成如圖6-56所示的姿勢。圖6-55 第80幀的姿勢 圖6-56 第120幀的姿勢8. 在“骨架_2”層的第160幀上右擊，選擇“插入姿勢”菜單命令。向左拖動上半身骨架分支處的關(guān)節(jié)圓心，然后拖動左腳踝處的關(guān)節(jié)圓心，調(diào)

40、整成如圖6-57所示的姿勢。這時，人物腰部的右側(cè)出現(xiàn)了一處尖銳的突起。這是一處錯誤的變形，如圖6-58所示。圖6-57 第160幀的姿勢 圖6-58 錯誤的變形9. 使用“部分選取工具”單擊人物圖形的邊緣，顯示人物的輪廓和控制點(diǎn)，如圖6-59所示。選擇突起頂端的控制點(diǎn)，按【Delete】刪除，修改效果如圖6-60所示。 圖6-59 顯示控制點(diǎn) 圖6-60 修改后的效果10選擇腰部以上的第一段骨骼，在屬性面板中取消“聯(lián)接：旋轉(zhuǎn)”下的“啟用”復(fù)選框；選擇“聯(lián)接：X平移”下的“啟用”復(fù)選框和“約束”復(fù)選框，設(shè)置“最小”為0，最大為：50。如圖6-61所示。拖動選中狀態(tài)的骨骼，向右平移骨架到約束范圍的

41、最右端，如圖6-62所示。 圖6-61 約束“X平移” 圖6-62 向右平移骨架11. 按【Ctrl+S】保存文件，然后按【Ctrl+Enter】測試影片。編輯完成后的時間軸如圖6-32所示，播放效果如圖6-47所示。6.56.5骨骼動畫骨骼動畫1.1.反向運(yùn)動反向運(yùn)動反向運(yùn)動(IK)是一種使用骨骼對對象進(jìn)行動畫處理的方式，只需指定對象的開始位置和結(jié)束位置即可創(chuàng)建動畫。使用骨骼，只需做很少的設(shè)計(jì)工作，元件實(shí)例和形狀對象就可以按復(fù)雜而自然的方式移動。當(dāng)一個骨骼移動時，與之相關(guān)連的其它骨骼也會移動。骨骼鏈稱為骨架。在父子層次結(jié)構(gòu)中，骨架中的骨骼彼此相連。骨架可以是線性的或分支的。源于同一骨骼的骨架

42、分支稱為同級。每個骨骼都具有頭部(圓端)和尾部（尖端）。骨骼之間的連接點(diǎn)稱為關(guān)節(jié)。如圖6-63、6-64所示。 圖6-63 骨骼的線性鏈 圖6-64 骨骼的分支結(jié)構(gòu)2. 2. 向元件實(shí)例添加骨骼向元件實(shí)例添加骨骼操作步驟：（1）在舞臺上創(chuàng)建元件實(shí)例。（2）從“工具”面板中選擇骨骼工具 。也可以按【X】鍵選擇骨骼工具。（3）使用骨骼工具，單擊要成為骨架的根部的元件實(shí)例，然后拖動到另外的元件實(shí)例，以將其鏈接到根實(shí)例。在拖動時，將顯示骨骼。釋放鼠標(biāo)后，在兩個元件實(shí)例之間將顯示實(shí)心的骨骼。（4）要添加其他骨骼，可從第一個骨骼的尾部拖動到下一個元件實(shí)例。指針在經(jīng)過現(xiàn)有骨骼的頭部或尾部時會發(fā)生改變。為便于

43、將新骨骼的尾部拖到所需的特定位置，可能啟用“ 貼緊至對象”。(5)要創(chuàng)建分支骨架，可單擊希望分支開始的現(xiàn)有骨骼的頭部，然后進(jìn)行拖動以創(chuàng)建新分支的第一個骨骼。3. 3. 向形狀添加骨骼向形狀添加骨骼操作步驟:(1)在舞臺上創(chuàng)建填充的形狀。(2)選擇所有形狀。(3)在“工具”面板中選擇骨骼工具。(4)使用骨骼工具，在形狀內(nèi)單擊并拖動到形狀內(nèi)的其他位置。(5)要添加其他骨骼，可從第一個骨骼的尾部拖動到形狀內(nèi)的其他位置。(6)要創(chuàng)建分支骨架，可單擊希望分支開始的現(xiàn)有骨骼的頭部，然后進(jìn)行拖動以創(chuàng)建新分支的第一個骨骼。4. 4. 編輯骨架和編輯骨架和IK對象對象（1）重新定位骨骼及其關(guān)聯(lián)的對象要重新定位線

44、性骨架，可拖動骨架中的任何骨骼。如果骨架已連接到元件實(shí)例，也可以拖動實(shí)例。要重新定位骨架的某個分支，可拖動該分支中的任何骨骼。該分支中的所有骨骼都將移動，其它分支中的骨骼不會移動。要將某個骨骼與其子級骨骼一起旋轉(zhuǎn)而不移動父級骨骼，可按住【Shift】并拖動該骨骼。要將某個IK形狀移動到舞臺上的新位置，可選擇該形狀，然后在屬性面板中更改其X和Y屬性。（2）在形狀或元件內(nèi)移動骨骼要移動IK形狀內(nèi)骨骼任一端的位置，可使用部分選取工具拖動骨骼的一端。 要移動元件實(shí)例內(nèi)的骨骼關(guān)節(jié)、頭部或尾部的位置，可通過任意變形工具移動實(shí)例的變形點(diǎn)，骨骼將隨變形點(diǎn)移動。要移動單個元件實(shí)例而不移動任何其他鏈接的實(shí)例，可在

45、按住【Alt】的同時拖動該實(shí)例，或者使用任意變形工具拖動它。（3）刪除骨骼若要刪除單個骨骼及其所有子級，可單擊該骨骼然后按【Delete】鍵。要刪除所有骨骼，可雙擊骨架中的某個骨骼全部選中它們，然后按【Delete】。IK形狀將還原為正常形狀。（4）編輯IK形狀使用部分選取工具，可以在IK形狀中添加、刪除和編輯輪廓的控制點(diǎn)。單擊形狀的筆觸，可顯示IK形狀邊界的控制點(diǎn)。如圖6-59所示。 要移動控制點(diǎn)，可拖動該控制點(diǎn)。單擊筆觸上沒有任何控制點(diǎn)的部分，可添加新的控制點(diǎn)。也可以使用工具面板中的“添加錨點(diǎn)工具”。通過單擊選中，然后按【Delete】鍵，可刪除現(xiàn)有的控制點(diǎn)。也可以使用工具面板中的“刪除錨

46、點(diǎn)工具”。（5）將骨骼綁定到控制點(diǎn)用綁定工具 單擊骨骼，選定的骨骼以紅色加亮顯示，已連接到該骨骼的控制點(diǎn)以黃色加亮顯示。僅連接到一個骨骼的控制點(diǎn)顯示為方形。連接到多個骨骼的控制點(diǎn)顯示為三角形。如圖6-65所示。圖6-65選中的骨骼及其控制點(diǎn)要向所選骨骼添加控制點(diǎn)，可在按住【Shift】的同時單擊某個未加亮顯示的控制點(diǎn)，也可以在按住【Shift】的同時拖動選擇要添加到選定骨骼的多個控制點(diǎn)。要從骨骼中刪除控制點(diǎn)，可在按住【Ctrl】的同時單擊加亮顯示的控制點(diǎn)，也可以在按住【Ctrl】的同時拖動刪除選定骨骼中的多個控制點(diǎn)。要加亮顯示已連接到控制點(diǎn)的骨骼，可使用綁定工具單擊該控制點(diǎn)。已連接的骨骼以黃色

47、加亮顯示，而選定的控制點(diǎn)以紅色加亮顯示。要向選定的控制點(diǎn)添加其他骨骼，可在按住【Shift】的同時單擊骨骼。要從選定的控制點(diǎn)中刪除骨骼，可在按住【Ctrl】的同時單擊以黃色加亮顯示的骨骼。（6）約束骨骼的運(yùn)動范圍默認(rèn)情況下，F(xiàn)LASH會啟用骨骼的旋轉(zhuǎn)屬性。如果要對骨骼的旋轉(zhuǎn)進(jìn)行約束，如只允許旋轉(zhuǎn)750，則可以在選擇骨骼后，在屬性面板的“聯(lián)接：旋轉(zhuǎn)”欄選擇“約束”復(fù)選框，同時在“最小”和“最大”文本框中分別輸入-300和450。如圖6-66所示。圖6-66 約束旋轉(zhuǎn)的范圍（7）設(shè)置連接點(diǎn)速度先選擇骨骼，然后可設(shè)在屬性面板的“位置”欄中置聯(lián)結(jié)點(diǎn)的速度。如圖6-67所示。圖6-67 設(shè)置聯(lián)結(jié)點(diǎn)的速度5. 5. 創(chuàng)建骨骼動畫創(chuàng)建骨骼動