1、計(jì)算機(jī)多媒體應(yīng)用（高級(jí)）,第七講 元件、基本動(dòng)畫制作,3.3 元件創(chuàng)建和編輯,元件 元件是動(dòng)畫制作中可重復(fù)使用的資源。在動(dòng)畫中使用元件，好處之一可減少動(dòng)畫文件占用的空間。因?yàn)樵趧?dòng)畫中多次使用一個(gè)元件，F(xiàn)lash只需記錄一次它的數(shù)據(jù)。好處之二是修改元件后，用該元件制作的動(dòng)畫也同時(shí)被更新。 實(shí)例 創(chuàng)建的元件都存放在“庫(kù)”中。在“庫(kù)”面板中可以找到已經(jīng)創(chuàng)建的各種元件。當(dāng)把一個(gè)元件拖到“舞臺(tái)”上時(shí)，F(xiàn)lash就創(chuàng)建了該元件的一個(gè)實(shí)例。一個(gè)元件可有多個(gè)實(shí)例。實(shí)例是元件的副本。,3.3元件創(chuàng)建和編輯,Flash中有三種類型的元件： 元件素材可以直接用 Flash的工具繪制；也可以導(dǎo)入用其它軟件繪制的。Fl

2、ash CS5支持多種圖形格式。例如：JPGE、GIF、PNG、PSD等。 在導(dǎo)入包含圖層的文件時(shí)，可選擇圖層或合并圖層。,3.3元件創(chuàng)建和編輯,一、創(chuàng)建元件 創(chuàng)建元件有兩種方式：,3.3元件創(chuàng)建和編輯,1用“新建元件”命令和工具繪制圖形制作元件 例3.3：創(chuàng)建圖形元件。 （1）在Flash中，單擊“文件”“新建”命令，新建一文檔。 （2）單擊“插入”“新建元件”命令，在彈出的“新建新元件”對(duì)話框的“名稱”中輸入元件名“帆船”（或用原來(lái)給定的名：元件1）。在“類型”中選擇“圖形”。單擊“確定”按鈕，進(jìn)入元件編輯模式。此時(shí)，“舞臺(tái)”左上方除了“場(chǎng)景1”外，還有正在編輯的元件名。,操作步驟：,3.

3、3元件創(chuàng)建和編輯,（3）在元件編輯模式中（中心有個(gè)十字），繪制帆船。單擊“工具”面板中的“矩形工具”，在“筆觸顏色”中選擇沒(méi)有筆觸；在“填充顏色”中選擇灰色。拖動(dòng)鼠標(biāo)繪制一個(gè)灰色矩形。 （4）用“選擇工具”將矩形調(diào)整成帆船的船身。 （5）選擇“多角星形工具”。單擊“屬性”檢查器中“工具設(shè)置”的“選項(xiàng)”按鈕，在“工具設(shè)置”的“樣式”中選擇“多邊形”；邊數(shù)：3。選擇沒(méi)有筆觸；選擇“填充顏色”為 紫色。繪制一個(gè)三角形。再用“選擇工具”和“任意變形工具”調(diào)整三角形。 （6）復(fù)制一個(gè)紫色三角形。選擇“顏料桶工具”，在“填充顏色”中選擇藍(lán)色，單擊紫色三角形將其變?yōu)樗{(lán)色。再用“選擇工具”和“任意變形工具”調(diào)

4、整三角形。 （7）單擊左上角“場(chǎng)景1”或 按鈕，從元件編輯模式返回場(chǎng)景中?！皫?kù)”面板中已有“帆船”元件。 （8）用“例3.3”為文件名，F(xiàn)la格式保存文件。,圖3.93 帆船,3.3元件創(chuàng)建和編輯,2用“修改”“轉(zhuǎn)換為元件”命令和外部導(dǎo)入的素材制作元件 （1）在例3.3中，單擊“文件”“導(dǎo)入”“導(dǎo)入到舞臺(tái)”命令。在彈出的“導(dǎo)入”對(duì)話框中選擇路徑和文件名，單擊“打開”按鈕，將“卡通人物.jpg”文件導(dǎo)入到“舞臺(tái)”上。 （2）用“選擇工具”單擊導(dǎo)入的圖，單擊“修改”“分離”命令。此時(shí)，圖形已被分離（打散）。選中時(shí)，圖上顯示點(diǎn)狀的散點(diǎn)，結(jié)果如圖3.98。,圖3.98 分離后的圖,操作步驟：,3.3元

