Animate動(dòng)畫設(shè)計(jì)與制作實(shí)例教程（Animate CC 2019） 課件 項(xiàng)目5、6 制作MTV、制作電子閱讀物

Animate動(dòng)畫設(shè)計(jì)與制作實(shí)例教程

（AnimateCC2019）項(xiàng)目五

制作MTV項(xiàng)目簡介

MTV是指用歌曲配以精美的視頻畫面，使原本只展示聽覺藝術(shù)的歌曲，變?yōu)橐环N視覺和聽覺結(jié)合的藝術(shù)形式。

本項(xiàng)目在介紹制作MTV中主要講解了用AnimateCC2019中應(yīng)用位圖文件、聲音文件和視頻文件的方法。通過本項(xiàng)目的學(xué)習(xí)，讀者可以了解制作MTV的過程，如制訂主題，收集素材和處理素材，將素材導(dǎo)入AnimateCC2019中，經(jīng)過“舞臺(tái)”處理展現(xiàn)給觀眾等。學(xué)習(xí)目標(biāo)了解素材的收集、處理方法；掌握素材的導(dǎo)入方法；掌握素材的展現(xiàn)方法；掌握寓言故事、詩歌、MTV的制作方法。5.1.1收集位圖、聲音和視頻素材

在使用Animate設(shè)計(jì)動(dòng)畫作品時(shí)，靈活應(yīng)用位圖、聲音和視頻文件，可以增加Animate動(dòng)畫的效果，使作品的表現(xiàn)力更豐富，可以利用數(shù)碼相機(jī)、攝像機(jī)等來收集相關(guān)素材，也可利用一些現(xiàn)成的素材，經(jīng)過處理來制作自己的Animate作品。5.1知識(shí)準(zhǔn)備——位圖、聲音和視頻

AnimateCC2019支持多種圖像格式，如.jpg、.bmp、.gif等，通過將位圖文件導(dǎo)入“庫”面板和“舞臺(tái)”中，可以將位圖文件絢麗多彩的效果展現(xiàn)給觀眾，給人以更強(qiáng)烈的視覺沖擊。5.1.2應(yīng)用位圖圖5-1

在AnimateCC2019中可以添加聲音素材，并且處理聲音素材的方法很多。可以讓聲音獨(dú)立于時(shí)間軸連續(xù)播放，或使動(dòng)畫與聲音同步播放，也可以向按鈕添加聲音。另外，還可以通過設(shè)置屬性來實(shí)現(xiàn)聲音淡入淡出的效果。在Animate影片中添加聲音，需要先將聲音文件導(dǎo)入影片文件中，新建一個(gè)圖層，用來放置聲音。選中需要加入聲音的關(guān)鍵幀，在“庫”中將聲音文件拖入場景中即可?？稍谕粚又胁迦攵喾N聲音，也可以把聲音添加到含有其他對(duì)象的圖層中。通過設(shè)置聲音的效果，可以使動(dòng)畫更具有感染力。5.1.3應(yīng)用聲音

AnimateCC2019的視頻處理功能具備創(chuàng)造性的技術(shù)優(yōu)勢(shì)，允許用戶把視頻、數(shù)據(jù)、圖形、聲音和交互式控制融為一體，從而創(chuàng)造出引人入勝的豐富效果。1．支持的視頻類型

如果用戶的PC上已經(jīng)安裝了QuickTime7及其以上版本，則在導(dǎo)入視頻時(shí)支持包括MOV（QuickTime影片）、AVI（音頻視頻交叉）和MPG/MPEG（運(yùn)動(dòng)圖像專家組）等格式的視頻剪輯文件，具體文件類型如表5-1所示。5.1.4應(yīng)用視頻文件類型擴(kuò)展名音頻視頻交叉avi數(shù)字視頻dv運(yùn)動(dòng)圖像專家組mpg、mpegQuickTime影片mov表5-1

如果系統(tǒng)安裝了DirectX9或更高版本，則在導(dǎo)入視頻時(shí)支持表5-2所示的視頻文件格式。2．實(shí)例練習(xí)——導(dǎo)入視頻文件類型擴(kuò)展名音頻視頻交叉avi運(yùn)動(dòng)圖像專家組mpg、mpegWindowsMedia文件wmv、Asf表5-25.2.1案例效果分析

本案例為借鑒寓言故事“龜兔賽跑”制作的一個(gè)動(dòng)畫，故事的情節(jié)根據(jù)情況做了一些改編，最后以小兔勝利告終，效果如圖5-11所示。5.2

任務(wù)一——制作寓言故事動(dòng)畫圖5-115.2.2設(shè)計(jì)思路（1）收集素材并進(jìn)行相應(yīng)的處理。（2）將位圖和動(dòng)畫文件導(dǎo)入“庫”面板。（3）制作文本動(dòng)畫效果。（4）添加傳統(tǒng)補(bǔ)間動(dòng)畫效果。5.2.3相關(guān)知識(shí)和技能點(diǎn)（1）位圖文件的處理。（2）元件的轉(zhuǎn)換。（3）動(dòng)畫的設(shè)置。（4）色彩的搭配。（1）啟動(dòng)AnimateCC2019，執(zhí)行“文件”>“新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“角色動(dòng)畫”選項(xiàng)下方的預(yù)設(shè)為“標(biāo)準(zhǔn)”，如圖5-12所示，文檔詳細(xì)信息中寬度設(shè)為550，高度設(shè)為400，平臺(tái)類型設(shè)為“ActionScript3.0”，幀頻為12，單擊“創(chuàng)建”按鈕，進(jìn)入新建文檔“舞臺(tái)”窗口。執(zhí)行“文件”>“保存”命令，保存影片文檔為“新龜兔賽跑.fla”。5.2.4任務(wù)實(shí)施圖5-12（2）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\背景1.jpg”文件，單擊“打開”按鈕，文件被導(dǎo)入“庫”面板中。（3）將“庫”面板中的“背景1.jpg”拖動(dòng)到“舞臺(tái)”，然后將“X”“Y”分別設(shè)置為0，寬為550，高為400，如圖5-13所示，使文件和“舞臺(tái)”對(duì)齊。將“圖層1”改名為“背景1”，并在第560幀插入普通幀，如圖5-14所示。圖5-13

圖5-14（4）新建“圖層2”，并將其改名為“文字”，將背景圖層鎖定，選擇“文本”工具，根據(jù)情況設(shè)置文字的字體、字號(hào)和顏色，可參考圖5-15所示“屬性”面板中的設(shè)置，輸入“龜兔賽跑”4個(gè)字。（5）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在“轉(zhuǎn)換為元件”對(duì)話框中選擇類型為“圖形”，如圖5-16所示，將“龜兔賽跑”4個(gè)字轉(zhuǎn)換為元件，在“庫”面板中出現(xiàn)“元件1”。（6）選擇“文字”圖層，對(duì)“元件1”進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為590和80。在“色彩效果”選項(xiàng)區(qū)中選擇樣式為“Alpha”，并將其值設(shè)置為30%，如圖5-17所示。圖5-15

圖5-16

