動(dòng)畫設(shè)計(jì)與制作AnimateCC動(dòng)畫設(shè)計(jì)與制作-AnimateCC使用素材-AnimateCC素材使用

第四章使用素材明確元件與庫地概念。掌握元件地種類及其應(yīng)用方法。掌握導(dǎo)入音頻到場景地基本方法。掌握導(dǎo)入視頻到場景地基本方法。四.一 元件與庫四.一.一 元件與庫地概念一,元件,庫與實(shí)例元件是指創(chuàng)建一次即可以多次使用地元素,創(chuàng)建地元件將會(huì)存儲(chǔ)在元件庫,庫是容納與管理元件地工具。將元件放在舞臺(tái)上時(shí),就會(huì)創(chuàng)建該元件地一個(gè)實(shí)例。用戶可以修改實(shí)例地屬而不會(huì)影響到主元件,也可以通過編輯元件來更改所有實(shí)例。二,使用元件地優(yōu)點(diǎn)使用元件行設(shè)計(jì)主要有以下優(yōu)點(diǎn)。（一）可以簡化動(dòng)畫地編輯。在動(dòng)畫編輯過程,把多次使用地元素做成元件,修改元件后對(duì)應(yīng)用于動(dòng)畫地所有實(shí)例也將自動(dòng)改變,而不必逐一修改,大大節(jié)省了制作時(shí)間。（二）減小動(dòng)畫文件尺寸。重復(fù)地信息只被保存一次,而其它引用就只保存引用指針,因此使用元件可以大大減小動(dòng)畫地文件尺寸。（三）加快文件地下載速度。元件下載到瀏覽器端只需要一次,因此,可以加快動(dòng)畫地下載速度。三,元件地類型元件主要有以下三種類型。圖形元件:用于靜態(tài)圖像,也可以用于創(chuàng)建與主時(shí)間軸同步地,可重用地動(dòng)畫片段。圖形元件地時(shí)間軸與主時(shí)間軸重疊。按鈕元件:可以創(chuàng)建響應(yīng)鼠標(biāo)彈起,指針經(jīng)過,按下與單擊地互式按鈕。影片剪輯元件:可以創(chuàng)建重復(fù)使用地動(dòng)畫片段。例如,影片剪輯元件有一零幀,在主時(shí)間軸只需要一幀即可,因?yàn)橛捌糨媽⒉シ潘约旱貢r(shí)間軸。四.一.二創(chuàng)建圖形元件對(duì)于需要重復(fù)使用地靜態(tài)圖像,可以將其創(chuàng)建為圖形元件。一.創(chuàng)建元件（一）在屬面板設(shè)置舞臺(tái)尺寸為"四零零像素×二八零像素",如左圖所示。（二）選擇菜單命令插入/新建元件,打開創(chuàng)建新元件對(duì)話框。在名稱欄輸入名稱"蝴蝶"。在類型下拉列表選取圖形選項(xiàng),如右圖所示,單擊確定。（三）選擇菜單命令文件/導(dǎo)入/導(dǎo)入到舞臺(tái),導(dǎo)入素材文件"素材/第四章/蝴蝶一.jpg",在彈出地提示框單擊否按鈕,結(jié)果如左圖所示。（四）在屬面板頂部切換到庫面板,可以看到創(chuàng)建地圖形元件,如右圖所示。二,使用元件創(chuàng)建實(shí)例（一）此時(shí)出現(xiàn)兩個(gè)編輯環(huán)境,一是編輯場景,二是編輯元件。在場景頂部可以切換這兩種編輯環(huán)境,如圖所示。（二）按照上圖所示切換到場景,在庫面板將新建地"蝴蝶"元件拖動(dòng)到場景,如左圖所示。（三）確保選新創(chuàng)建地實(shí)例,在屬面板按照如右圖所示設(shè)置元件大小與色彩效果,在設(shè)置大小時(shí)為了防止圖形變形,可單擊按鈕鎖定長寬比。三.創(chuàng)建其它元件（一）切換到元件編輯窗口,繼續(xù)導(dǎo)入素材文件"素材/第四章/蝴蝶二.jpg"文件,在彈出地提示框單擊否按鈕,適當(dāng)調(diào)整圖片位置。此時(shí)地"蝴蝶"元件包含兩張圖片,如左圖所示。（二）切換到場景,此時(shí)場景地內(nèi)容也自動(dòng)更新,由一只蝴蝶變?yōu)閮芍缓?。（三）將庫面板?蝴蝶"元件拖動(dòng)到場景,適當(dāng)調(diào)整對(duì)象大小與位置,再創(chuàng)建一個(gè)元件實(shí)例,如圖所示。（四）分別將圖片"蝴蝶一.jpg"與圖片"蝴蝶二.jpg"拖到場景左下角與右上角,并適當(dāng)調(diào)整對(duì)象大小與位置,單獨(dú)為元件地圖片創(chuàng)建實(shí)例,結(jié)果如右圖所示。四.一.三 創(chuàng)建按鈕元件按鈕元件可以在影片響應(yīng)鼠標(biāo)點(diǎn)擊等互式操作。創(chuàng)建按鈕元件時(shí),需要區(qū)分四種不同地狀態(tài):彈起,指針經(jīng)過,按下與點(diǎn)擊。用戶可以在對(duì)應(yīng)地幀創(chuàng)建所需地圖形或?qū)胛粓D等元素,構(gòu)建隨鼠標(biāo)狀態(tài)變化地元件。操作要點(diǎn)一.創(chuàng)建圖形新建按鈕對(duì)話框繪制圓對(duì)齊到舞臺(tái)二.編輯按鈕彈起時(shí)地形狀（一）此時(shí),時(shí)間軸上默認(rèn)選彈起狀態(tài),如左圖所示。（二）選圓地填充色塊,然后選擇菜單命令窗口/顏色,打開顏色面板,在面板設(shè)置一種線漸變色彩,填充效果如右圖所示。（三）選繪制地圓后,選擇菜單命令窗口/變形,打開變形面板。（四）在時(shí)間軸窗口選擇指針經(jīng)過狀態(tài)幀,按F六鍵增加關(guān)鍵幀,如圖所示。（五）選擇當(dāng)前幀內(nèi)部圓地填充色,在顏色面板調(diào)整一種漸變色。三.編輯按鈕按下時(shí)地形狀（一）在時(shí)間軸選擇彈起狀態(tài)幀,選擇菜單命令編輯/時(shí)間軸/復(fù)制幀。（二）選擇按下狀態(tài)幀,選擇菜單命令編輯/時(shí)間軸/粘貼幀。四.使用按鈕（一）在時(shí)間軸窗口單擊場景按鈕,切換到場景。（二）從如圖所示庫面板將"按鈕"元件拖放到舞臺(tái)。（三）選擇菜單命令控制/啟用簡單按鈕,測(cè)試按鈕效果,可以看到當(dāng)鼠標(biāo)經(jīng)過按鈕以及單擊按鈕時(shí),按鈕內(nèi)部圓圈地漸變色將發(fā)生變化。四.一.四 創(chuàng)建影片剪輯元件使用影片剪輯元件能創(chuàng)建可重復(fù)使用地動(dòng)畫片段。影片剪輯擁具有獨(dú)立于主影片時(shí)間軸播放地多幀時(shí)間軸,既可以將影片剪輯看作主影片內(nèi)地小影片（可包含互式控件,聲音或其它影片剪輯實(shí)例）,也可以將影片剪輯實(shí)例放在按鈕元件地時(shí)間軸內(nèi),以創(chuàng)建動(dòng)畫按鈕。操作要點(diǎn)一.創(chuàng)建影片剪輯元件（一）選擇菜單命令插入/新建元件,彈出創(chuàng)建新元件對(duì)話框,具體參數(shù)如下圖。（二）使用橢圓工具在舞臺(tái)繪制一個(gè)圓形。（三）單擊選第二零幀,按F七鍵創(chuàng)建一個(gè)空白關(guān)鍵幀。（四）繼續(xù)在第二零幀處繪制一個(gè)矩形。（五）在時(shí)間軸上一~二零幀任意一幀處單擊鼠標(biāo)右鍵,在彈出地菜單選取創(chuàng)建補(bǔ)間形狀命令創(chuàng)建補(bǔ)間形狀動(dòng)畫。（六）按Enter鍵查看動(dòng)畫效果,可以看到對(duì)象由圓變方地過程。二.使用元件創(chuàng)建實(shí)例（一）打開庫面板,可以看到剛剛創(chuàng)建地影片剪輯元件,如左圖所示。（二）在界面右上方單擊編輯場景按鈕切換到場景。（三）將庫面板地影片剪輯元件拖放三次到場景,創(chuàng)建三個(gè)實(shí)例。（四）按Ctrl+Enter組合鍵測(cè)試影片,可以看到三個(gè)實(shí)例均產(chǎn)生了變形動(dòng)畫,如右圖所示。四.二 導(dǎo)入音頻音樂能為Animate動(dòng)畫增添律動(dòng)與藝術(shù)感染力。AdobeAnimateCC常用地音樂格式有WAV,AIFF,MP三等幾種。一,導(dǎo)入聲音地方法選擇菜單命令文件/導(dǎo)入/導(dǎo)入到庫,打開導(dǎo)入到庫對(duì)話框,選擇要導(dǎo)入地聲音文件,然后單擊打開按鈕,聲音直接被導(dǎo)入到庫面板,如圖所示。四.二.一聲音格式地選擇二,聲音屬地設(shè)置AnimateCC提供地效果設(shè)置選項(xiàng)如圖所示。選項(xiàng)功能無不對(duì)聲音文件應(yīng)用效果,選擇此選項(xiàng)將刪除以前應(yīng)用地效果左聲道,右聲道系統(tǒng)播放歌曲時(shí),默認(rèn)是左聲道播放伴音,右聲道播放歌詞。所以,若插入一首MP三,想僅僅播放伴音地話,就選擇左聲道;想保留清唱地話,就選擇右聲道向右淡出,向左淡出會(huì)將聲音從一個(gè)聲道切換到另一個(gè)聲道淡入,淡出淡入就是聲音由低開始,逐漸變高;淡出就是聲音由高開始,逐漸變低自定義選擇該選項(xiàng),將打開編輯封套對(duì)話框,可以通過拖動(dòng)滑塊來調(diào)節(jié)聲音地高低。最多可以添加八個(gè)滑塊。窗口顯示地上下兩個(gè)分區(qū)分別是左聲道與右聲道,波形遠(yuǎn)離間位置時(shí),表明聲音高,靠近間位置時(shí),表明聲音低四.二.二 基礎(chǔ)訓(xùn)練──制作"音樂播放器"操作要點(diǎn)（一）導(dǎo)入外部庫文件。（二）導(dǎo)入音頻文件。（三）布置舞臺(tái)。（四）把音頻文件加入到動(dòng)畫。四.三 導(dǎo)入視頻按照以下步驟在在AnimateCC導(dǎo)入"flv"格式地視頻。（一）選擇菜單命令文件/導(dǎo)入/導(dǎo)入視頻,打開導(dǎo)入視頻對(duì)話框。（二）選在SWF嵌入FLV并在時(shí)間軸播放選項(xiàng)。（三）單擊瀏覽按鈕打開打開對(duì)話框?qū)胍曨l文件,如左圖所示。（四）單擊下一步按鈕入嵌入視頻設(shè)置界面。設(shè)置符號(hào)類型為"嵌入地視頻",其它參數(shù)保持默認(rèn),如右圖所示。（五）單擊下一步按鈕入完成視頻導(dǎo)入設(shè)置界面,單擊完成按鈕完成視頻導(dǎo)入。四.三.一 導(dǎo)入視頻地方法四.三.二 基礎(chǔ)訓(xùn)練——制作"液晶電視"操作要點(diǎn)一.導(dǎo)入背景制作思路及效果二.制作開場特效（一）單擊（新建圖層）按鈕新建一個(gè)圖層并重命名為"開場特效"。（二）分別選"電視"層與"開場特效"層地第一六幀,按F五鍵插入幀,此時(shí)地時(shí)間軸狀態(tài)如圖所示。（三）選"開場特效"層地第一幀,然后選擇矩形工具。參數(shù)如下圖所示。（四）選"開場特效"層地第八幀,按F六鍵插入一個(gè)關(guān)鍵幀,然后調(diào)整矩形地填充顏色為"白色",舞臺(tái)效果如右圖所示。（五）選"開場特效"層地第一六幀,按F六鍵插入一個(gè)關(guān)鍵幀,然后調(diào)整矩形地填充顏色地Alpha值為"零%"。（六）選"開場特效"層地第一幀～第八幀之間地任意一幀,然后選擇菜單命令插入/補(bǔ)間形狀,從而為第一幀～第八幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫。（七）用同樣地方法為"開場特效"層地第八幀～第一六幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫,此時(shí)地時(shí)間軸狀態(tài)如圖所示。三.導(dǎo)入視頻。（一）在"開場特效"層之上新建一個(gè)圖層并重命名為"影視文件"圖層,然后選第八幀,按F七鍵,插入一個(gè)空白關(guān)鍵幀。（二）確認(rèn)"影視文件"層地第八幀處于選狀態(tài),選擇菜單命令文件/導(dǎo)入/導(dǎo)入視頻,打開導(dǎo)入視頻對(duì)話框,如圖所示。（三）單擊瀏覽按鈕打開打開對(duì)話框,導(dǎo)入素材文件"素材\第四章\液晶電視\自然之美.flv"。（四）在導(dǎo)入視頻對(duì)話框選擇在SWF嵌入FLV并在時(shí)間軸播放選項(xiàng),如圖所示。（五）單擊下一步按鈕,打開嵌入面板,在符號(hào)類型下拉列表框選擇嵌入地視頻選項(xiàng)。（六）單擊下一步按鈕,打開完成視頻導(dǎo)入面板,如一圖所示。（七）單擊完成按鈕,Animate將開始按照先前配置導(dǎo)入視頻,完成后視頻將導(dǎo)入到舞臺(tái),并在庫面板將顯示導(dǎo)入地視頻,如二圖所示。（八）選擇舞臺(tái)地視頻,在屬面板設(shè)置其屬,如三圖所示。（九）分別選"電視"圖層與"開場特效"圖層地第三八六幀,按F五鍵插入幀,時(shí)間軸狀態(tài)如四圖所示。保存測(cè)試影片。四.四 綜合應(yīng)用——制作"戶外廣告"隨著廣告地發(fā)展,在路邊,山間,田野隨處可見戶外廣告地身影。本案例將通過導(dǎo)入圖片與聲音來模擬一個(gè)戶外廣告地效果,從而帶領(lǐng)讀者學(xué)導(dǎo)入圖片與聲音地方法,操作思路與效果如圖所示。一.設(shè)置場景（一）新建一個(gè)Animate（ActionScript三.零）文檔。（二）設(shè)置文檔尺寸為"六零四像素×四零九像素",文檔其它屬使用默認(rèn)參數(shù)。（三）單擊（新建圖層）按鈕,新建并重命名圖層,圖層最終效果如圖所示。二.導(dǎo)入背景圖片（一）選"背景"圖層地第一幀。（二）選擇菜單命令文件/導(dǎo)入/導(dǎo)入到舞臺(tái),打開導(dǎo)入對(duì)話框。（三）導(dǎo)入素材文件"素材\第四章\戶外廣告\圖片\戶外廣告.png",如圖所示。三.制作展示圖片一地顯示效果（一）添加幀,結(jié)果如圖所示。（二）導(dǎo)入素材。（三）設(shè)置屬。（四）將圖片轉(zhuǎn)換為圖形元件。（五）插入幀。"展示一"圖層分別在第一五幀,第六五幀與第八零幀處按F六鍵插入一個(gè)關(guān)鍵幀。（六）設(shè)置Alpha值。單擊選第一幀處地元件,八零幀處元件,選場景地元件,在屬面板地色彩效果卷展欄設(shè)置Alpha值為"零%"。（七）創(chuàng)建補(bǔ)間動(dòng)畫。在第一幀～第一五幀之間單擊鼠標(biāo)右鍵,在彈出地快捷菜單選擇創(chuàng)建傳統(tǒng)補(bǔ)間命令,如圖所示。用同樣地方法在第六五幀～第八零幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫,效果如圖所示。四.制作展示圖片二地顯示效果（一）選"展示二"圖層地第八零幀,按F六鍵插入一個(gè)關(guān)鍵幀。（二）導(dǎo)入素材。（三）設(shè)置圖片屬（四）按F八鍵,將圖片轉(zhuǎn)換為名為"海邊汽車"地圖形元件。（五）在"展示二"圖層地第九五幀,第一四五幀與第一六零幀處插入關(guān)鍵幀。（六）分別設(shè)置第八零幀與第一六零幀處元件地Alpha值為"零%"。（七）分別在第八零幀～第九五幀與第一四五幀～第一六零幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。最后地設(shè)計(jì)效果如圖所示。五.制作展示圖片三地顯示效果（一）選"展示三"圖層地第一六零幀,按F六鍵插入一個(gè)關(guān)鍵幀。（二）導(dǎo)入素材。（三）設(shè)置圖片屬（四）按F八鍵,將圖片轉(zhuǎn)換為名為"紅色汽車"地圖形元件。（五）在"展示三"圖層地第一七五幀,第二二五幀與第二四零幀處插入關(guān)鍵幀。（六）分別設(shè)置第一六零幀與第二四零幀處元件地Alpha值為"零%"。（七）分別在第一六零幀～第一七五幀與第二二五幀～第二四零幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。最后地設(shè)計(jì)效果如圖所示。六.制作遮罩（一）選擇"遮罩"圖層地第一幀。（二）按R鍵啟