5、件創(chuàng)建和編輯,（3）“選擇工具”在圖以外的部分單擊。 （4）去掉人物以外的部分。單擊“工具”面板的“套索工具”，在“工具”面板下的“選項(xiàng)”區(qū)域單擊“魔術(shù)棒”。用“魔術(shù)棒”在要去除的部分單擊，再按Del鍵，即可刪除“魔術(shù)棒”選中的區(qū)域。 （5）在其它要?jiǎng)h除的部分，重復(fù)步驟（4），便可刪除人物以外的部分。 （6）如果還有一些殘留，用“工具”面板上的“橡皮擦工具”，在下面的“選項(xiàng)”區(qū)域中選擇“標(biāo)準(zhǔn)擦除” 。在要擦除部分拖動(dòng)鼠標(biāo)即可。,3.3元件創(chuàng)建和編輯,（7）用“選擇工具”單擊“舞臺(tái)”上的人物。單擊“修改”“轉(zhuǎn)換為元件”命令，在彈出的“轉(zhuǎn)換為元件”對(duì)話框的“名稱”中輸入：卡通，類型中選擇：圖形，單

6、擊“確定”按鈕。此時(shí)，“舞臺(tái)”上的圖形已轉(zhuǎn)換成元件?！皫?kù)”面板如圖3.104。 （8）保存文件。,圖3.103 轉(zhuǎn)換成元件,圖3.104 “庫(kù)”面板,3.3元件創(chuàng)建和編輯,二、編輯元件,3.3元件創(chuàng)建和編輯,1更改例3.3中卡通的褲子顏色 （1）雙擊“庫(kù)”面板上卡通的圖形，進(jìn)入元件編輯模式。 （2）單擊“工具”面板上的“套索工具”，在“選項(xiàng)”區(qū)域中選擇“魔術(shù)棒”。 （3）用“魔術(shù)棒”工具在褲子上單擊后，并繼續(xù)在褲子未選中的區(qū)域單擊，直至將褲子全部選中。 （4）單擊“工具”面板上的“顏料桶工具”。在“填充顏色”中選擇黃色。用“顏料桶工具”在選中的部分單擊，褲子由藍(lán)色變成黃色了。,左 右 圖3.1

7、05 修改元件,操作步驟：,3.3元件創(chuàng)建和編輯,（5）單擊“舞臺(tái)”左上的“場(chǎng)景1”，從元件編輯模式返回場(chǎng)景中。 （6）保存文件。,上面僅介紹了圖形元件的制作和編輯。影片剪輯元件和按鈕元件的創(chuàng)建方法與圖形元件相同，只是在元件編輯模式下的處理不同而已。在后面的章節(jié)中將介紹影片剪輯元件和按鈕元件。,3.4基本動(dòng)畫制作,動(dòng)畫是對(duì)象隨著時(shí)間的推移而發(fā)生的運(yùn)動(dòng)或變化。 動(dòng)畫制作主要有兩種,3.4基本動(dòng)畫制作,“補(bǔ)間圖層”允許在不同關(guān)鍵幀處更改實(shí)例的多種屬性。,3.4基本動(dòng)畫制作,補(bǔ)間動(dòng)畫制作的基本流程：,3.4基本動(dòng)畫制作 - 變形動(dòng)畫,一、變形動(dòng)畫 演示：觀看例3.4動(dòng)畫效果。 對(duì)象大小變化動(dòng)畫是最簡(jiǎn)

8、單和最基本的動(dòng)畫，也是最常用的動(dòng)畫。制作變形動(dòng)畫可以用“工具”面板上的“任意變形工具”或用“屬性”檢查器、“變形”面板設(shè)置變形的屬性值。,圖3.106 “變形”面板,3.4基本動(dòng)畫制作 - 變形動(dòng)畫,例3.4：變形動(dòng)畫。 （1）在Flash中，單擊“文件”“新建”命令，新建一個(gè)文檔。 （2）在“屬性”檢查器中將“舞臺(tái)”顏色設(shè)為：00CCFF。 （3）單擊“文件”“保存”命令，用“例3.4”為文件名，F(xiàn)la格式保存影片文件。 （4）將“孫悟空.jpg”圖片處理成“孫悟空”圖形元件。,操作步驟：,3.4基本動(dòng)畫制作 - 變形動(dòng)畫,（5）單擊“插入”“新建元件”命令，創(chuàng)建“金箍棒”圖形元件。在元件編

