項(xiàng)目蝴蝶花香

1、項(xiàng)目項(xiàng)目7 7：蝴蝶花香：蝴蝶花香1制作群：制作群：Flash動(dòng)畫制作課程組動(dòng)畫制作課程組2會(huì)運(yùn)用引導(dǎo)路徑方式制作會(huì)運(yùn)用引導(dǎo)路徑方式制作動(dòng)畫動(dòng)畫 掌握引導(dǎo)路徑動(dòng)畫的制作掌握引導(dǎo)路徑動(dòng)畫的制作技巧技巧了解引導(dǎo)路徑動(dòng)畫支持的了解引導(dǎo)路徑動(dòng)畫支持的動(dòng)畫元素動(dòng)畫元素一、教學(xué)目標(biāo)一、教學(xué)目標(biāo)3效果展示：效果展示：制作蝴蝶花香動(dòng)畫制作蝴蝶花香動(dòng)畫 案例分析：案例分析：運(yùn)用逐幀動(dòng)畫制作蝴蝶飛運(yùn)用逐幀動(dòng)畫制作蝴蝶飛的動(dòng)畫。的動(dòng)畫。運(yùn)用引導(dǎo)路徑動(dòng)畫制作蝴運(yùn)用引導(dǎo)路徑動(dòng)畫制作蝴蝶沿任意路徑飛的動(dòng)畫。蝶沿任意路徑飛的動(dòng)畫。二、演示案例分析二、演示案例分析蝴蝶花香蝴蝶花香 4 引導(dǎo)路徑制作動(dòng)畫技巧一選中選中【路徑調(diào)整

2、路徑調(diào)整】復(fù)選框，對(duì)象的基線就會(huì)調(diào)復(fù)選框，對(duì)象的基線就會(huì)調(diào)整到運(yùn)動(dòng)路徑。整到運(yùn)動(dòng)路徑。如果選中如果選中【對(duì)齊對(duì)齊】復(fù)選框，元件的注冊(cè)點(diǎn)就會(huì)復(fù)選框，元件的注冊(cè)點(diǎn)就會(huì)與運(yùn)動(dòng)路徑對(duì)齊。與運(yùn)動(dòng)路徑對(duì)齊?？梢詥为?dú)定義一個(gè)不含可以單獨(dú)定義一個(gè)不含“被引導(dǎo)層被引導(dǎo)層”的的“引導(dǎo)層引導(dǎo)層”。該引導(dǎo)層中可以放置一些文字說明、元件位。該引導(dǎo)層中可以放置一些文字說明、元件位置參考等。置參考等。三、相關(guān)理論三、相關(guān)理論5 引導(dǎo)路徑制作動(dòng)畫技巧二【貼緊至對(duì)象貼緊至對(duì)象】按鈕，可以使按鈕，可以使“對(duì)象附著于引對(duì)象附著于引導(dǎo)線導(dǎo)線”的操作更容易成功，拖動(dòng)對(duì)象時(shí)，對(duì)象的操作更容易成功，拖動(dòng)對(duì)象時(shí)，對(duì)象的中心會(huì)自動(dòng)吸附到路徑端

3、點(diǎn)上。的中心會(huì)自動(dòng)吸附到路徑端點(diǎn)上。過于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫失敗，平滑過于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫失敗，平滑圓潤的線段才有利于引導(dǎo)動(dòng)畫成功。圓潤的線段才有利于引導(dǎo)動(dòng)畫成功。向被引導(dǎo)層中放元件時(shí)，在動(dòng)畫開始和結(jié)束的向被引導(dǎo)層中放元件時(shí)，在動(dòng)畫開始和結(jié)束的關(guān)鍵幀上，要讓元件的注冊(cè)點(diǎn)對(duì)準(zhǔn)線段的開始關(guān)鍵幀上，要讓元件的注冊(cè)點(diǎn)對(duì)準(zhǔn)線段的開始和結(jié)束的端點(diǎn)，否則無法引導(dǎo)。和結(jié)束的端點(diǎn)，否則無法引導(dǎo)。三、相關(guān)理論三、相關(guān)理論6 引導(dǎo)路徑制作動(dòng)畫技巧三如果想解除引導(dǎo)，可以把被引導(dǎo)層拖離如果想解除引導(dǎo)，可以把被引導(dǎo)層拖離“引導(dǎo)引導(dǎo)層層”。如果如果要做圓周運(yùn)動(dòng)，可在要做圓周運(yùn)動(dòng)，可在“引導(dǎo)層引導(dǎo)層”畫一根半