圖5-17（7）選擇“文字”圖層，在第50幀插入關(guān)鍵幀。選擇此關(guān)鍵幀，對(duì)“元件1”進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”設(shè)置為40，其他值不變。選取“色彩效果”選項(xiàng)區(qū)中的樣式為“Alpha”，并將其值設(shè)置為100%，在第1～50幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（8）分別在第75幀和第100幀插入關(guān)鍵幀，選擇第100幀，在“屬性”面板中，將“X”設(shè)置為-490，其他值不變。選取“色彩效果”選項(xiàng)區(qū)中的樣式為“Alpha”，并將其值設(shè)置為30%。分別在第75～100幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（9）新建“圖層3”，并將其改名為“作者”，可根據(jù)步驟（4）～步驟（8）的操作方法，制作出作者的動(dòng)畫信息。（10）選擇“文字”圖層，在第101幀插入空白關(guān)鍵幀，選擇“文本”工具，設(shè)置文字字體為楷體，顏色為#330033，字號(hào)為20，輸入“在這個(gè)陽光明媚的早晨，小動(dòng)物們相互傳遞著一個(gè)消息，小兔和烏龜要進(jìn)行跑步比賽了！”文字，并在“屬性”面板中進(jìn)行相應(yīng)的設(shè)置，如圖5-18所示。圖5-18（11）選擇“背景1”圖層，新建“圖層3”和“圖層4”，并將其改名為“小鳥”和“鴿子”，執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框分別選擇“Ch05\素材\小鳥.gif”和“Ch05\素材\鴿子.gif”文件，單擊“打開”按鈕，將文件導(dǎo)入“庫”面板中，如圖5-19所示。圖5-19（12）選擇“小鳥”圖層，在第90幀插入關(guān)鍵幀，將“小鳥”元件拖到“舞臺(tái)”上，對(duì)“小鳥”元件進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-140和220，寬為140，高為140。（13）在第130幀、第160幀和第190幀插入關(guān)鍵幀，選擇第130幀和第160幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為290和110，寬為90，高為90。選擇第190幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為550和10，寬為50，高為50。在第90～130幀，第160～190幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（14）選擇“鴿子”圖層，在第100幀插入關(guān)鍵幀，將“鴿子”元件拖“舞臺(tái)”上，對(duì)“鴿子”元件進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為550和40，寬為48，高為55。（15）在第130幀、第160幀和第200幀插入關(guān)鍵幀，選擇第130幀和第160幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為380和100，寬為68，高為75。選擇第200幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-50和10，寬為48，高為55。在第100～130幀，第160～200幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，靜幀效果如圖5-20所示。圖5-20（16）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\背景2.jpg”文件，單擊“打開”按鈕，文件被導(dǎo)入“庫”面板中。（17）選擇“背景1”圖層，新建“圖層6”，將其改名為“背景2”，在第200幀插入關(guān)鍵幀，將“庫”面板中的“背景2.jpg”拖動(dòng)“舞臺(tái)”上，將“X”“Y”坐標(biāo)分別設(shè)置為560和0，寬為550，高為400，效果如圖5-21所示。圖5-21（18）將“背景2”位圖轉(zhuǎn)換為元件，在第240幀插入關(guān)鍵幀，選擇第240幀，在“屬性”面板中將“X”“Y”設(shè)置為0和0，寬為550，高為400。在第200～240幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（19）選擇“文字”圖層第101幀這段文字，將其轉(zhuǎn)換為元件，在第200幀和第230幀插入關(guān)鍵幀，選擇第230幀，在“屬性”面板中將“X”“Y”分別設(shè)置為-405和270，第200～230幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，如圖5-22所示。（20）在第231幀插入空白關(guān)鍵幀，選擇“文本”工具，設(shè)置字體為楷體、顏色為#330033，字號(hào)為30，輸入“龜兔賽跑開始了，只見小兔一馬當(dāng)先，把烏龜甩得遠(yuǎn)遠(yuǎn)的，看著烏龜慢騰騰的樣子，跑得十分得意。”文字，并將其轉(zhuǎn)換為元件。在“屬性”面板中，將“X”“Y”分別設(shè)置為45和410。在第250幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為45和270。在第231～250幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，靜幀效果如圖5-23所示。圖5-22

圖5-23（21）執(zhí)行“文件”>“打開”命令，在彈出的對(duì)話框中選擇“Ch05\素材\龜兔賽跑素材.fla”文件，單擊“打開”按鈕，在“庫”面板中分別選擇“兔子”和“烏龜”兩個(gè)文件夾，將其復(fù)制到“龜兔賽跑”的“庫”面板中，如圖5-24所示。圖5-24（22）選擇“背景2”圖層，新建“圖層7”和“圖層8”，并將其改名為“小兔”和“烏龜”。選擇“小兔”圖層，在第250幀插入關(guān)鍵幀，將“小兔”元件拖到“舞臺(tái)”上，然后對(duì)“小兔”元件進(jìn)行相應(yīng)的設(shè)置。在“屬性”面板中，將“X”和“Y”分別設(shè)置為-70和280，寬為160，高為164。（23）在第280幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為295和245，寬為80，高為82，在第250～280幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（24）在第300幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為250和220，寬為30，高為32，選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為50%，如圖5-25所示，在第280～300幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。圖5-25（25）在第310幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為350和220，寬為10，高為12，選取“色彩效果”選項(xiàng)中的“Alpha”選項(xiàng)，并將其值設(shè)置為0。在第300～310幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，面板效果如圖5-26所示。圖5-26（26）選擇“烏龜”圖層，在第270幀插入關(guān)鍵幀，將“烏龜”元件拖到“舞臺(tái)”上，然后對(duì)“烏龜”元件進(jìn)行相應(yīng)的設(shè)置。在“屬性”面板中，將“X”和“Y”分別設(shè)置為-60和270，寬為120，高為80。（27）在第320、第340幀插入關(guān)鍵幀，選擇第320幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為310和240，寬為80，高為50。選擇第340幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為280和210，寬為40，高為25，選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為0%，在第270幀、第320～340幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，如圖5-27所示。圖5-27（28）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\背景3.jpg”文件，單擊“打開”按鈕，文件被導(dǎo)入“庫”面板中。（29）選擇“背景2”圖層，新建“圖層9”，改名為“背景3”，選擇“背景3”圖層，在第340幀插入空白關(guān)鍵幀，將“庫”面板中的“背景3.jpg”拖到“舞臺(tái)”中，并將其轉(zhuǎn)換為元件。在“屬性”面板中，將“X”“Y”分別設(shè)置為560和0，寬為550，高為400，效果如圖5-28所示。圖5-28（30）在第380幀插入關(guān)鍵幀，選擇第380幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為0和0，寬為550，高為400，在第340～380幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（31）選擇“文字”圖層，在第340幀和第370幀插入關(guān)鍵幀，選擇第370幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為-460和270。在第340～370幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（32）在第371幀插入空白關(guān)鍵幀，選擇“文本”工具，設(shè)置字體為楷體、顏色為#330033、字號(hào)為30，輸入“小兔發(fā)揚(yáng)不怕苦、不怕累的精神，雖然渾身是汗，但是堅(jiān)持跑到了終點(diǎn)，得到了第一名。”這段文字，并將其轉(zhuǎn)換為元件。在“屬性”面板中，將“X”“Y”分別設(shè)置為70和400，寬為400，高為108，如圖5-29所示。（33）在第390幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”坐標(biāo)分別設(shè)置為70和270，寬為400，高為108。在第371～390幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，如圖5-30所示。（34）選擇“小兔”圖層，在第390幀插入空白關(guān)鍵幀，將“小兔”元件拖到“舞臺(tái)”上，對(duì)“小兔”元件進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-165和215，寬為160，高為165。圖5-29

圖5-30（35）在第410幀插入關(guān)鍵幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為610和215，寬為120，高為125，在第390～410幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（36）在第411幀位置插入關(guān)鍵幀，選擇“修改”>“變形”>“水平翻轉(zhuǎn)”命令，調(diào)整小兔跑動(dòng)的方向，使其變成從右向左奔跑的樣子，如圖5-31所示。在第430幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為-80和180，寬為80，高為85，在第411～430幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。圖5-31（37）在第431幀插入關(guān)鍵幀，選擇“任意變形”工具，調(diào)整小兔跑動(dòng)的方向，使其變成從左向右奔跑的樣子。（38）在第450幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為580和150，寬為40，高為45，選擇“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為40%，在第431～450幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（39）選擇“烏龜”圖層，在第400幀插入空白關(guān)鍵幀，將“烏龜”元件拖到“舞臺(tái)”上，然后對(duì)“烏龜”元件進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-165和275，寬為160，高為100。（40）在第430幀插入關(guān)鍵幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為600和258，寬為130，高為80，在第400～430幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（41）在第431幀插入關(guān)鍵幀，選擇“任意變形”工具，調(diào)整烏龜跑動(dòng)的方向，使其變成從右向左奔跑的樣子，如圖5-32所示。圖5-32（42）在第460幀插入關(guān)鍵幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-100和180，寬為100，高為60，在第431～460幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，靜幀效果如圖5-33所示。（43）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\背景4.jpg”文件，單擊“打開”按鈕，將文件導(dǎo)入“庫”面板中，如圖5-34所示。圖5-33

圖5-34（44）選擇“背景3”圖層，新建“圖層10”，改名為“背景4”，如圖5-35所示。在第460幀插入關(guān)鍵幀，將“庫”面板中的“背景4.jpg”拖到“舞臺(tái)”中，將其轉(zhuǎn)換為元件。將“X”“Y”分別設(shè)置為550和0，寬為550，高為400。（45）在第500幀插入關(guān)鍵幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為0和0，寬為550，高為400，在第460～500幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（46）選擇“文字”圖層，在第460幀和第490幀插入關(guān)鍵幀，選擇第490幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-400和270，在第460～490幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。圖5-35（47）在第500幀插入空白關(guān)鍵幀，選擇“文本”工具，設(shè)置字體為黑體，顏色為#FF0000，字號(hào)為50，將文字方向改為豎排，輸入“謝謝欣賞，再見”文字，將其轉(zhuǎn)換為元件。在“屬性”面板中，將“X”“Y”分別設(shè)置為110和400，寬為54，高為354。（48）在第530幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為110和20，寬為54，高為354。在第500～530幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（49）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\小兔樣式.jpg”文件，單擊“打開”按鈕，文件被導(dǎo)入“庫”面板中。（50）選擇“小兔”圖層，在第500幀插入空白關(guān)鍵幀，將“小兔樣式.jpg”文件拖到“舞臺(tái)”上，使用“套索”工具將小兔的白色背景去掉，然后對(duì)小兔樣式進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”“Y”分別設(shè)置為280和-170，寬為110，高為160。（51）選擇第500幀，將其轉(zhuǎn)換為元件。在第530幀插入關(guān)鍵幀，在“屬性”面板中，將“X”“Y”分別設(shè)置為260和30，寬為210，高為250。在第500～530幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，靜幀效果如圖5-36所示。動(dòng)畫制作完成，測(cè)試動(dòng)畫效果。圖5-365.3.1案例效果分析