9、輯模式下，用 “線條工具”，在“屬性”檢查器中選擇“筆觸顏色”：#FFCC33；選擇 “圓角”的 “端點(diǎn)” 。拖動(dòng)鼠標(biāo)，畫一小段線條。 （6）單擊“舞臺(tái)”左上角“場(chǎng)景1”，返回場(chǎng)景中。 （7）單擊“庫(kù)”面板上“孫悟空”圖形元件名，將“庫(kù)”面板上的孫悟空?qǐng)D形拖到“舞臺(tái)”右上方，如圖3.108。,3.4基本動(dòng)畫制作 - 變形動(dòng)畫,（8）在“舞臺(tái)”上，鼠標(biāo)右擊實(shí)例（孫悟空?qǐng)D形），在彈出的上下文菜單中，單擊“創(chuàng)建補(bǔ)間動(dòng)畫”。此時(shí)，“時(shí)間軸”上“圖層1”的補(bǔ)間范圍為24幀，如圖3.108 。 （9）將鼠標(biāo)懸停在第24幀處，鼠標(biāo)出現(xiàn)雙向箭頭時(shí)，將鼠標(biāo)向后拖到60幀處（增加補(bǔ)間范圍）。雙擊“圖層1”名，將圖

10、層重命名為：悟空1。 （10）將“時(shí)間軸”上的紅色播放頭移動(dòng)到1幀處，選擇“任意變形工具”，拖動(dòng)對(duì)角線上的變形句柄，將實(shí)例變小，如圖3.108。 （11）將“時(shí)間軸”上的紅色播放頭移動(dòng)到第20幀處，再用“任意變形工具”放大實(shí)例。,3.4基本動(dòng)畫制作 - 變形動(dòng)畫,（12） 單擊“時(shí)間軸”上“新建圖層”按鈕，創(chuàng)建一新圖層，重命名為：棒。 （13）在“棒”圖層的第25幀處，單擊鼠標(biāo)右鍵，在彈出的上下文菜單中選擇“插入關(guān)鍵幀”命令。將“金箍棒”元件從“庫(kù)”面板中拖到“舞臺(tái)”上孫悟空的左手掌中。創(chuàng)建補(bǔ)間動(dòng)畫。 （14）用“任意變形工具”將“金箍棒”實(shí)例的中心（小圓圈）拖到靠手掌的一端；再用“任意變形工

11、具”適當(dāng)改變金箍棒的大小。 （15）將“時(shí)間軸”上的紅色播放頭移動(dòng)到“棒”圖層的第45幀處，選擇“任意變形工具”，拖動(dòng)“任意變形工具”左上角的變形句柄（金箍棒向左上方伸長(zhǎng)）。,可用“選擇工具”調(diào)整金箍棒的位置。,注意：調(diào)整實(shí)例的中心（小圓圈）位置，可以讓實(shí)例沿一個(gè)方向放大或縮小。,3.4基本動(dòng)畫制作 - 變形動(dòng)畫,（16）單擊“文件”“保存”，保存影片文件。 （17）單擊“控制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,注意： （1）在例3.4中孫悟空和金箍棒的變化都是大小變化，但不相同。孫悟空的變化是拖動(dòng)“任意變形工具”的對(duì)角線上的變形手柄后，以小圓圈為中

12、心，長(zhǎng)寬均等變化。在金箍棒的變化中，需要在一個(gè)方向上變化（靠孫悟空的掌心方向不變），所以先用“任意變形工具”移動(dòng)小圓圈（中心）到線條的一端，在另一個(gè)方向上拖動(dòng)變形手柄，金箍棒向反方向上伸展。希望通過(guò)以上兩種不同的應(yīng)用，掌握“任意變形工具”的不同變化。 （2）用“任意變形工具”和“屬性”檢查器中的寬和高以及“變形”面板都可以改變對(duì)象大小。如果需要精確的數(shù)值，用“屬性”檢查器和“變形”面板中的屬性設(shè)置。,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,演示:雙擊例3.5.swf文件，觀看動(dòng)畫效果。 1制作色調(diào)變化動(dòng)畫 例3.5：制作金箍棒變色動(dòng)畫。 （1）打開例3.4.fla文件。用“文件”“另存為”命令，