4、圓畫一根半圓形線條，形線條，再把對(duì)象的起始、終點(diǎn)分別對(duì)準(zhǔn)端點(diǎn)再把對(duì)象的起始、終點(diǎn)分別對(duì)準(zhǔn)端點(diǎn)即可。即可。引導(dǎo)線允許重疊，但在重疊處的線段必須保持引導(dǎo)線允許重疊，但在重疊處的線段必須保持圓潤，否則會(huì)使引導(dǎo)失敗。圓潤，否則會(huì)使引導(dǎo)失敗。三、相關(guān)理論三、相關(guān)理論操作步驟：操作步驟：1.制作頁面背景制作頁面背景 2.制作蝴蝶的飛的動(dòng)畫制作蝴蝶的飛的動(dòng)畫 3.制作蝴蝶沿任意路徑制作蝴蝶沿任意路徑飛的動(dòng)畫飛的動(dòng)畫 4.測試影片、保存文件測試影片、保存文件完成效果完成效果四、演示案例制作四、演示案例制作蝴蝶花香蝴蝶花香8STEP1新建文檔，導(dǎo)入素材，設(shè)置背景。新建文檔，導(dǎo)入素材，設(shè)置背景。新建文檔。新建文檔

5、。選擇菜單選擇菜單“文件文件”“新建新建”（CTRL+N），選擇菜單），選擇菜單“文檔文檔”(CTRL+J),設(shè)置文檔的寬設(shè)置文檔的寬、高為、高為550*400像素，幀頻為像素，幀頻為24fps.(2)導(dǎo)入素材到庫導(dǎo)入素材到庫選擇菜單選擇菜單“文件文件”-“導(dǎo)入導(dǎo)入”-“導(dǎo)入到庫導(dǎo)入到庫”，在彈出的，在彈出的“導(dǎo)入到庫導(dǎo)入到庫”對(duì)話框中，打開本章對(duì)話框中，打開本章“上機(jī)實(shí)例案例上機(jī)實(shí)例案例蝴蝶花香蝴蝶花香”文件夾，按住文件夾，按住CTRL鍵依次選擇文件鍵依次選擇文件“素材素材1.jpg”、“素材素材2.swf”,單擊單擊“打開打開”按鈕按鈕，導(dǎo)入完成。，導(dǎo)入完成。（3）設(shè)置背景）設(shè)置背景從從“

6、庫庫”面板中拖拽面板中拖拽“素材素材1”至舞臺(tái)上，在至舞臺(tái)上，在“屬性屬性”面板上設(shè)置選區(qū)的面板上設(shè)置選區(qū)的 X、Y位置為位置為0*0，雙擊默認(rèn)圖層，名稱修改為，雙擊默認(rèn)圖層，名稱修改為“圖層圖層”，確認(rèn)當(dāng)前，確認(rèn)當(dāng)前圖層為鎖定狀態(tài)。圖層為鎖定狀態(tài)。五、操作步驟9STEP2繪制引導(dǎo)路徑繪制引導(dǎo)路徑新建圖層，添加蝴蝶。單擊時(shí)間軸上的新建圖層，添加蝴蝶。單擊時(shí)間軸上的“插入圖層插入圖層”按鈕，雙擊新圖層，名稱修改為按鈕，雙擊新圖層，名稱修改為“蝴蝶蝴蝶”，從，從“庫庫”面板中拖拽面板中拖拽“素材素材2.swf”元件至舞臺(tái)上。元件至舞臺(tái)上。添加引導(dǎo)圖層添加引導(dǎo)圖層右擊右擊“蝴蝶蝴蝶”圖層，彈出快捷菜