本案例將制作一首詩詞的動(dòng)畫效果，并配上朗讀的聲音，給人以視覺和聽覺享受，效果如圖5-37所示。5.3任務(wù)二——制作詩歌動(dòng)畫圖5-37（1）收集素材并進(jìn)行相應(yīng)的處理。（2）位圖和動(dòng)畫文件的應(yīng)用。（3）制作文本動(dòng)畫效果。（4）元件、傳統(tǒng)補(bǔ)間和遮罩動(dòng)畫的應(yīng)用。（5）插入聲音。5.3.2設(shè)計(jì)思路（1）動(dòng)畫的相關(guān)設(shè)置。（2）遮罩層的應(yīng)用。（3）聲音的處理。（4）聲音的播放和文字顯示的同步問題。5.3.3相關(guān)知識(shí)和技能點(diǎn)（1）啟動(dòng)AnimateCC2019，執(zhí)行“文件”>“新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“角色動(dòng)畫”選項(xiàng)下方的預(yù)設(shè)為“標(biāo)準(zhǔn)”，文檔詳細(xì)信息中寬度設(shè)為630，高度設(shè)為420，平臺(tái)類型設(shè)為“ActionScript3.0”，幀頻為12，單擊“創(chuàng)建”按鈕，進(jìn)入新建文檔“舞臺(tái)”窗口。執(zhí)行“文件”>“保存”命令，保存影片文檔為“詩詞憶江南.fla”。（2）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\背景.gif”文件，單擊“打開”按鈕，將文件導(dǎo)入“庫”面板中，如圖5-38所示。（3）將“圖層1”重命名為“背景”，選擇“庫”面板中的“背景.gif”拖動(dòng)到“舞臺(tái)”，將其轉(zhuǎn)換為元件。在“屬性”面板中，將“X”“Y”分別設(shè)置為0，把元件和“舞臺(tái)”對(duì)齊，如圖5-39所示，并在第560幀插入普通幀，如圖5-40所示。5.3.4任務(wù)實(shí)施圖5-38

圖5-39

圖5-40（4）新建“圖層2”，將其重命名為“唐詩宋詞”，將背景圖層鎖定，選擇“文本”工具，設(shè)置字體為黑體，顏色為#FF0000，字號(hào)為40，輸入“唐詩宋詞”4個(gè)字。（5）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在“轉(zhuǎn)換為元件”對(duì)話框中選擇類型為“圖形”，如圖5-41所示，將“唐詩宋詞”4個(gè)字轉(zhuǎn)換為元件，在“庫”面板中出現(xiàn)“元件2”。（6）選擇“唐詩宋詞”圖層，對(duì)“元件2”進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為218和-56，寬為210，高為44。選取“色彩效果”選項(xiàng)中的“Alpha”選項(xiàng)，并將其值設(shè)置為30%，如圖5-42所示。

圖5-41

圖5-42（7）選擇“唐詩宋詞”圖層，在第80幀插入關(guān)鍵幀。選擇此關(guān)鍵幀，對(duì)“元件2”進(jìn)行相應(yīng)的設(shè)置。在“屬性”面板中，將“X”和“Y”分別設(shè)置為135和45，寬為323，高為134。選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為100%。在第1～80幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（8）分別在第100、第120和第160幀插入關(guān)鍵幀，選擇第100幀，在“屬性”面板中選擇“色彩效果”>“色調(diào)”，選擇一種顏色改變其樣式。選擇第160幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-121和92，寬為114，高為40。選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為30%。分別在第100幀、第120幀和第160幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，如圖5-43所示。圖5-43（9）新建“圖層3”，并將其重命名為“欣賞”，將“背景”圖層和“唐詩宋詞”圖層鎖定，選擇“文本”工具，自行設(shè)置字體、顏色和字號(hào)，輸入“欣賞”兩個(gè)字。（10）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在彈出的對(duì)話框中選擇類型為“圖形”，將“欣賞”兩字轉(zhuǎn)換為元件，在庫中出現(xiàn)“元件3”。（11）選擇“欣賞”圖層，對(duì)“元件3”進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為263和433，寬為122，高為57。選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為30%，如圖5-44所示。圖5-44（12）選擇“欣賞”圖層，在第80幀插入關(guān)鍵幀。選擇此關(guān)鍵幀，對(duì)“元件3”進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為200和240，寬為248，高為100。選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為100%。在第1～80幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（13）分別在第100、第120和第160幀插入關(guān)鍵幀，選擇第100幀，在“屬性”面板中選擇“顏色”>“色調(diào)”，選擇一種顏色改變其樣式。選擇第160幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為640和260，寬為114，高為40。選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為30%。分別在第100幀、第120幀和第160幀添加傳統(tǒng)補(bǔ)間動(dòng)畫，如圖5-45所示。圖5-45（14）新建“圖層4”，并將其重命名為“小船”，將該圖層鎖定，執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\小船.jpg”文件，單擊“打開”按鈕，將文件導(dǎo)入“庫”面板中。（15）在第330幀插入關(guān)鍵幀。選擇此關(guān)鍵幀，在“庫”面板中將“小船.jpg”拖到“舞臺(tái)”上。執(zhí)行“修改”>“位圖”>“轉(zhuǎn)換位圖為矢量圖”命令，將其白色背景去掉，再使用“任意變形”工具對(duì)小船進(jìn)行調(diào)整，如圖5-46所示。圖5-46（16）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在對(duì)話框中選取類型為“圖形”，將“小船.jpg”轉(zhuǎn)換為元件，在“庫”面板中出現(xiàn)“元件4”。（17）對(duì)“元件4”進(jìn)行相應(yīng)的設(shè)置，在“屬性”面板中，將“X”和“Y”分別設(shè)置為640和220，寬為90，高為68。選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為20%，如圖5-47所示。（18）在第520幀插入關(guān)鍵幀，將“X”和“Y”分別設(shè)置為370和220，寬為90，高為68。選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為100%，在第330幀和第520幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。圖5-47（19）新建“圖層5”，并將其重命名為“憶江南”，在第160幀添加關(guān)鍵幀，選擇“文本”工具，輸入“憶江南”3個(gè)字，可自行設(shè)置字體、顏色和字號(hào)。（20）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在對(duì)話框中選取類型為“圖形”，將“憶江南”3個(gè)字轉(zhuǎn)換為元件，在“庫”面板中出現(xiàn)“元件5”。（21）選擇第160幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為320和210，寬為29，高為8。在第220幀插入關(guān)鍵幀，將“X”和“Y”分別設(shè)置為135和110，寬為405，高為205；在第240、第250和第280幀插入關(guān)鍵幀，在第240幀改變文字顏色，在第280幀將“X”和“Y”分別設(shè)置為45和35，寬為190，高為45；在各關(guān)鍵幀之間添加傳統(tǒng)補(bǔ)間動(dòng)畫，如圖5-48所示。圖5-48（22）新建“圖層6”，并將其重命名為“白居易”，在第280幀插入關(guān)鍵幀，選擇“文本”工具，輸入“白居易”3個(gè)字，可自行設(shè)置字體、顏色和字號(hào)。（23）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在對(duì)話框中選取類型為“圖形”，將“白居易”3個(gè)字轉(zhuǎn)換為元件，在“庫”面板中出現(xiàn)“元件6”。（24）選擇第280幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為640和88，寬為58，高為22。在第330幀插入關(guān)鍵幀，在屬性窗口中，將“X”和“Y”分別設(shè)置為105和88，寬為58，高為22，然后加上傳統(tǒng)補(bǔ)間動(dòng)畫。（25）新建“圖層7”，并將其重命名為“第一句詩詞”，在第340幀插入關(guān)鍵幀，選擇“文本”工具，輸入“江南好，”，設(shè)置字體為仿宋，文字顏色為#FFFF00，字號(hào)為25，如圖5-49所示。（26）在“屬性”面板中，將“X”和“Y”分別設(shè)置為85和132，寬為140，高為29。（27）在“第一句詩詞”圖層上新建“圖層8”，在新建圖層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”，如圖5-50所示，為“第一句詩詞”圖層添加遮罩層。圖5-49