13、“例3.5”為文件名保存文件。 （2）選擇“悟空1”補(bǔ)間圖層，在120幀處鼠標(biāo)右擊，在彈出的上下文菜單中，單擊“插入幀”命令，延長(zhǎng)補(bǔ)間范圍。在“棒”補(bǔ)間圖層做同樣操作。 （3）選中“棒”補(bǔ)間圖層，將紅色播放頭移動(dòng)到第65幀處。用“選擇工具”單擊“舞臺(tái)”上的“金箍棒”（這是關(guān)鍵步驟）。在“屬性”檢查器中，單擊“色彩效果”區(qū)域“樣式”右邊的三角形，在菜單中單擊“色調(diào)” 。在“著色”中選擇綠色?！拔枧_(tái)”上的金箍棒變?yōu)榫G色。,操作步驟：,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,（4）將“時(shí)間軸”上紅色播放頭移動(dòng)到第85幀處，重復(fù)步驟（3），只是將選擇的顏色變?yōu)榘咨?至此，金箍棒由金黃色變?yōu)榫G色再變成白

14、色的色調(diào)變化的補(bǔ)間動(dòng)畫制作完成。 （5）單擊“文件”“保存”，保存影片文件。整個(gè)影片的時(shí)間軸如圖3.115。 （6）單擊“控制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,2“亮度”變化動(dòng)畫 例3.5中月亮的閃爍是用“亮度”變化制作的動(dòng)畫。亮度變化也是“色彩效果”中的一種。亮度值變化范圍：-100-100。 制作例3.5中月亮閃爍的動(dòng)畫。 （1）在例3.5中，用“插入”“新建元件”命令，創(chuàng)建“月亮”圖形元件。在元件編輯模式下，單擊“工具”面板上的“橢圓工具”，在“屬性”檢查器中選擇黃色的填充顏色（無(wú)筆觸），按住Shift鍵

15、并拖動(dòng)鼠標(biāo)繪制一個(gè)黃色的圓。返回場(chǎng)景中。,操作步驟：,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,（2）新建一圖層，重命名為：月亮。 （3）在“月亮”圖層的第1幀，將“庫(kù)”面板中的“月亮”元件拖到“舞臺(tái)”的左上角。在月亮實(shí)例上右擊鼠標(biāo)，在上下文菜單中單擊“創(chuàng)建補(bǔ)間動(dòng)畫”。 （4）將“時(shí)間軸”上的紅色播放頭移到第25幀，用“選擇工具”單擊月亮實(shí)例；在“屬性”檢查器中，單擊“色彩效果”區(qū)域的“樣式”右邊的三角形，在菜單中單擊“亮度”，并將亮度值設(shè)為：-12。 （5）將“時(shí)間軸”上的紅色播放頭移到第50幀，重復(fù)步驟（4），只是將亮度值設(shè)為：55。 （6）單擊“文件”“保存”，保存影片文件。 （7）單擊“控

16、制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,3透明度變化動(dòng)畫 （1）制作孫悟空淡入效果的動(dòng)畫。 新建一圖層。將新圖層重命名為：悟空2。 在第1幀處，從“庫(kù)”面板中將孫悟空?qǐng)D形元件拖放到“舞臺(tái)”左下角。 單擊“修改”“變形”“水平翻轉(zhuǎn)”命令，讓孫悟空轉(zhuǎn)個(gè)身。 在“屬性”檢查器中，單擊“色彩效果”區(qū)域中的“樣式”右邊的三角形，在菜單中單擊“Alpha”，并將Alpha的值設(shè)為0，如圖3.118。,操作步驟：,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,在實(shí)例上右擊鼠標(biāo)，在上下文菜單中單擊“創(chuàng)建補(bǔ)間動(dòng)畫”。 將“時(shí)間軸”上的紅色播

17、放頭移到第40幀，單擊實(shí)例，將“屬性”檢查器中的Alpha的值設(shè)為100。 單擊“文件”“保存”，保存影片文件。 單擊“控制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,（2）在“動(dòng)畫編輯器”面板中，設(shè)置“Alpha”值，制作孫悟空淡出再淡入效果的動(dòng)畫。 再新建一圖層，重命名為：悟空3。 在第1幀處，從“庫(kù)”面板中將孫悟空?qǐng)D形元件拖放到“舞臺(tái)”中下部。 在實(shí)例上右擊鼠標(biāo)，在上下文菜單中單擊“創(chuàng)建補(bǔ)間動(dòng)畫”。 單擊“時(shí)間軸”旁的“動(dòng)畫編輯器”面板（如果沒(méi)有，用“窗口”“動(dòng)畫編輯器”命令，打開面板），在第1幀處（紅色播放頭所在

