Flash課件,第六章

1、6.1.1 元件作用和類型 1元件的作用 Flash中的元件主要有以下幾個作用。 （1）制作動畫時如果需要反復(fù)使用某個對象，如圖形，可以將此對象轉(zhuǎn)換為元件，或新建一個元件，并在元件內(nèi)部創(chuàng)建需要的對象。以后便可以重復(fù)使用該元件，而不會增加Flash文件大小。（2）元件本身也可以是一個小動畫，此外，元件內(nèi)部還可以包含元件，所以，通過幾個元件合成，可以使復(fù)雜的動畫制作變得簡單。 例如，要制作一個小蜜蜂飛行的動畫，可以將小蜜蜂揮翅的動作和身體制成元件，然后在主時間軸中使該元件實(shí)例向右運(yùn)動。如此一來，小蜜蜂向右運(yùn)動同翅膀的扇動互不影響，便形成了一個合成動畫。 元件的作用（3）在制作某些交互動畫時，需要使

2、用按鈕元件。 2元件的類型 Flash中的元件分為三種類型，分別是圖形元件、影片剪輯元件和按鈕元件。6.1.2 創(chuàng)建和使用元件創(chuàng)建背景和小蜜蜂元件 下面我們再次通過一個實(shí)例，系統(tǒng)學(xué)習(xí)元件的創(chuàng)建和使用方法。 轉(zhuǎn)換元件 1.打開素材文檔，選中舞臺上的位圖背景，選擇“修改”“轉(zhuǎn)換為元件”菜單項(xiàng)，或按快捷鍵【F8】, 打開“轉(zhuǎn)換為元件”對話框，在該對話框中選擇要創(chuàng)建的元件類型，這里選擇“圖形”單選鈕，輸入元件名稱，這里輸入“背景” 。2.單擊“確定”按鈕，即可將對象轉(zhuǎn)換為元件。將舞臺中的對象轉(zhuǎn)換為元件后，其將被保存在“庫”面板中，同時，舞臺中的對象會自動變?yōu)樵撛囊粋€實(shí)例 。 新建元件 3.同時選中

3、舞臺上的小蜜蜂身體和兩只翅膀，按【Ctrl+X】，將其剪切到剪貼板中 。4.要新建元件，可選擇“插入”“新建元件”菜單，或按快捷鍵【Ctrl+F8】，在打開的“創(chuàng)建新元件”對話框中選擇元件類型，如“影片剪輯”單選鈕，在“名稱”編輯框中輸入元件名稱，如“蜜蜂” 。5.單擊“確定”按鈕后，會打開元件編輯窗口，此時可對元件進(jìn)行編輯，如創(chuàng)建圖形或制作動畫等。這里我們按【Ctrl+V】組合鍵，將剪貼板中的蜜蜂圖形復(fù)制到元件中，如圖6-3右圖所示，然后按【Ctrl+E】組合鍵退出元件編輯狀態(tài)。 。使用元件 6.要使用創(chuàng)建的元件，可直接從“庫”面板中將其拖到舞臺上即可，拖到舞臺中的對象將成為該元件的一個實(shí)例

4、 。6.1.3 編輯元件和元件實(shí)例編輯小蜜蜂元件 1編輯元件 編輯或修改元件后，該元件在舞臺上的所有元件實(shí)例也會隨之改變。 制作蜜蜂煽動翅膀的動畫 1.雙擊“庫”面板中的“蜜蜂”元件，打開元件編輯窗口 ， 在“圖層1”第3幀插入關(guān)鍵幀，選擇“任意變形工具” ，單擊蜜蜂左邊的翅膀，然后將變形中心點(diǎn)移置變形框左下角位置，并適當(dāng)向下縮放該翅膀；用同樣的方法縮放另一只翅膀 。2.要退出元件的編輯狀態(tài)，可單擊舞臺左上角的 按鈕，或按【Ctrl+E】組合鍵。對于在當(dāng)前位置編輯的元件，則還可通過選擇“選擇工具” ，然后雙擊舞臺的其他區(qū)域來退出元件編輯狀態(tài)。2編輯元件實(shí)例 編輯元件實(shí)例只對當(dāng)前編輯的元件實(shí)例起

5、作用，不會影響元件本身，也就是說，不會影響該元件的其他元件實(shí)例。 在制作動畫時，用戶除了可以對舞臺上的元件實(shí)例進(jìn)行移動、復(fù)制、刪除，以及使用“任意變形工具” 進(jìn)行縮放、旋轉(zhuǎn)和傾斜等操作外，還可進(jìn)行以下操作。 修改元件實(shí)例色調(diào) 修改元件實(shí)例亮度 修改元件實(shí)例透明度 6.2.1 動畫補(bǔ)間動畫的特點(diǎn) 動畫補(bǔ)間動畫是Flash動畫重要的制作手法之一，這與其自身的特點(diǎn)密不可分。 6.2.2 創(chuàng)建動畫補(bǔ)間動畫勤勞的小蜜蜂 下面通過將前面創(chuàng)建的小蜜蜂元件實(shí)例制作成動畫，介紹創(chuàng)建動畫補(bǔ)間動畫的方法。 設(shè)置文檔屬性 1.打開素材文檔，在 “背景”層第80幀插入普通幀，在“蜜蜂”圖層第30幀插入關(guān)鍵幀，此時蜜蜂元