圖5-50（28）插入遮罩層后，兩個(gè)圖層會(huì)自動(dòng)鎖定。將遮罩層“圖層8”上的鎖定打開，在第340幀插入關(guān)鍵幀，選擇“矩形”工具，繪制一個(gè)比“江南好，”文字稍大一點(diǎn)的矩形，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-118和130，寬為116，高為32。（29）在第380幀插入關(guān)鍵幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為85和130，寬為116，高為32，插入傳統(tǒng)補(bǔ)間動(dòng)畫，面板效果如圖5-51所示。圖5-51（30）重復(fù)步驟（24）～步驟（28）的操作方法，將后面的詩句制作出來（注意：如果后面要加入朗誦聲音，則要注意文字顯示和聲音同步的問題）。（31）新建圖層，重命名為“聲音”，執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\憶江南.wav”文件，單擊“打開”按鈕，文件被導(dǎo)入“庫”面板中。（32）在第330幀插入關(guān)鍵幀，選擇此關(guān)鍵幀，在“屬性”面板中選中“憶江南.wav”，在“同步”選項(xiàng)中選擇“數(shù)據(jù)流”，如圖5-52所示，在第490幀插入幀。（33）按Ctrl+Enter組合鍵播放動(dòng)畫，測(cè)試效果，查看聲音和文字播放是否同步，如果不同步，再進(jìn)行相應(yīng)的調(diào)整。圖5-525.4.1實(shí)訓(xùn)概述1．動(dòng)畫主題與目標(biāo)

制作一個(gè)MTV，掌握聲音在動(dòng)畫中的應(yīng)用方法。2．動(dòng)畫整體風(fēng)格設(shè)計(jì)

簡單明了，通過動(dòng)畫表現(xiàn)出歌曲想要表達(dá)的意境。3．素材收集與處理

通過網(wǎng)絡(luò)搜索和原創(chuàng)繪制收集素材，并使用Photoshop對(duì)素材進(jìn)行相應(yīng)的處理。5.4實(shí)訓(xùn)任務(wù)——制作MTV1．故事情節(jié)設(shè)計(jì)

通過山水風(fēng)景的圖片體現(xiàn)歌曲要表達(dá)的內(nèi)容。2．按鈕設(shè)計(jì)

利用按鈕控制動(dòng)畫的播放。3．場景設(shè)計(jì)

處理和應(yīng)用圖片素材。4．分鏡頭設(shè)計(jì)

對(duì)歌曲和歌詞進(jìn)行同步設(shè)置。5.4.2實(shí)訓(xùn)要點(diǎn)（1）啟動(dòng)AnimateCC2019，執(zhí)行“文件”>“新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“角色動(dòng)畫”選項(xiàng)下方的預(yù)設(shè)為“標(biāo)準(zhǔn)”，如圖5-53所示，文檔詳細(xì)信息中寬度設(shè)為550，高度設(shè)為400，平臺(tái)類型設(shè)為“ActionScript3.0”，幀頻為12，單擊“創(chuàng)建”按鈕，進(jìn)入新建文檔“舞臺(tái)”窗口。執(zhí)行“文件”>“保存”命令，保存影片文檔為“萬水千山總是情.fla”。（2）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對(duì)話框中選擇“Ch05\素材\萬水千山總是情.mp3”文件，單擊“打開”按鈕，文件被導(dǎo)入“庫”面板中。（3）將“圖層1”重命名為“聲音”，選擇第1幀，將“庫”面板中的聲音對(duì)象拖到場景中，在“屬性”面板中將“同步”選項(xiàng)設(shè)為“數(shù)據(jù)流”，如圖5-54所示，在第1165幀插入普通幀。5.4.3實(shí)訓(xùn)步驟圖5-53

圖5-54（4）新建“圖層2”和“圖層3”，分別重命名為“下屏幕”和“上屏幕”。（5）設(shè)置前景色為“黑色”，選擇“下屏幕”圖層，在第1關(guān)鍵幀用“矩形”工具繪制一個(gè)矩形，在“屬性”面板中，將“X”和“Y”分別設(shè)置為0和200，寬為550，高為200，如圖5-55所示。（6）復(fù)制“下屏幕”圖層中的矩形，將其粘貼到“上屏幕”圖層的第1關(guān)鍵幀中，在“屬性”面板中，將“X”和“Y”都設(shè)置為0，寬為550，高為200。圖5-55（7）選擇“下屏幕”圖層，在第80幀、第160幀和第190幀插入關(guān)鍵幀，選擇第80幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為0和350，寬為550，高為50，選擇第1幀，執(zhí)行“插入”>“創(chuàng)建補(bǔ)間形狀”命令，添加形狀補(bǔ)間動(dòng)畫，如圖5-56所示。選擇第190幀，將其“Y”值改為400，在第160～190幀添加補(bǔ)間形狀動(dòng)畫。（8）選擇“上屏幕”圖層，在第80幀、第160幀和第190幀插入關(guān)鍵幀。選擇第80幀，在“屬性”面板中，將“X”和“Y”都設(shè)置為0，寬為550，高為50。選擇第1幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”，添加形狀補(bǔ)間動(dòng)畫。選擇第190幀，將其“Y”值改為-50，在第160～190幀添加形狀補(bǔ)間動(dòng)畫，面板效果如圖5-57所示。圖5-56

圖5-57（9）新建“圖層4”，將其重命名為“按鈕”，執(zhí)行“文件”>“導(dǎo)入”>“打開外部庫”命令，在對(duì)話框中選擇“按鈕.fla”，打開“按鈕”庫，從中選擇一個(gè)按鈕，拖放到場景中。將按鈕放在場景中間位置，調(diào)整按鈕大小，然后在“屬性”面板中設(shè)置按鈕的實(shí)例名稱為play_btn，并在“動(dòng)作”面板中輸入代碼。（10）在“按鈕”圖層第40幀插入一個(gè)關(guān)鍵幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-20和200，寬為590，高為5，選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為0%，添加傳統(tǒng)補(bǔ)間動(dòng)畫，制作按鈕漸隱效果。（11）新建“圖層5”，將其命名為“片名”。選擇“文本”工具，在圖層第40幀插入一個(gè)關(guān)鍵幀，輸入“萬水千山總是情”，設(shè)置顏色為#FF6600，字體為黑體，字號(hào)為25。（12）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在對(duì)話框中選取類型為“圖形”，將其轉(zhuǎn)換為元件，在“庫”面板中出現(xiàn)“元件1”。在“屬性”面板中，將“X”和“Y”分別設(shè)置為174和270，寬為180，高為29，選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為20%，如圖5-58所示。（13）在第80幀、第160幀和第190幀插入關(guān)鍵幀，選擇第80幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為62和82，寬為418，高為98，選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為100%，在第40～80幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。圖5-58（14）選擇第190幀，選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，并將其值設(shè)置為0，在第160～190幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（15）新建“圖層6”，將其重命名為“詞曲作者”，在圖層第40幀插入一個(gè)關(guān)鍵幀，選擇“文本”工具，輸入“詞：鄧偉雄曲：顧嘉輝”，設(shè)置顏色為#006600，字體為楷體，字號(hào)為20。（16）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在對(duì)話框中選取類型“圖形”，將其轉(zhuǎn)換為元件，在“庫”面板中出現(xiàn)“元件2”。在“屬性”面板中，將“X”和“Y”分別設(shè)置為160和100，寬為214，高為26，選取“色彩效果”中的“Alpha”選項(xiàng)，并將其值設(shè)置為20%，如圖5-59所示。圖5-59（17）在第90幀插入關(guān)鍵幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為120和235，寬為294，高為54，選取“色彩效果”選項(xiàng)區(qū)中的“Alpha”選項(xiàng)，將其值設(shè)置為100%，，然后添加傳統(tǒng)補(bǔ)間動(dòng)畫。（18）在第110幀和第150幀插入關(guān)鍵幀。選擇第150幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-300和235，寬為294，高為54，并添加傳統(tǒng)補(bǔ)間動(dòng)畫，面板效果如圖5-60所示。圖5-60（19）新建“圖層7”，將其重命名為“演唱者”，在圖層第110幀插入一個(gè)關(guān)鍵幀，選擇“文本”工具，輸入“演唱：汪明荃”，設(shè)置顏色為#FF0000，字體為楷體，字號(hào)為46，將“X”和“Y”分別設(shè)置為543和235，寬為294，高為54。（20）執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在對(duì)話框中選取類型“圖形”，將其轉(zhuǎn)換為元件，在“庫”面板中出現(xiàn)“元件3”。在第150幀、第165幀和第190幀插入關(guān)鍵幀。選擇第150幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為130和235，寬為294，高為54，在第110～150幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（21）選擇第190幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為-300和235，寬為294，高為54，在第165～190幀添加傳統(tǒng)補(bǔ)間動(dòng)畫。（22）新建“圖層8”，將其重命名為“歌詞”，通過仔細(xì)聽歌，在第199幀插入關(guān)鍵幀，在“屬性”面板中，將“X”和“Y”分別設(shè)置為138和328，寬為258，高為40。在第145幀、第251幀、第296幀、第302幀、第380幀等插入關(guān)鍵幀，輸入相應(yīng)的歌詞，歌詞素材在“萬水千山總是情.txt”文件中，中間沒有歌詞的地方，可插入空白關(guān)鍵幀，面板效果如圖5-61所示。圖5-61（23）至此，MTV的歌曲框架已經(jīng)設(shè)計(jì)完成，可以在“歌詞”圖層下建立新的圖層，將收集的圖片和動(dòng)畫素材展現(xiàn)在舞臺(tái)上，以給人更加強(qiáng)烈的視覺觀感，之后可以根據(jù)前面項(xiàng)目學(xué)過的知識(shí)，制作結(jié)束的畫面。（24）最后，按Ctrl+Enter組合鍵播放動(dòng)畫，觀察聲音和文字是否同步，動(dòng)畫播放的速度是否合適等，進(jìn)行最后的處理和修改。5.5評(píng)價(jià)考核能力類型考核內(nèi)容評(píng)價(jià)學(xué)習(xí)目標(biāo)評(píng)價(jià)項(xiàng)目