7、單，選擇圖層，彈出快捷菜單，選擇“添加引導(dǎo)添加引導(dǎo)圖層圖層”。如圖所示。如圖所示。五、操作步驟10繪制引導(dǎo)線繪制引導(dǎo)線選擇選擇“鉛筆工具鉛筆工具”，鉛筆模式為平滑，繪制一條曲，鉛筆模式為平滑，繪制一條曲線，確認(rèn)鎖定該圖層。如圖所示。線，確認(rèn)鎖定該圖層。如圖所示。五、操作步驟11STEP3讓蝴蝶沿引導(dǎo)路徑運(yùn)動(dòng)讓蝴蝶沿引導(dǎo)路徑運(yùn)動(dòng)設(shè)置時(shí)間軸長度設(shè)置時(shí)間軸長度選中選中“引導(dǎo)層：蝴蝶引導(dǎo)層：蝴蝶”和和“背景背景”圖層的圖層的 第第200幀，幀，按下按下F5鍵插入幀，選中鍵插入幀，選中“蝴蝶蝴蝶”圖層的圖層的 第第200幀，幀，按下按下F6鍵插入關(guān)鍵幀，如圖所示。鍵插入關(guān)鍵幀，如圖所示。五、操作步驟12

8、拖拽到實(shí)例到引導(dǎo)線左端店并設(shè)置屬性拖拽到實(shí)例到引導(dǎo)線左端店并設(shè)置屬性選中第一幀，在舞臺(tái)上拖拽實(shí)例選中第一幀，在舞臺(tái)上拖拽實(shí)例“素材素材2.swf”到到引導(dǎo)線的作引導(dǎo)線的作 端點(diǎn)，當(dāng)實(shí)例的注冊(cè)點(diǎn)圓圈變大時(shí)端點(diǎn)，當(dāng)實(shí)例的注冊(cè)點(diǎn)圓圈變大時(shí)，實(shí)例會(huì)自動(dòng)吸附到該引導(dǎo)線上。，實(shí)例會(huì)自動(dòng)吸附到該引導(dǎo)線上。組合鍵組合鍵“CTRL+T”打開打開“變形變形”面板，設(shè)置旋轉(zhuǎn)角面板，設(shè)置旋轉(zhuǎn)角度為度為“90.0”度，如圖所示。度，如圖所示。五、操作步驟13（3）拖拽實(shí)例到引導(dǎo)線右端墊并設(shè)置屬性）拖拽實(shí)例到引導(dǎo)線右端墊并設(shè)置屬性選中第選中第100幀，拖拽實(shí)例幀，拖拽實(shí)例“素材素材2.swf”到引導(dǎo)線的到引導(dǎo)線的右端點(diǎn)。

9、在變形面板上設(shè)置旋轉(zhuǎn)角度為右端點(diǎn)。在變形面板上設(shè)置旋轉(zhuǎn)角度為“75.0”度度。（4）創(chuàng)建補(bǔ)建動(dòng)畫）創(chuàng)建補(bǔ)建動(dòng)畫右擊第一幀至第右擊第一幀至第200幀之間的任意一幀，彈出快幀之間的任意一幀，彈出快捷菜單，選擇捷菜單，選擇“創(chuàng)建補(bǔ)建動(dòng)畫創(chuàng)建補(bǔ)建動(dòng)畫”。如圖所示。如圖所示。五、操作步驟14STEP4讓蝴蝶勞逸結(jié)合讓蝴蝶勞逸結(jié)合-蝴蝶在花上休息片刻蝴蝶在花上休息片刻選中第選中第150幀，按下幀，按下F6鍵插入關(guān)建幀，右擊該幀鍵插入關(guān)建幀，右擊該幀，彈出快捷菜單，選擇，彈出快捷菜單，選擇“復(fù)制幀復(fù)制幀”，如圖所示。，如圖所示。右擊第右擊第170幀，彈出快捷菜單，選擇幀，彈出快捷菜單，選擇“粘貼幀粘貼幀” 。右擊右擊151幀到第幀到第169幀之間的幀之間的 任意一幀，彈出快捷任意一幀，彈出快捷菜單，選擇菜單，選擇“刪除補(bǔ)間刪除補(bǔ)間”。五、操作步驟15STEP5測試影片測試影片選擇菜單選擇菜單“控制控制”-“測試影片測試影片”（CTRL+Enter）,測試動(dòng)畫效果。如圖所示。測試動(dòng)畫效果。如圖