6、件實(shí)例會自動延伸到該關(guān)鍵幀上 。編輯第1幀上的蜜蜂元件實(shí)例 編輯第30幀上的蜜蜂元件實(shí)例 2.單擊第1幀，將播放頭切換到該幀，然后將該幀上的蜜蜂元件實(shí)例移動到舞臺左側(cè) 。3. 單擊第30幀，然后將該幀上的蜜蜂元件實(shí)例移動到舞臺中下部（鮮花上方） 。創(chuàng)建動畫補(bǔ)間動畫 創(chuàng)建動畫補(bǔ)間動畫后的“屬性”面板 4.選中“蜜蜂”圖層第1幀至第30幀之間的任意一幀（不包括第30幀），然后在“屬性”面板的“補(bǔ)間”下拉列表中選擇“動畫”選項(xiàng)，如此一來，便在“蜜蜂”圖層第1幀至第30幀之間創(chuàng)建了動畫補(bǔ)間動畫，蜜蜂將從舞臺左側(cè)外飛到鮮花上方 。5.繼續(xù)選中創(chuàng)建動畫補(bǔ)間動畫的幀，可利用“屬性”面板設(shè)置動畫參數(shù)，例如在“

7、緩動”編輯框中輸入-50 。 創(chuàng)建其他動畫補(bǔ)間動畫 6.用戶可繼續(xù)在“蜜蜂”圖層上創(chuàng)建動畫補(bǔ)間動畫。例如，分別在該圖層第50幀和第80幀插入關(guān)鍵幀，并將第80幀上的蜜蜂元件實(shí)例移動到舞臺右側(cè)外，然后在第50幀和第80幀之間創(chuàng)建動畫部間動畫，最后按【Ctrl+Enter】鍵預(yù)覽動畫。 6.2.3 改進(jìn)動畫補(bǔ)間動畫閃爍的文字標(biāo)志 通過調(diào)整動畫補(bǔ)間動畫中所用元件實(shí)例的透明度、亮度和色調(diào)等屬性，可以創(chuàng)建漸隱漸顯和變色等動畫效果。下面通過制作閃動的文字標(biāo)志來具體說明。 輸入文本并將其轉(zhuǎn)換為圖形元件 2.在舞臺中輸入“Flash CS3”，再將輸入的文本轉(zhuǎn)換為名為“文字1”的圖形元件 。1.新建一個Fla

8、sh文檔，在“文檔屬性”對話框中將文檔尺寸設(shè)為“550250像素”，將“背景顏色”設(shè)為黑色。 縮小并移動元件實(shí)例 4.單擊“圖層1”第10幀將播放頭轉(zhuǎn)到該幀，然后將該幀上的“文字1”元件實(shí)例縮小并移動到舞臺左上方，如圖6-17左圖所示；保持“文字1”元件實(shí)例的選中狀態(tài)，在“屬性”面板的“顏色”下拉列表中選擇“Alpha”選項(xiàng)（透明度），在其右側(cè)的編輯框中輸入“0%” 插入關(guān)鍵幀并刪除第1幀上的元件實(shí)例 3.在“圖層1”第10幀和第50幀處插入關(guān)鍵幀，然后刪除第1幀上的“文字1”元件實(shí)例 。 創(chuàng)建動畫補(bǔ)間動畫 5.在“圖層1”第30幀插入關(guān)鍵幀，利用“選擇工具” 選中該幀上的“文字1”元件實(shí)例，

9、在“屬性”面板的“顏色”下拉列表中選擇“無”，如圖6-18左圖所示，然后在第10幀和第30幀之間創(chuàng)建動畫補(bǔ)間動畫 。創(chuàng)建動畫補(bǔ)間動畫并設(shè)置動畫參數(shù) 6.將“圖層1”第50幀上的“文字1”元件實(shí)例移動到舞臺中下部，然后在第30幀和第50幀之間創(chuàng)建動畫補(bǔ)間動畫，并在“屬性”面板的“緩動”編輯框中輸入“100”，在“旋轉(zhuǎn)”下拉列表中選擇“順時針”選項(xiàng)，在其右側(cè)的編輯框中輸入“3” 。 插入普通幀和關(guān)鍵幀設(shè)置元件實(shí)例亮度7.在第100幀處插入普通幀，然后在第54、55、56、57、60和70幀處插入關(guān)鍵幀 。8.選中第54幀中的“文字1”元件實(shí)例，然后在“屬性”面板“顏色”下拉列表中選擇“亮度”選項(xiàng)，