職業(yè)能力掌握位圖、聲音、視頻素材的處理方法；掌握MTV的構(gòu)思和制作方法；能夠設(shè)計(jì)故事情節(jié)、角色和場景；掌握文字和音樂同步播放的方法能夠?qū)ξ粓D和聲音文件進(jìn)行相應(yīng)的處理

能夠使用工具箱中的各種工具

能夠使用“庫”面板和“屬性”面板

能夠使用“變形”面板

能夠使用Animate設(shè)計(jì)MTV

通用能力造型能力

審美能力

組織能力

解決問題能力

自主學(xué)習(xí)能力

創(chuàng)新能力

綜合評(píng)價(jià)

項(xiàng)目五任務(wù)評(píng)價(jià)考核表5.6.1參考制作效果

本案例制作一首兒童歌曲的MTV，為了適應(yīng)兒童的性格特點(diǎn)，在MTV中應(yīng)用一些卡通動(dòng)畫效果，并加上背景圖片，將春天的景色展現(xiàn)在大家面前。效果如圖5-62所示。5.6課外拓展——制作“春天在哪里”MTV圖5-625.6.2知識(shí)要點(diǎn)（1）位圖素材的處理。（2）聲音素材的處理。（3）“文本”工具的使用。（4）動(dòng)畫的設(shè)置。5.6.3參考制作過程Animate動(dòng)畫設(shè)計(jì)與制作實(shí)例教程

（AnimateCC2019）項(xiàng)目六

制作電子閱讀物項(xiàng)目簡介

電子閱讀物以其便利性和豐富性已獲得越來越多讀者的青睞。要想用AnimateCC2019制作出生動(dòng)的電子雜志、書籍、菜譜等電子閱讀物，首先必須了解AnimateCC2019的文本輸入、編輯和處理功能。

本項(xiàng)目主要介紹３類文本的編輯方法及使用AnimateCC2019的文本編輯功能制作電子閱讀物的方法。通過本項(xiàng)目的學(xué)習(xí)，讀者可以掌握設(shè)計(jì)、制作各類電子閱讀物的技巧。學(xué)習(xí)目標(biāo)掌握靜態(tài)文本、動(dòng)態(tài)文本、輸入文本的使用方法；掌握電子教材、產(chǎn)品介紹雜志、校報(bào)的制作方法。6.1.1靜態(tài)文本

啟動(dòng)AnimateCC2019，選擇“文本”工具，執(zhí)行“窗口”>“屬性”命令，彈出“文本”工具的“屬性”面板，如圖6-1所示。1．創(chuàng)建文本

選擇“文本”工具，在“屬性”面板中選擇“靜態(tài)文本”選項(xiàng)，選擇字體、字號(hào)。6.1知識(shí)準(zhǔn)備——Animate文本圖6-1（1）將鼠標(biāo)指針放置在場景中，在場景中單擊，出現(xiàn)文本輸入光標(biāo)，直接輸入文字即可，如圖6-2所示。（2）在場景中單擊并按住鼠標(biāo)，向右下角方向拖曳出一個(gè)文本框。松開鼠標(biāo)，出現(xiàn)文本輸入光標(biāo)。在文本框中輸入文字，文字被限定在文本框中，如果輸入的文字較多，則自動(dòng)轉(zhuǎn)到下一行顯示，如圖6-3所示。

圖6-2

圖6-32．設(shè)置文本樣式

可以在“文本”工具的“屬性”面板中設(shè)置文本的字體、字號(hào)、樣式和顏色，字符與段落，文本超鏈接等。

設(shè)置文字的樣式要通過文本類型的“屬性”面板完成?？梢栽谶x擇“文本”工具后，先設(shè)置文字的樣式，然后再在場景上輸入文字；也可以輸入文字后，再設(shè)置文字的樣式，這兩種方式的最終效果相同。3．文本“濾鏡”屬性（1）使用文字濾鏡的方法（2）刪除濾鏡（3）常用的文字濾鏡圖6-4

動(dòng)態(tài)文本就是可以動(dòng)態(tài)更新的文本，如體育得分、股票報(bào)價(jià)等，它是根據(jù)情況動(dòng)態(tài)改變的文本，常用在游戲和課件作品中，用來實(shí)時(shí)顯示操作運(yùn)行的狀態(tài)。1．創(chuàng)建動(dòng)態(tài)文本

在工具箱中選擇“文本”工具，在“屬性”面板中的“文本類型”下拉列表中選擇“動(dòng)態(tài)文本”，如圖6-8所示。在場景中拖出一個(gè)文本框，這樣就創(chuàng)建了一個(gè)動(dòng)態(tài)文本對(duì)象，如圖6-9所示。6.1.2動(dòng)態(tài)文本

在“屬性”面板中還可以進(jìn)一步設(shè)置動(dòng)態(tài)文本的屬性。在“實(shí)例名稱”文本框中可以定義動(dòng)態(tài)文本對(duì)象的實(shí)例名。圖6-8

圖6-92．為動(dòng)態(tài)文本賦值（1）使用變量為動(dòng)態(tài)文本賦值（2）通過動(dòng)態(tài)文本對(duì)象的text屬性賦值3．創(chuàng)建影片文檔（1）新建一個(gè)AnimateCC2019影片文檔，設(shè)置“舞臺(tái)”尺寸為250像素×200像素，其他參數(shù)保持默認(rèn)，保存影片文檔為“倒計(jì)時(shí)器.fla”。把素材“btn.png”導(dǎo)入“庫”面板中，并新建“button”按鈕元件。（2）在時(shí)間軸上創(chuàng)建3個(gè)圖層，分別命名為“文本顯示”“按鈕”“Actions”。4．創(chuàng)建動(dòng)態(tài)文本

在“文本顯示”圖層，創(chuàng)建一個(gè)動(dòng)態(tài)文本對(duì)象，修改實(shí)例名稱為“txt”；在“按鈕”圖層，從庫中拖入兩個(gè)“button”元件，分別修改實(shí)例名稱為“btn_start”和“btn_reset”，效果如圖6-16所示。5．定義動(dòng)作腳本圖6-16

“輸入文本”是可以接受用戶輸入的文本，是一種響應(yīng)鍵盤事件，也是一種人機(jī)交互的工具。用“文本”工具在場景中拖出一個(gè)文本框，用“選擇”工具選擇該文本框，在“屬性”面板中的“文本類型”列表框中選擇“輸入文本”即可。

輸入文本最重要的是變量名，在“屬性”面板的“變量”文本框中輸入“myInputtext”，就定義了該輸入文本的變量名，如圖6-18所示。

“輸入文本”變量和其他變量類似，變量的值會(huì)呈現(xiàn)在輸入文本框中，輸入文本框中的值同時(shí)也作為輸入文本變量的值，它們之間是等價(jià)的。6.1.3輸入文本圖6-186.2.1案例效果分析

本案例用AnimateCC2019制作電子教材，并實(shí)現(xiàn)自動(dòng)翻開、翻頁功能。電子教材由封面、扉頁、前言、內(nèi)容提要、目錄組成，教材的封面和書脊用一個(gè)矩形圖形實(shí)現(xiàn)，如圖6-22所示。6.2任務(wù)一——制作電子教材翻頁效果圖6-226.2.2設(shè)計(jì)思路（1）制作封面、扉頁、內(nèi)容提要、前言、目錄圖形元件。（2）制作封面、扉頁、內(nèi)容提要、前言、目錄傳統(tǒng)補(bǔ)間動(dòng)畫。6.2.3相關(guān)知識(shí)點(diǎn)和技能點(diǎn)

結(jié)合傳統(tǒng)補(bǔ)間動(dòng)畫制作翻書動(dòng)畫效果。使用“文本”工具添加文本，使用“任意變形”工具調(diào)整圖形的大小和位置。1．創(chuàng)建文檔