18、位置），單擊“色彩效果”右邊加號(hào)下的三角形（ ），在彈出的菜單中單擊“Alpha” 。,操作步驟：,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,將“Alpha”的數(shù)量設(shè)為：100%。 在“動(dòng)畫編輯器”的第40幀上，單擊右鍵，單擊“添加關(guān)鍵幀” 。,3.4基本動(dòng)畫制作 - 色彩變化動(dòng)畫,將“Alpha”的數(shù)量設(shè)為：0%，如圖3.122。此時(shí)，在第1幀到第40幀形成了Alpha的值從100%到0%的變化的一條直線，如圖3.122 右邊部分。 單擊“文件”“保存”，保存影片文件。 單擊“控制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,3.4基本動(dòng)畫制作 -“動(dòng)畫編輯器”

19、面板,“動(dòng)畫編輯器”面板是Flash眾多面板中的一個(gè)，它提供了補(bǔ)間動(dòng)畫的所有屬性的詳細(xì)信息和編輯功能?！皠?dòng)畫編輯器”位于“時(shí)間軸”的后面，單擊“動(dòng)畫編輯器”的選項(xiàng)卡可以進(jìn)入。如果在“時(shí)間軸”后面找不到的話，單擊“窗口”“動(dòng)畫編輯器”命令，打開它。,3.4基本動(dòng)畫制作 -“動(dòng)畫編輯器”面板,在“動(dòng)畫編輯器”中制作動(dòng)畫的基本操作： （1）創(chuàng)建關(guān)鍵幀 在“動(dòng)畫編輯器”中，在某幀處單擊右鍵，或?qū)⒓t色播放頭移到某幀處單擊右鍵，用“添加關(guān)鍵幀”命令創(chuàng)建關(guān)鍵幀。 要?jiǎng)h除已創(chuàng)建的關(guān)鍵幀，可以在關(guān)鍵幀處單擊右鍵，用“刪除關(guān)鍵幀”命令，刪除關(guān)鍵幀；或選中關(guān)鍵幀，單擊左邊的“黃色菱形（ ）”圖標(biāo)，刪除關(guān)鍵幀。 （2

20、）設(shè)置屬性值 在關(guān)鍵幀處，設(shè)置相應(yīng)的屬性值。 在設(shè)置屬性值時(shí)出錯(cuò)的話，單擊“動(dòng)畫編輯器”左邊的“重置值”按鈕（ ），將屬性值重置為默認(rèn)值。 也可單擊屬性左邊的“減號(hào)”按鈕（ ），選取相應(yīng)的屬性，即從“動(dòng)畫編輯器”中刪除屬性。,3.4基本動(dòng)畫制作 -旋轉(zhuǎn)動(dòng)畫,制作旋轉(zhuǎn)動(dòng)畫中的一個(gè)關(guān)鍵點(diǎn)是：繞哪一點(diǎn)為圓心旋轉(zhuǎn)？圓心位置不同，旋轉(zhuǎn)的效果也不同。 1制作例3.5中悟空2以右掌心為圓心順時(shí)針旋轉(zhuǎn)2圈的動(dòng)畫 （1）打開例3.5.fla文件。 （2）選中“悟空2”補(bǔ)間圖層。將“時(shí)間軸”上的紅色播放頭移到第40幀。 （3）選擇“工具”面板上的“任意變形工具”。 將悟空2實(shí)例上的空心圓圈（在中心，如圖3.125

21、左圖）移到右掌心，如圖3.125右圖。,操作步驟：,圖3.125 左圖 右圖,3.4基本動(dòng)畫制作 -旋轉(zhuǎn)動(dòng)畫,（4）單擊“悟空2”補(bǔ)間圖層上的第40幀，在“屬性”檢查器的“旋轉(zhuǎn)”區(qū)域的“旋轉(zhuǎn)”次數(shù)中選擇2；“方向”中選擇“順時(shí)針”。如圖3.126。 （5）單擊“文件”“保存”，保存影片文件。 （6）單擊“控制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,3.4基本動(dòng)畫制作 -旋轉(zhuǎn)動(dòng)畫,2讓悟空3以腳為圓心逆時(shí)針旋轉(zhuǎn)90度 （1）選擇“悟空3”補(bǔ)間圖層。 （2）將“時(shí)間軸”上的紅色播放頭移到第70幀。在“屬性”檢查器的“色彩效果”中，將Alpha的值設(shè)為：100