10、再在其右側(cè)的編輯框中輸入“100%”；用同樣的方法，將第56幀中的“文字1”元件實(shí)例亮度設(shè)置為100% 。 在第60幀與第70幀之間創(chuàng)建動畫補(bǔ)間動畫 設(shè)置元件實(shí)例色調(diào) 9.在“圖層1”第60幀與第70幀之間創(chuàng)建動畫補(bǔ)間動畫 。10.選中第70幀上的“文字1”元件實(shí)例，在“屬性”面板的“顏色”下拉列表中選擇“色調(diào)”選項(xiàng)，單擊其右側(cè)的色塊，在打開的“拾色器”對話框中選擇綠色（#00FF00），再在色塊右側(cè)的編輯框中輸入“100%” 。6.3.1 形狀補(bǔ)間動畫的特點(diǎn) 形狀補(bǔ)間動畫可以說是介于逐幀動畫和動畫補(bǔ)間動畫之間的一種動畫形式，它具有以下特點(diǎn)。 6.3.2 創(chuàng)建形狀補(bǔ)間動畫彎月 下面通過制作一個

11、變化月亮形狀的動畫效果為例，介紹形狀補(bǔ)間動畫的創(chuàng)建方法。 繪制月亮 插入幀并在第20幀出繪制月牙 2.在“圖層1” 的第10幀和第20幀處插入關(guān)鍵幀，在第50幀插入普通幀，然后將播放頭轉(zhuǎn)到第20幀，使用“橢圓工具” 在該幀正圓中的偏右位置繪制一個較小的正圓，然后刪除較小正圓，以制作月牙。 1.新建一個Flash文檔，將背景色設(shè)置為黑色，使用“橢圓工具” 繪制一個正圓作為月亮 。 創(chuàng)建形狀補(bǔ)間動畫3.選中“月亮”圖層第10幀和第20幀之間的任意一幀（不包括第20幀），然后在“屬性”面板的“補(bǔ)間類型”下拉列表中選擇“形狀”選項(xiàng)，即可在第10幀和第20幀之間創(chuàng)建形狀補(bǔ)間動畫，預(yù)覽動畫，會發(fā)現(xiàn)月亮由圓

12、月逐漸變成了彎月。 創(chuàng)建南瓜和表情圖形 重新設(shè)置第20幀上的表情圖形 6.3.3 形狀提示的應(yīng)用邪惡的南瓜 下面通過制作南瓜頭表情變化的動畫效果，介紹形狀提示的應(yīng)用。 1.打開素材文檔，分別從“庫”面板中將“南瓜”和“表情1”圖形元件拖到對應(yīng)的圖層中，并按快捷鍵【Ctrl+B】將這兩個元件實(shí)例分離 。 2.分別在“南瓜”和“表情”圖層第10幀和第20幀插入關(guān)鍵幀，在第50幀插入普通幀，然后將第20幀上的表情圖形刪除，并從“庫”面板中將“表情2”圖形元件拖到“表情”圖層第20幀，放在原表情圖形的位置，最后按快捷鍵【Ctrl+B】將“表情2”元件實(shí)例分離成圖形 。 通過快捷菜單創(chuàng)建形狀補(bǔ)間動畫 添

13、加的形狀提示 3.在表情”圖層第10幀與第20幀之間的任意幀上右擊鼠標(biāo)，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”菜單，創(chuàng)建形狀補(bǔ)間動畫 。 5.選中“表情”圖層的第10幀，然后選擇“修改”“形狀”“添加形狀提示”菜單，或直接按【Ctrl+Shift+H】組合鍵，此時在第10幀上會出現(xiàn)一個紅色的形狀提示，相應(yīng)的在第20幀上也出現(xiàn)了一個紅色的形狀提示 。 4.此時按【Enter】鍵在Flash中預(yù)覽動畫效果，會發(fā)現(xiàn)表情的過渡并不理想，下面我們通過添加形狀提示來改善變形效果。 添加第一個形狀提示 添加第二個形狀提示7.按快捷鍵【Ctrl+Shift+H】再添加一個形狀提示b，并分別在第10幀和第20幀將該提示移動到表情的右側(cè)嘴角位置 。 6.使用“選擇工具” 將第10幀上的形狀提示移動到左側(cè)嘴角位置，將第20幀上的形狀提示也移動到左側(cè)嘴角位置，此時第1幀上的形狀提示會變?yōu)辄S色，第30幀上的形狀提示會變?yōu)榫G色，表示它們在一條曲線上 。 8.再次按【Enter】鍵預(yù)覽動畫，會發(fā)現(xiàn)表情的過渡符合我們的要求了。 化蝶 首先