啟動(dòng)AnimateCC2019，新建文檔，尺寸為800像素×600像素，背景色設(shè)置為#336699，其他屬性為默認(rèn)值。保存影片文檔為“電子教材翻書效果.fla”。2．制作元件（1）將“上封面.jpg”“扉頁.jpg”“內(nèi)容提要.jpg”“前言.jpg”“前言1.jpg”“目錄.jpg”

“目錄1.jpg”“目錄2.jpg”等素材圖片導(dǎo)入“庫”面板中。執(zhí)行“插入”>“新建元件”命令，打開“創(chuàng)建新元件”對(duì)話框，選擇“類型”為“圖形”，名稱為“上封面”，如圖6-23所示。單擊“確定”按鈕進(jìn)入“上封面”編輯面板，將“庫”面板中“上封面.jpg”拖入“舞臺(tái)”，如圖6-24所示。6.2.4任務(wù)實(shí)施圖6-23

圖6-24（2）執(zhí)行“插入”>“新建元件”命令，打開“創(chuàng)建新元件”對(duì)話框，選擇“類型”為“圖形”，名稱為“目錄”，如圖6-25所示。單擊“確定”按鈕進(jìn)入“目錄”編輯面板，將“庫”面板中“目錄.jpg”拖入“舞臺(tái)”，如圖6-26所示。

圖6-25

圖6-26（3）執(zhí)行“插入”>“新建元件”命令，打開“創(chuàng)建新元件”對(duì)話框，選擇“類型”為“圖形”，名稱為“目錄1”，如圖6-27所示。單擊“確定”按鈕進(jìn)入“目錄1”編輯面板，將“庫”面板中“目錄1.jpg”拖入“舞臺(tái)”，如圖6-28所示。圖6-27

圖6-28（4）執(zhí)行“插入”>“新建元件”命令，打開“創(chuàng)建新元件”對(duì)話框，選擇“類型”為“圖形”，名稱為“前言”，如圖6-29所示。單擊“確定”按鈕進(jìn)入“前言”編輯面板，將“庫”面板中“前言.jpg”拖入“舞臺(tái)”，如圖6-30所示。圖6-29

圖6-30（5）執(zhí)行“插入”>“新建元件”命令，打開“創(chuàng)建新元件”對(duì)話框，選擇“類型”為“圖形”，名稱為“內(nèi)容提要”，如圖6-31所示。單擊“確定”按鈕進(jìn)入“內(nèi)容提要”編輯面板，將“庫”面板中“內(nèi)容提要.jpg”拖入“舞臺(tái)”，如圖6-32所示。圖6-31

圖6-32（6）執(zhí)行“插入”>“新建元件”命令，打開“創(chuàng)建新元件”對(duì)話框，選擇“類型”為“圖形”，名稱為“扉頁”，如圖6-33所示。單擊“確定”按鈕進(jìn)入“扉頁”編輯面板，將“庫”面板中“扉頁.jpg”拖入“舞臺(tái)”，如圖6-34所示。然后依次將“庫”中的“前言1.jpg”“目錄2.jpg”創(chuàng)建為“前言1”和“目錄2”圖形元件。圖6-33

圖6-343．制作動(dòng)畫（1）將“圖層1”重命名為“上封面”，從“庫”面板中將“上封面”圖形元件拖到場景“舞臺(tái)”中，放到合適的位置，如圖6-35所示。其屬性設(shè)置如圖6-36所示。圖6-35

圖6-36（2）新建圖層并命名為“右邊”，將此圖層放置在“上封面”圖層下方，用“直線”工具繪制長方形，并用漸變色填充，放在合適的位置，如圖6-37所示。新建圖層并命名為“扉頁”，將此圖層放置在“上封面”圖層下方，“右邊”圖層的上方，從“庫”面板中將“扉頁”圖形元件拖到場景“舞臺(tái)”中，放到合適的位置。如果將“上封面”圖層隱藏，則效果如圖6-38所示。（3）新建圖層并命名為“下封面”，將此圖層放置在“右邊”圖層下方，用“直線”工具繪制長方形，用“選擇”工具修改，并用紫色填充，如圖6-39所示。如果取消各個(gè)圖層的隱藏，則效果如圖6-40所示。圖6-37

圖6-38

圖6-39

圖6-40（4）選擇“上封面”圖層的第11幀和第25幀，將其轉(zhuǎn)換為關(guān)鍵幀，在“上封面”圖層的第25幀上選擇“舞臺(tái)”中的“上封面”實(shí)例，用“任意變形”工具對(duì)其進(jìn)行變形，如圖6-41所示。用鼠標(biāo)右鍵單擊“上封面”圖層的第11幀，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫，面板效果如圖6-42所示。

圖6-41

圖6-42（5）新建圖層并命名為“左頁面”，將此圖層放置在“上封面”圖層的下方，將此圖層的第26幀轉(zhuǎn)換為關(guān)鍵幀，用“矩形”工具繪制矩形，并填充灰白色漸變，效果如圖6-43所示。（6）新建圖層并命名為“前言”，將此圖層放置在“扉頁”圖層的下方，將此圖層的第26幀轉(zhuǎn)換為關(guān)鍵幀，從“庫”面板中將“前言”圖形元件拖到場景“舞臺(tái)”中，放到合適的位置。如果將“扉頁”圖層隱藏，則效果如圖6-44所示。圖6-43

圖6-44（7）分別選擇“左頁面”“扉頁”的第40幀，將其轉(zhuǎn)化為關(guān)鍵幀，用“任意變形”工具改變“舞臺(tái)”中“扉頁”實(shí)例的形狀，效果如圖6-45所示。選擇“扉頁”圖層的第26～40幀中的任意幀，執(zhí)行“插入”>“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫，效果如圖6-46所示。時(shí)間軸如圖6-47所示。圖6-45

圖6-46圖6-47（8）新建圖層并命名為“內(nèi)容提要”和“目錄”，將此圖層放置在“前言”圖層下面，“右邊”圖層的上方，將“前言”“內(nèi)容提要”“目錄”圖層的第41幀轉(zhuǎn)換為關(guān)鍵幀，從“庫”面板中將“前言”“內(nèi)容提要”和“目錄”圖形元件拖到場景“舞臺(tái)”中，放到合適的位置，效果如圖6-48所示。圖6-48（9）選擇“前言”圖層的第55幀，插入關(guān)鍵幀，用“任意變形”工具改變“舞臺(tái)”中“前言”實(shí)例的形狀，效果如圖6-49所示。選擇“前言”圖層的第41～55幀中的任意幀，執(zhí)行“插入”>“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫，效果如圖6-50所示。時(shí)間軸如圖6-51所示。圖6-49圖6-50

圖6-51（10）新建2個(gè)圖層并命名為“前言1”和“目錄2”，將這2個(gè)圖層放置在“目錄1”圖層下面，“右邊”圖層的上方，將“前言1”“內(nèi)容提要”“目錄”“目錄2”圖層的第56幀轉(zhuǎn)換為關(guān)鍵幀，從“庫”面板中將“前言1”“內(nèi)容提要”“目錄”和“目錄2”等圖形元件拖到場景“舞臺(tái)”中，放到合適的位置，效果如圖6-52所示。圖6-52（11）選擇“前言1”“目錄”圖層的第70幀，插入關(guān)鍵幀，用“任意變形”工具改變“舞臺(tái)”中“目錄”實(shí)例的形狀，效果如圖6-53所示。選擇“目錄”圖層的第56～70幀中的任意幀，執(zhí)行“插入”>“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫，效果如圖6-54所示。時(shí)間軸如圖6-55所示。圖6-53圖6-54

圖6-55（12）選擇“目錄1”“目錄2”圖層的第71幀，插入關(guān)鍵幀。選擇“右邊”“右封面”的第71幀，插入空白幀，時(shí)間軸上的幀如圖6-56所示。圖6-566.3.1案例效果分析

本案例要制作某高壓電器開關(guān)企業(yè)生產(chǎn)的隔離開關(guān)產(chǎn)品介紹雜志。通過自動(dòng)翻頁功能，使客戶可以直觀地了解本企業(yè)相關(guān)隔離開關(guān)產(chǎn)品的詳細(xì)數(shù)據(jù)，效果如圖6-57所示。6.3任務(wù)二——制作產(chǎn)品介紹雜志自動(dòng)翻頁效果圖6-576.3.2設(shè)計(jì)思路（1）制作前封面、封面背面翻頁動(dòng)畫。（2）制作產(chǎn)品介紹文本圖形元件。（3）制作第1頁、第3頁、第5頁、第7頁、第9頁、第11頁翻頁動(dòng)畫。（4）制作產(chǎn)品1、產(chǎn)品2、產(chǎn)品3、產(chǎn)品4、產(chǎn)品5翻頁動(dòng)畫。（5）添加“濾鏡”效果。6.3.3相關(guān)知識(shí)和技能點(diǎn)