22、%。 （3）用“任意變形工具”將悟空3的空心圓圈移到雙腳交叉處。 （4）單擊“悟空3”補(bǔ)間圖層上的第40幀，將“屬性”檢查器“旋轉(zhuǎn)”區(qū)域中的“旋轉(zhuǎn)”設(shè)為0；加號(hào)后面的值設(shè)為90度；“方向”中選擇“逆時(shí)針”。,操作步驟：,3.4基本動(dòng)畫制作 -旋轉(zhuǎn)動(dòng)畫,（5）單擊“文件”“保存”，保存影片文件。 （6）單擊“控制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,3.4基本動(dòng)畫制作 -濾鏡效果動(dòng)畫,濾鏡可以給實(shí)例提供特效，也可以用來(lái)制作動(dòng)畫。制作濾鏡動(dòng)畫與制作色彩效果變化的動(dòng)畫類似，在一個(gè)關(guān)鍵幀中設(shè)置濾鏡的值，在另一個(gè)關(guān)鍵幀中設(shè)置不同的濾鏡值，F(xiàn)lash會(huì)創(chuàng)建兩個(gè)關(guān)鍵

23、幀之間的平滑過(guò)渡。,注意：濾鏡只能給影片剪輯元件的實(shí)例設(shè)置效果。,3.4基本動(dòng)畫制作 -濾鏡效果動(dòng)畫,在例3.5中再創(chuàng)建一個(gè)孫悟空2的影片剪輯元件，用于制作濾鏡投影效果動(dòng)畫。 （1）打開例3.5.fla文檔。 （2）單擊“插入”“新建元件”命令，在“創(chuàng)建新元件”對(duì)話框的名稱輸入：孫悟空2；類型：影片剪輯。按“確定”按鈕。 （3）在“庫(kù)”面板中，將“孫悟空”圖形元件拖到元件編輯中。 （4）為孫悟空換裝。用“選擇工具”選中對(duì)象，如圖3.129（1）。用“修改”“分離”命令，分離圖形，如圖3.129(2)。,操作步驟：,3.4基本動(dòng)畫制作 -濾鏡效果動(dòng)畫,（5）在圖形外單擊。選擇“套索工具”，并在“

24、選項(xiàng)”區(qū)域中選擇“魔術(shù)棒”。用“魔術(shù)棒”單擊紅色褲子（兩次），選中紅色褲子，如圖3.129（3）。 （6）單擊“顏料桶工具”，在“填充顏色”中選擇綠色。單擊選中的紅色褲子，褲子由紅變綠，如圖3.129(4)。 （7）重復(fù)步驟（5）-（6），將孫悟空的黃色衣服換成紫色。,（1） (2) (3) (4) 圖3.129 在影片剪輯元件中給孫悟空換裝,3.4基本動(dòng)畫制作 -濾鏡效果動(dòng)畫,（8）單擊“舞臺(tái)”左上角的“場(chǎng)景1”，退出元件編輯狀態(tài)。 （9）鎖住所有圖層。在最上層新建一圖層，重命名為“悟空4”。 （10）將影片剪輯元件“孫悟空2”拖到“舞臺(tái)”中央，用“任意變形工具”調(diào)整大小。 （11）右擊“舞

25、臺(tái)”上的實(shí)例，在上下文菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。 （12）單擊“舞臺(tái)”上的實(shí)例，單擊“屬性”檢查器的“濾鏡”左邊的三角形，打開濾鏡，如圖3.130。,注意：如果不是用影片剪輯元件制作的實(shí)例，在“屬性”檢查器中是找不到濾鏡的。,3.4基本動(dòng)畫制作 -濾鏡效果動(dòng)畫,（13）單擊下面的第一個(gè)“添加濾鏡（ ）”圖標(biāo)，如圖3.130；在彈出的菜單中選擇“漸變發(fā)光”，如圖3.131；并在“漸變發(fā)光”中選擇相應(yīng)的參數(shù)以及白到黃的漸變，如圖3.132。效果如圖3.133。 （14）將“時(shí)間軸”上的紅色播放頭移到第40幀，單擊實(shí)例。重復(fù)步驟（13），只是將漸變?cè)O(shè)置為：白到金黃。 （15）將“時(shí)間軸”上的紅色播

