Flash動畫設(shè)計項目教程(項目四元件、實例與庫).ppt

FLASH動畫設(shè)計項目教程 項目四元件 實例與庫 項目引入元件 實例與庫是Flash動畫的三大元素 其中元件是構(gòu)成動畫的基礎(chǔ) 元件是Flash中一種比較獨特的 可重復(fù)使用的對象 將元件放到工作區(qū)應(yīng)用于動畫的制作過程中就成為實例 instance 庫也就是 庫 面板 它是Flash軟件中用于存放元件及其他各種動畫元素的場所 在Flash中 元件分為3種形態(tài) 影片剪輯 圖形和按鈕 影片剪輯元件可以理解為電影中的小電影 可以完全獨立于主場景時間軸并且可以重復(fù)播放 按鈕元件是一個只有4幀的影片剪輯 但它的時間軸不能播放 只是根據(jù)鼠標(biāo)指針的動作做出簡單的響應(yīng) 并轉(zhuǎn)到相應(yīng)的幀 通過給舞臺上的按鈕實例添加動作語句而實現(xiàn)flash影片強大的交互性 圖形元件是可以重復(fù)使用的靜態(tài)圖像 或連接到主影片時間軸上的可重復(fù)播放的動畫片段 圖形元件與影片的時間軸同步運行 學(xué)習(xí)目標(biāo)了解元件 實例與庫掌握圖形元件掌握按鈕元件掌握影片剪輯元件 目錄 任務(wù)1了解元件 實例與庫任務(wù)2繪制星空任務(wù)3制作立體按鈕任務(wù)4制作生日快樂綜合實訓(xùn) 制作動感按鈕 任務(wù)1了解元件 實例與庫 知識準(zhǔn)備1 元件的概念所謂元件指的是動畫的操作過程中 以重復(fù)使用為目的創(chuàng)建的對象 就好比 只要有模具就可以隨時制作模型 Flash中也只要用元件來注冊對象 這樣就不必每次都重新創(chuàng)建同樣的新元件 而繼續(xù)使用創(chuàng)建過一次的元件即可 由此可見 元件不僅可以使動畫操作更加輕松便利 而且在元件個數(shù)過多的情況下 也可以不受文件大小的影響而隨意使用多個元件 元件是構(gòu)成Flash動畫的基礎(chǔ) 用戶可以根據(jù)動畫的具體應(yīng)用直接創(chuàng)建不同的元件類型 在Flash軟件中 元件類型共有三種 分別是 影片剪輯 Movieclip 元件 按鈕 Button 元件和 圖形 Graphic 元件 這3種類型的元件都有各自的特性與作用 任務(wù)1了解元件 實例與庫 知識準(zhǔn)備2 元件和庫以及實例的關(guān)系元件和庫以及實例相互具有非常密切的關(guān)系 創(chuàng)建元件以后 創(chuàng)建的元件會自動保存到庫中 庫就像保管書籍的圖書館一樣 是一個元件的保管場所 實例的創(chuàng)建依賴于元件 實例其實也就是 實例化的元件 將元件從庫中拖拽到舞臺中就創(chuàng)建了該元件的一個實例 一個元件可以創(chuàng)建多個實例 并且創(chuàng)建的實例繼承了元件的類型 但是此實例的類型并不是一成不變的 可以通過 屬性 面板對舞臺中的實例的類型 顏色 大小等進行編輯操作 不過值得注意的是 如果對舞臺中實例進行調(diào)整 那么僅影響當(dāng)前實例 對元件不產(chǎn)生任何影響 而如果對 庫 面板中的元件進行相應(yīng)調(diào)整 則舞臺中所有該元件的實例都會相應(yīng)地進行更新 如圖所示 就是在 庫 面板中的一個影片剪輯類型的元件拖動到舞臺上生成4個實例 并且對實例設(shè)置了不同屬性后的效果 任務(wù)1了解元件 實例與庫 知識準(zhǔn)備3 庫的管理 庫 面板 任務(wù)1了解元件 實例與庫 知識準(zhǔn)備3 庫的管理導(dǎo)入素材到 庫 導(dǎo)入圖形到庫導(dǎo)入音頻到庫公用庫 任務(wù)1了解元件 實例與庫 知識準(zhǔn)備4 實例的創(chuàng)建與編輯創(chuàng)建實例在時間軸面板中選擇任一圖層中的一個空白關(guān)鍵幀 選擇菜單欄中的 窗口 庫 命令 或按 Ctrl L 快捷鍵 打開 庫 面板 在此面板中顯示了所有的元件 在 庫 面板中選擇需要的元件拖到舞臺中 即可創(chuàng)建此元件的實例編輯實例在FlashCS5中 舞臺中實例的編輯方式有三種 分別是在 當(dāng)前位置編輯元件 在新窗口編輯元件 和 在元件編輯模式下編輯元件 無論使用哪種方式編輯完成后 通過單擊 時間軸 面板的按鈕 或者單擊左側(cè)的按鈕 都可以將當(dāng)前編輯窗口切換到場景的編輯窗口中 任務(wù)2繪制星空 知識準(zhǔn)備1 創(chuàng)建圖形元件在制作Flash動畫時 對于使用一次以上的對象 盡量將其轉(zhuǎn)換為元件再使用 重復(fù)使用元件不會增加文件的大小 這是優(yōu)化對象中的一個很好的方法 創(chuàng)建元件的方法有三種 一種是直接創(chuàng)建新元件 一種是將已經(jīng)創(chuàng)建好的對象轉(zhuǎn)化為元件 還有一種是復(fù)制相似元件稍作修改 任務(wù)2繪制星空 知識準(zhǔn)備2 設(shè)置圖形元件實例屬性在舞臺中選擇了圖形實例后 此時的 屬性 面板中將顯示圖形實例的相關(guān)屬性設(shè)置 實例類型圖標(biāo)實例行為元件名稱交換元件 位置和大小 選項 色彩效果 選項 循環(huán) 選項 任務(wù)實施任務(wù)目標(biāo) 使用圖形元件制作星空畫面效果 任務(wù)2繪制星空 任務(wù)3制作立體按鈕 知識準(zhǔn)備1 創(chuàng)建按鈕元件可以使用任務(wù)2中所講述的創(chuàng)建元件的三種方式 直接創(chuàng)建元件 轉(zhuǎn)換對象為元件 復(fù)制元件 中任何一種來創(chuàng)建按鈕元件 創(chuàng)建好的按鈕元件實際上是4幀的交互影片剪輯 這4幀分別為彈起 指針經(jīng)過 按下和點擊 任務(wù)3制作立體按鈕 知識準(zhǔn)備2 設(shè)置按鈕元件實例屬性在舞臺中選擇按鈕實例后 此時的 屬性 面板中將顯示按鈕實例的相關(guān)屬性設(shè)置 任務(wù)實施任務(wù)目標(biāo) 使用按鈕元件制作立體按鈕效果 任務(wù)3制作立體按鈕 任務(wù)4制作生日快樂 知識準(zhǔn)備1 創(chuàng)建影片剪輯元件可以使用任務(wù)2中所講述的創(chuàng)建元件的三種方式 直接創(chuàng)建元件 轉(zhuǎn)換對象為元件 復(fù)制元件 中任何一種來創(chuàng)建影片剪輯元件 任務(wù)4制作生日快樂 知識準(zhǔn)備2 設(shè)置影片剪輯實例屬性在舞臺中選擇影片剪輯實例后 此時的 屬性 面板中將顯示影片剪輯實例的相關(guān)屬性設(shè)置 任務(wù)實施任務(wù)目標(biāo) 使用按鈕元件制作生日快樂動畫效果 任務(wù)4制作生日快樂 任務(wù)實施結(jié)合圖形元件 按鈕元件 影片剪輯元件的技術(shù)制作一個動感按鈕動畫 綜合實訓(xùn) 制作動感按鈕 本章結(jié)束