使用“任意變形”工具改變圖像的大小，創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫制作翻頁效果，使用“文本”工具添加文本，運(yùn)用影片剪輯組合頁面。給頁面添加“發(fā)光”“投影”“漸變發(fā)光”濾鏡效果。（1）啟動(dòng)AnimateCC2019，新建文檔，“舞臺(tái)”尺寸為800像素×600像素，背景顏色為白色，其他值為默認(rèn)值，保存影片文檔為“產(chǎn)品介紹雜志.fla”。（2）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，將“產(chǎn)品介紹雜志”文件夾中的素材“1.jpg”“2.jpg”“3.jpg”“4.jpg”“5.jpg”“底圖.jpg”“前封面.jpg”“后封面.jpg”“背景.jpg”均導(dǎo)入“庫”面板。6.3.4任務(wù)實(shí)施（3）執(zhí)行菜單“插入”>“新建元件”命令，或者按“Ctrl+F8”快捷鍵，新建影片剪輯元件“翻動(dòng)”，將“圖層1”命名為“前封面”，將“庫”面板中的“前封面”圖形拖到“舞臺(tái)”中。選擇圖形，按F8鍵彈出“轉(zhuǎn)換為元件”對(duì)話框，設(shè)置名稱為“前封面”，類型為“圖形”，如圖6-58所示。單擊“確定”按鈕，將圖形轉(zhuǎn)換為元件。（4）分別選擇“前封面”的第12幀和第21幀，按F6鍵，在選擇的幀上插入關(guān)鍵幀，選擇“前封面”圖層的第21幀，選擇“任意變形”工具，在“舞臺(tái)”中選擇“前封面”實(shí)例，在按住Alt鍵的同時(shí)，將右側(cè)中間的控制手柄向左拖到適當(dāng)?shù)奈恢茫鐖D6-59所示。用鼠標(biāo)右鍵單擊“封面”圖層的第12幀，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫。圖6-58

圖6-59（5）單擊“時(shí)間軸”面板下方的“插入圖層”按鈕，創(chuàng)建新圖層并命名為“封面背面”，選擇“封面背面”圖層的第21幀，按F6鍵，在該幀上插入關(guān)鍵幀，將“庫”面板中的“后封面”圖形拖到“舞臺(tái)”中，按步驟（3）中的方法將此圖形轉(zhuǎn)換為“后封面”元件，并放置到合適位置，與“前封面”實(shí)例保持同一高度，如圖6-60所示。（6）選擇“封面背面”圖層的第31幀，在該幀上插入關(guān)鍵幀，選擇“任意變形”工具，選擇“封面背面”圖層的第21幀，在“舞臺(tái)”中選擇圖形，在按住Alt鍵的同時(shí)，拖動(dòng)左側(cè)的控制點(diǎn)，將圖形向右變形至最小，高度保持不變，如圖6-61所示。用鼠標(biāo)右鍵單擊“封面背面”圖層的第21幀，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫。圖6-60

圖6-61（7）按Ctrl+F8組合鍵打開“創(chuàng)建新元件”對(duì)話框，設(shè)置名稱為“第1頁”，類型為“圖形”，單擊“確定”按鈕將圖形轉(zhuǎn)換為元件。將底圖從“庫”面板中拖入“舞臺(tái)”，新建圖層，用“文本”工具輸入“公司隔離開關(guān)的發(fā)展史由建廠初期只生產(chǎn)GW5-35、110、GW4-110和GW7-220發(fā)展到涵蓋9個(gè)電壓1100、800、550、363、252、145、126、72.5、40.5kV的幾十個(gè)品種。1981年依據(jù)法國MG公司GWh-550和GWi-550型隔離開關(guān)，開始研制GW16-550和GW17-550型隔離開關(guān)。該隔離開關(guān)的生產(chǎn)使我公司隔離開關(guān)的制造技術(shù)有了第一次飛躍。目前1100kV隔離開關(guān)代表了我公司隔離開關(guān)的制造技術(shù)。我公司隔離開關(guān)目前可達(dá)到的最大電流參數(shù)是：額定電流4000A，額定短時(shí)耐受電流63kA，額定峰值耐受電流160kA?！保ㄒ妶D6-62）。圖6-62（8）用步驟（7）的方法制作元件“第3頁”“第5頁”“第7頁”“第9頁”和“第11頁”，分別如圖6-63～圖6-67所示。圖6-63

圖6-64

圖6-65

圖6-66

圖6-67（9）雙擊“庫”面板中的“翻動(dòng)”影片剪輯，進(jìn)入“翻動(dòng)”頁面。單擊時(shí)間軸下方的“插入圖層”按鈕，創(chuàng)建新圖層并命名為“第1頁”。將此圖層拖到“前封面”圖層的下方，選擇“第1頁”圖層的第12幀，按F6鍵，在該幀上插入關(guān)鍵幀。將“庫”面板中的圖形“1”拖到“舞臺(tái)”中，按步驟（3）的方法將此圖形轉(zhuǎn)換為“1”元件，并放置到合適位置，與“前封面”圖形重合。在此圖層的第41幀插入關(guān)鍵幀，效果如圖6-68所示。在第51幀插入關(guān)鍵幀，選擇“任意變形”工具，在按住Alt鍵的同時(shí)，將左側(cè)中間的控制手柄向左拖到適當(dāng)?shù)奈恢?，如圖6-69所示。用鼠標(biāo)右鍵單擊“第1頁”圖層的第41幀，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫。圖6-68

圖6-69（10）新建圖層并命名為“產(chǎn)品1”，放在“第1頁”圖層的下方，選擇“產(chǎn)品1”圖層的第41幀、第71幀，按F6鍵，在兩幀上插入關(guān)鍵幀。將“庫”面板中的“2”圖形拖到“舞臺(tái)”中，按步驟（3）中的方法將此圖形轉(zhuǎn)換為“2”元件，并放置到合適位置，與“封面背面”實(shí)例保持同一高度，效果如圖6-70所示。（11）選擇“產(chǎn)品1”圖層的第81幀，按F6鍵，在該幀插入關(guān)鍵幀，選擇“任意變形”工具，在“舞臺(tái)”中選擇圖形，在按住Alt鍵的同時(shí)，選擇右側(cè)的控制點(diǎn)，將圖形向左變形至最小，高度保持不變，效果如圖6-71所示。用鼠標(biāo)右鍵單擊“產(chǎn)品1”圖層的第71幀，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫。圖6-70

圖6-71（12）新建圖層，放在原圖層的下方，選擇“第3頁”圖層的第51幀、第61幀和第84幀，按F6鍵，在這些幀上插入關(guān)鍵幀。將“庫”面板中的“3”圖形拖到“舞臺(tái)”中，并放置到合適位置，與“封面背面”實(shí)例保持同一高度和寬度，如圖6-72所示。（13）選擇“第3頁”圖層的第51幀，選擇“任意變形”工具，在“舞臺(tái)”中選擇該元件，按住Alt鍵的同時(shí)，選擇左側(cè)的控制點(diǎn)，將圖形向右變形至最小，高度保持不變，如圖6-73所示。用鼠標(biāo)右鍵單擊“第3頁”圖層的第51幀，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，生成傳統(tǒng)補(bǔ)間動(dòng)畫。圖6-72

圖6-73（14）用制作“第3頁”的方法，制作第5頁、第7頁、第9頁和第11頁，用制作“產(chǎn)品1”的方法制作“產(chǎn)品2”“產(chǎn)品3”“產(chǎn)品4”和“產(chǎn)品5”，時(shí)間軸上的內(nèi)容分別如圖6-74和圖6-75所示。圖6-74圖6-75（15）至此，整個(gè)“翻動(dòng)”影片剪輯制作完成?；氐綀鼍?，將“圖層”重命名為“背景”，從“庫”面板中將背景圖片拖入場景，調(diào)整位置使其鋪滿整個(gè)場景，使用“文字”工具輸入“電子書翻頁動(dòng)畫演示”，在“屬性”面板中設(shè)置字體為“微軟雅黑”，大小為“48”磅，顏色為“#FF0000”，并在“濾鏡”面板中為其添加發(fā)光、投影、漸變發(fā)光效果，投影和漸變發(fā)光均為默認(rèn)值，效果如圖6-76所示。（16）新建圖層，將“翻動(dòng)”影片剪輯拖入場景“舞臺(tái)”，用“任意變形”工具調(diào)整其大小和位置。選擇影片剪輯，在“濾鏡”面板中為其添加發(fā)光、投影、漸變發(fā)光效果，投影和漸變發(fā)光均為默認(rèn)值，如圖6-77所示。至此，整個(gè)動(dòng)畫制作完成。（17）執(zhí)行“文件”>導(dǎo)出“導(dǎo)出影片”命令，將影片導(dǎo)出，效果如圖6-78所示。