26、放頭移到第80幀，單擊實(shí)例。重復(fù)步驟（13），只是將漸變?cè)O(shè)置為：白色。 （16）單擊“文件”“保存”，保存影片文件。 （17）單擊“控制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,3.4基本動(dòng)畫制作 -3D效果動(dòng)畫,在3D的動(dòng)畫制作中引入了Z軸，形成了三維動(dòng)畫效果。 在“工具”面板上選擇“3D旋轉(zhuǎn)工具”或“3D平移工具”后，要在“工具”面板下面“選項(xiàng)”區(qū)域選擇“全局轉(zhuǎn)換”選項(xiàng)。單擊“全局轉(zhuǎn)換”按鈕，選擇了“全局轉(zhuǎn)換”；不按“全局轉(zhuǎn)換”按鈕，則選擇了“局部轉(zhuǎn)換”。 在“全局轉(zhuǎn)換”狀態(tài)下，實(shí)例的移動(dòng)或旋轉(zhuǎn)相對(duì)于全局坐標(biāo)進(jìn)行的。在“局部轉(zhuǎn)換”狀態(tài)下，實(shí)例的移動(dòng)或旋

27、轉(zhuǎn)相對(duì)于它自身進(jìn)行的。,注意：3D工具只能給影片剪輯元件的實(shí)例設(shè)置效果。,3.4基本動(dòng)畫制作 -3D效果動(dòng)畫,制作例3.5中孫悟空3D旋轉(zhuǎn)動(dòng)畫。 （1）打開例3.5.fla文檔。新建一圖層，重命名為：悟空5。鎖住其它圖層。 （2）在“悟空5”圖層，單擊第1幀。從“庫(kù)”面板中，將影片剪輯元件“孫悟空2”拖到“舞臺(tái)”左中部。用“任意變形工具”調(diào)整大小。 （3）用“選擇工具”在孫悟空實(shí)例上單擊右鍵，在上下文菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。,操作步驟：,3.4基本動(dòng)畫制作 -3D效果動(dòng)畫,（4）將紅色播放頭移到第40幀。單擊“工具”面板上的“3D旋轉(zhuǎn)工具”，在下面的“選項(xiàng)區(qū)域”中，單擊“全局轉(zhuǎn)換（ ）

28、”按鈕，孫悟空實(shí)例上出現(xiàn)三維坐標(biāo)：紅色為X軸，綠色為Y軸，藍(lán)色為Z軸，如圖3.135。分別拖動(dòng)Y、X、Z軸，如圖3.136、3.137、3.138。,圖3. 135 “3D旋轉(zhuǎn)工具”,圖3.138拖動(dòng)Z軸,圖3.137 拖動(dòng)X軸,圖3.136 拖動(dòng)Y軸,3.4基本動(dòng)畫制作 -3D效果動(dòng)畫,（5）將紅色播放頭移到第80幀。分別拖動(dòng)X、Y、Z軸，或在“變形”面板中設(shè)置X、Y、Z的值，如圖3.140。 （6）將紅色播放頭移到第120幀。分別拖動(dòng)X、Y、Z軸，或在“變形”面板中設(shè)置X、Y、Z的值，如圖3.141。 （7）單擊“文件”“保存”，保存影片文件。 （8）單擊“控制”“測(cè)試影片”“在Flash

29、 Professional中”命令，測(cè)試動(dòng)畫效果。,除了制作3D旋轉(zhuǎn)動(dòng)畫，還可以制作3D平移動(dòng)畫。制作方法基本相同。,3.4基本動(dòng)畫制作 -位移動(dòng)畫,位置改變的動(dòng)畫也是最基本的動(dòng)畫。除了可以讓實(shí)例沿直線運(yùn)動(dòng)，也可以沿曲線運(yùn)動(dòng)。 與早期版本中曲線運(yùn)動(dòng)的動(dòng)畫制作方法相比，F(xiàn)lash CS5中制作沿曲線運(yùn)動(dòng)的動(dòng)畫更簡(jiǎn)單。,3.4基本動(dòng)畫制作 -位移動(dòng)畫,1直線運(yùn)動(dòng)動(dòng)畫 例3.6：蝴蝶飛舞。 （1）在Flash中新建一文檔。 （2）單擊“文件”“導(dǎo)入”“導(dǎo)入到舞臺(tái)”命令，將“日落.jpg”圖片導(dǎo)入到“舞臺(tái)”上。用“任意變形工具”將圖片調(diào)整到與舞臺(tái)大小相同（用該圖片作為動(dòng)畫背景）。 （3）將“圖層1”重