圖6-76

圖6-77

圖6-786.4.1實(shí)訓(xùn)概述

實(shí)訓(xùn)作品效果如圖6-79所示。1．動(dòng)畫的制作目的與設(shè)計(jì)理念

本實(shí)訓(xùn)要制作一款電子校報(bào)，生動(dòng)地展示校內(nèi)新聞，并使校報(bào)的視覺效果具有層次感、空間感，從而吸引更多的讀者。6.4實(shí)訓(xùn)任務(wù)——制作平頂山學(xué)院校報(bào)手動(dòng)翻頁效果圖6-792．動(dòng)畫整體風(fēng)格設(shè)計(jì)

作品的形式是校報(bào)，以AnimateCC2019制作，主要以圖片為主，并為圖片和幀添加簡單的腳本，以實(shí)現(xiàn)手動(dòng)翻頁效果。3．素材收集與處理

收集平頂山學(xué)院校報(bào)內(nèi)容，用Photoshop做適當(dāng)修改，使素材風(fēng)格統(tǒng)一、主題突出。（1）使用“變形”面板使每一頁面的大小一致。（2）為4個(gè)頁面的元件添加“投影”濾鏡。（3）使用代碼片段中的gotoAndPlay()實(shí)現(xiàn)手動(dòng)翻頁效果。6.4.2實(shí)訓(xùn)要點(diǎn)1．創(chuàng)建文檔

啟動(dòng)AnimateCC2019，新建文檔，設(shè)置背景色為#00CCFF，“舞臺(tái)”尺寸為800像素×1

200像素，其他屬性為默認(rèn)值。保存影片文檔為“平頂山學(xué)院校報(bào).fla”。2．導(dǎo)入素材及處理元件

執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，將素材文件夾中的“1.jpg”“2.jpg”

“3.jpg”

“4.jpg”導(dǎo)入“庫”面板，并在“庫”面板中新建與各圖片對(duì)應(yīng)的按鈕元件，名稱改為與圖片名稱編號(hào)相同，如圖6-80所示。6.4.3實(shí)訓(xùn)步驟圖6-803．制作動(dòng)畫（1）新建4個(gè)圖層，從上到下依次命名為“內(nèi)容1”“內(nèi)容2”“內(nèi)容3”“內(nèi)容4”，如圖6-81所示。圖6-80

圖6-81（2）選擇“內(nèi)容1”圖層，在時(shí)間軸上第1幀的位置，插入空白關(guān)鍵幀，從“庫”面板中將“元件1”按鈕元件拖入場景中，放到合適的位置，如圖6-82所示?！白冃巍泵姘宓脑O(shè)置如圖6-83所示，在“屬性”面板中輸入實(shí)例名稱“btn1”，設(shè)置結(jié)果如圖6-84所示，濾鏡參數(shù)設(shè)置如圖6-85所示。圖6-82圖6-83

圖6-84

圖6-85（3）選擇“內(nèi)容2”圖層，在時(shí)間軸上第1幀的位置，插入空白關(guān)鍵幀，從“庫”面板中將“元件2”按鈕元件拖入場景中，在“變形”面板中設(shè)置參數(shù)，如圖6-86所示。在“屬性”面板中設(shè)置實(shí)例名稱為“btn2”，如圖6-87所示。將修改過的“內(nèi)容2”元件放到“內(nèi)容1”元件的下方，使“內(nèi)容1”元件完全覆蓋“內(nèi)容2”元件，在第2幀的位置按F5鍵插入幀，選中第1幀，按住Alt鍵，復(fù)制第1～3幀上。圖6-86

圖6-87（4）選擇“內(nèi)容3”圖層，在時(shí)間軸上第1幀的位置，插入空白關(guān)鍵幀，從“庫”面板中將“元件3”按鈕元件拖入場景中，使用“變形”面板中設(shè)置參數(shù)，如圖6-86所示。在“屬性”面板中設(shè)置實(shí)例名稱為“btn3”，在第4幀的位置按F5鍵插入幀，選中第1幀，按住Alt鍵，復(fù)制第1～5幀上。（5）選擇“內(nèi)容4”圖層上，在時(shí)間軸上第1幀的位置，插入空白關(guān)鍵幀，從“庫”面板中將“元件4”按鈕元件拖入場景中，使用“變形”面板中設(shè)置參數(shù)，如圖6-86所示。在“屬性”面板中設(shè)置實(shí)例名稱為“btn4”，在第6幀的位置按F5鍵插入幀，選中第1幀，按住Alt鍵，復(fù)制第1～7幀上。在第10幀的位置按F5鍵插入幀。4．編寫代碼（1）選擇“內(nèi)容1”圖層的第1幀，在“舞臺(tái)”上選中“內(nèi)容1”按鈕，按F9鍵打開“動(dòng)作”面板，執(zhí)行“窗口”>“代碼片段”命令，進(jìn)入“代碼片段”窗口，如圖6-88所示，執(zhí)行“ActionScript”>“時(shí)間軸導(dǎo)航”>“單擊以轉(zhuǎn)到幀并停止”命令，雙擊進(jìn)入“動(dòng)作”窗口，編輯如圖6-89所示。圖6-88

圖6-89（2）用與步驟（1）同樣的方法，分別選擇“內(nèi)容2”的第3幀、“內(nèi)容3”的第5幀、“內(nèi)容4”的第7幀，分別使用“代碼片段”，在對(duì)應(yīng)按鈕上雙擊，進(jìn)入“動(dòng)作”窗口，分別編輯修改對(duì)應(yīng)代碼，如圖6-90～圖6-92所示。圖6-90圖6-91

圖6-92（3）時(shí)間軸的所有幀如圖6-93所示。（4）按Ctrl+Enter組合鍵測(cè)試影片，保存文件。圖6-936.5評(píng)價(jià)考核能力類型考核內(nèi)容評(píng)價(jià)學(xué)習(xí)目標(biāo)評(píng)價(jià)項(xiàng)目321職業(yè)能力掌握常用文字濾鏡的使用方法；掌握輸入文本的使用方法；會(huì)用變量為動(dòng)態(tài)文本賦值；會(huì)用text屬性為動(dòng)態(tài)文本賦值；會(huì)運(yùn)用Animate制作電子閱讀物能夠制作常用文字濾鏡效果

能夠使用變量為動(dòng)態(tài)文本賦值

能夠通過text屬性為動(dòng)態(tài)文本賦值

會(huì)使用輸入文本制作人機(jī)交互效果

能夠使用Animate制作各種電子閱讀物

通用能力造型能力

審美能力

組織能力

解決問題能力

自主學(xué)習(xí)能力

創(chuàng)新能力

綜合評(píng)價(jià)

項(xiàng)目六任務(wù)評(píng)價(jià)考核表6.6.1參考制作效果

本案例設(shè)計(jì)的燒烤店菜譜如圖6-94所示，每一個(gè)頁面由美食圖片和菜名兩部分組成。食客通過單擊“上一頁”和“下一頁”按鈕手動(dòng)翻頁實(shí)現(xiàn)隨心所欲點(diǎn)菜功能。6.6課外拓展——制作菜譜手動(dòng)翻頁效果圖6-946.6.2知識(shí)要點(diǎn)

使用“文本”工具添加文本，使用“變形”面板改變圖像的大小，使用“任意變形”工具調(diào)整圖形的大小和位置，使用傳統(tǒng)補(bǔ)間動(dòng)畫制作手動(dòng)翻頁動(dòng)畫效果。6.6.3參考制作過程1．創(chuàng)建文檔

啟動(dòng)AnimateCC2019，新建文檔，“舞臺(tái)”尺寸為800像素×600像素，背景顏色為白色，其他值為默認(rèn)值，保存影片文檔為“菜譜.fla”。2．制作動(dòng)畫（1）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，選擇“菜譜素材”文件夾中的所有圖片，單擊“打開”按鈕，將素材導(dǎo)入“庫”面板中，如圖6-95所示。（2）將“庫”面板中的所有圖片轉(zhuǎn)化為圖形元件，如圖6-96所示。圖6-95

圖6-96（3）將“圖層1”重命名為“背景”，從“庫”面板中將“背景”元件拖入場景“舞臺(tái)”中，用“對(duì)齊”工具使其與“舞臺(tái)”對(duì)齊并和舞臺(tái)大小相同，效果如圖6-97所示。圖6-97（4）新建圖層并命名為“封面”，從“庫”面板中將“封面.png”拖入場景“舞臺(tái)”中，縮小“封面.png”（見圖6-98），放到“舞臺(tái)”中的合適位置。選中“封面.png”，按F8鍵，轉(zhuǎn)換為按鈕元件，效果如圖6-99所示。

分別選擇“封面”圖層的第2幀和第12幀