30、命名為：背景。在“背景”圖層的第80幀處右擊，在上下文菜單中，選擇“插入幀”命令。 （4）單擊“時(shí)間軸”上的“鎖定圖層（ ）”圖標(biāo)，鎖定“背景”圖層（在其它圖層操作時(shí)不會(huì)影響已鎖定的圖層）。單擊“時(shí)間軸”上的“隱藏圖層（ ）”圖標(biāo)，隱藏“背景”圖層，使當(dāng)前編輯的圖層無(wú)遮擋。,操作步驟：,注意：導(dǎo)入圖片時(shí)，在“背景”的第1幀處產(chǎn)生了關(guān)鍵幀。該關(guān)鍵幀在整個(gè)動(dòng)畫中始終不變，所以用“插入幀”命令，延續(xù)關(guān)鍵幀即可?！氨尘啊眻D層是普通圖層。,3.4基本動(dòng)畫制作 -位移動(dòng)畫,（5）用“插入”“新建元件”命令，創(chuàng)建一個(gè)名為“蝴蝶”的圖形元件。在元件編輯中，用“文件”“導(dǎo)入”“導(dǎo)入到舞臺(tái)”命令，將蝴蝶.jpg圖

31、片導(dǎo)入。 （6）用“修改”“分離”命令，分離蝴蝶。 （7）選擇“套索工具”和“選項(xiàng)”中的“魔術(shù)棒”，將蝴蝶以外的部分選中，并刪除。 （8）單擊“場(chǎng)景1”按鈕，退出元件編輯狀態(tài)，返回場(chǎng)景中。 （9）新建一圖層。重命名為：蝴蝶1。單擊第1幀，從“庫(kù)”面板中將“蝴蝶”元件拖到“舞臺(tái)”右下角，并調(diào)整大小和方向，如圖3.143。,圖3.143“蝴蝶1”補(bǔ)間圖層第1幀實(shí)例,3.4基本動(dòng)畫制作 -位移動(dòng)畫,（10）右擊蝴蝶實(shí)例，在上下文菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。 （11）將紅色播放頭移到第80幀，用“選擇工具”把蝴蝶實(shí)例拖到“舞臺(tái)”左上方。此時(shí)在蝴蝶實(shí)例位移的兩點(diǎn)間有一條點(diǎn)畫線，示意實(shí)例的運(yùn)動(dòng)路徑，如

32、圖3.144。 （12）用“例3.6”為文件名，fla格式保存文檔。 （13）單擊“控制”“測(cè)試影片”“在Flash Professional中”命令，測(cè)試動(dòng)畫效果。,圖3.144“蝴蝶1”補(bǔ)間圖層第80幀實(shí)例,3.4基本動(dòng)畫制作 -位移動(dòng)畫,2曲線運(yùn)動(dòng)動(dòng)畫 在例3.6.swf中，蝴蝶沿曲線飛。要讓蝴蝶沿曲線運(yùn)動(dòng)，只要將原來(lái)直線路徑的改成曲線。 編輯運(yùn)動(dòng)路徑。 （1）單擊“蝴蝶1”補(bǔ)間圖層的第1幀。 （2）選擇“鋼筆工具”中的“轉(zhuǎn)換錨點(diǎn)工具” 。 （3）在“舞臺(tái)”上運(yùn)動(dòng)路徑的起點(diǎn)或終點(diǎn)處，按住鼠標(biāo)拖動(dòng)；再?gòu)腻^點(diǎn)處拖動(dòng)控制句柄。拖動(dòng)控制句柄改變路徑的曲度。如圖3.146。 （4）放開鼠標(biāo)，原來(lái)的直線運(yùn)動(dòng)路徑變?yōu)榍€，如圖3.147。,操作步驟：,圖3.146在路經(jīng)錨點(diǎn)處拖動(dòng)控制句柄,