Animate動(dòng)畫(huà)設(shè)計(jì)與制作實(shí)例教程-電子閱讀物

電子閱讀物通過(guò)本章,你應(yīng)該掌握:靜態(tài)文本動(dòng)態(tài)文本輸入文本制作教程翻書(shū)效果、讀者文摘雜志、產(chǎn)品介紹雜志、菜譜

網(wǎng)絡(luò)閱讀已獲得越來(lái)越多讀者的青睞，閱讀用AnimateCC制作的電子書(shū)已成為最流行的網(wǎng)絡(luò)閱讀形式。要想制作出生動(dòng)的電子產(chǎn)品雜志、書(shū)籍、書(shū)籍封面、菜譜等電子閱讀物，必須掌握AnimateCC強(qiáng)大的文本輸入、編輯和處理功能。本章主要介紹３類(lèi)文本的編輯方法及使用AnimateCC文本編輯功能制作各類(lèi)電子書(shū)的方法。通過(guò)本章的學(xué)習(xí)，讀者可以掌握在設(shè)計(jì)制作電子閱讀物中使用文本的技巧。6.1AnimateCC文本

6.1.1靜態(tài)文本1、創(chuàng)建文本

在工具欄選擇“文本工具”，在“屬性”面板中選擇“靜態(tài)文本”選項(xiàng)，選擇字體、字號(hào)。（1）將鼠標(biāo)放置在場(chǎng)景中，在場(chǎng)景中單擊鼠標(biāo)，出現(xiàn)文本輸入光標(biāo)，直接輸入文字即可。如圖所示。

（2）用鼠標(biāo)在場(chǎng)景中單擊并按住鼠標(biāo)，向右下角方向拖曳出一個(gè)文本框。松開(kāi)鼠標(biāo)，出現(xiàn)文本輸入光標(biāo)。在文本框中輸入文字，文字被限定在文本框中，如果輸入的文字較多，會(huì)自動(dòng)轉(zhuǎn)到下一行顯示，如圖所示。屬性面板2、設(shè)置文本樣式文本工具“屬性”面板，可設(shè)置文本的字體、字體大小、樣式和顏色，設(shè)置字符與段落，設(shè)置文本超鏈接等。3、“濾鏡”面板濾鏡是可以應(yīng)用到對(duì)象的圖形效果。用濾鏡可以實(shí)現(xiàn)投影、斜角、發(fā)光、模糊、漸變發(fā)光、漸變模糊、調(diào)整顏色等多種效果，應(yīng)用濾鏡后，可以隨時(shí)改變其選項(xiàng)。通過(guò)“濾鏡”面板可對(duì)文字做多種特效。1）使用文字濾鏡的方法（1）用【文本工具】在場(chǎng)景中拖出一個(gè)文本框，選擇該文本框，在“屬性”面板中選擇“靜態(tài)文本”，在文本框內(nèi)輸入文字。（2）在“濾鏡”面板中單擊+彈出濾鏡菜單，其中包括：投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角、調(diào)整顏色等，如圖所示。6.1AnimateCC文本

實(shí)例練習(xí)——文字濾鏡效果6.1AnimateCC文本

6.1.2動(dòng)態(tài)文本1、創(chuàng)建動(dòng)態(tài)文本在工具箱中選擇【文本工具】，在“屬性”面板中的“文本類(lèi)型”下拉列表中選擇“動(dòng)態(tài)文本”，如圖所示。在場(chǎng)景中拖出一個(gè)文本框，這樣就創(chuàng)建了一個(gè)動(dòng)態(tài)文本對(duì)象，如圖所示。動(dòng)態(tài)文本就是可以動(dòng)態(tài)更新的文本，如體育得分、股票報(bào)價(jià)等，它是根據(jù)情況動(dòng)態(tài)改變的文本，常用在游戲和課件作品中，用來(lái)實(shí)時(shí)顯示操作運(yùn)行的狀態(tài)。在“變量”后面的文本框中可以定義動(dòng)態(tài)文本的變量名，用這個(gè)變量可以控制動(dòng)態(tài)文本框中顯示的內(nèi)容。6.1.2動(dòng)態(tài)文本2、為動(dòng)態(tài)文本賦值為動(dòng)態(tài)文本賦值的方法有2種，一種是使用變量賦值，另一種是通過(guò)動(dòng)態(tài)文本對(duì)象的text屬性進(jìn)行賦值。1）使用變量為動(dòng)態(tài)文本賦值的方法實(shí)例練習(xí)——使用變量為動(dòng)態(tài)文本賦值的方法2）通過(guò)動(dòng)態(tài)文本對(duì)象的text屬性進(jìn)行賦值實(shí)例練習(xí)——通過(guò)動(dòng)態(tài)文本對(duì)象的text屬性進(jìn)行賦值6.1.2動(dòng)態(tài)文本3、實(shí)例練習(xí)——數(shù)字倒計(jì)時(shí)器效果

利用動(dòng)態(tài)文本制作一個(gè)簡(jiǎn)單的30秒倒計(jì)時(shí)器，點(diǎn)擊【開(kāi)始】按鈕，影片中的數(shù)字自動(dòng)從30變?yōu)?、8……，當(dāng)變到0時(shí)停止，顯示“時(shí)間到！”，數(shù)字變化間隔1秒，點(diǎn)擊【重置】按鈕，恢復(fù)到30秒，范例效果如圖6.1.3輸入文本

用【文本工具】在場(chǎng)景中拖出一個(gè)文本框，用【選擇工具】選擇該文本框，在“屬性”面板中的“文本類(lèi)型”列表框中選擇“輸入文本”即可。輸入文本最重要的是變量名，在“屬性”面板的“變量”文本框中輸入“myInputText”，就定義了該輸入文本的變量名，如圖所示。“輸入文本”變量和其他變量類(lèi)似，變量的值會(huì)呈現(xiàn)在輸入文本框中，輸入文本框中的值同時(shí)也作為輸入文本變量的值，它們之間是等價(jià)的?！拜斎胛谋尽睂?duì)象也具有text屬性，這個(gè)屬性的使用方法和動(dòng)態(tài)文本對(duì)象類(lèi)似。“輸入文本”是可以接受用戶(hù)輸入的文本，是響應(yīng)鍵盤(pán)事件的一種，是一種人機(jī)交互的工具。和動(dòng)態(tài)文本一樣，使用【文本工具】可以創(chuàng)建輸入文本框。6.1.3輸入文本

實(shí)例練習(xí)——加法程序6.2任務(wù)一-----電子教材翻書(shū)效果制作

6.2.1案例效果分析

本案例用AnimateCC制作教科書(shū)和書(shū)本的自動(dòng)翻開(kāi)、翻頁(yè)功能。書(shū)由封面、扉頁(yè)、前言、內(nèi)容提要、目錄組成，書(shū)的厚度后后封面用一個(gè)矩形圖形實(shí)現(xiàn)，如圖6.2.2設(shè)計(jì)思路1.封面圖形、封面文字、前言、簡(jiǎn)介、目錄圖形元件制作。2.封面、簡(jiǎn)介、目錄動(dòng)作補(bǔ)間動(dòng)畫(huà)制作。3.封面邊、左頁(yè)面、左邊、翻頁(yè)形狀補(bǔ)間動(dòng)畫(huà)制作。6.2.3相關(guān)知識(shí)和技能點(diǎn)結(jié)合形狀補(bǔ)間動(dòng)畫(huà)和動(dòng)作補(bǔ)間動(dòng)畫(huà)制作翻書(shū)動(dòng)畫(huà)效果。使用文本工具添加文本，使用任意變形工具調(diào)整圖形的大小和位置。6.3任務(wù)二------制作產(chǎn)品介紹雜志自動(dòng)翻頁(yè)效果6.3.1案例效果分析本案例設(shè)計(jì)的是高壓電器開(kāi)關(guān)企業(yè)隔離開(kāi)關(guān)產(chǎn)品介紹雜志。右頁(yè)面為產(chǎn)品的圖片，左頁(yè)面是隔離開(kāi)關(guān)產(chǎn)品的性能和參數(shù)簡(jiǎn)介，通過(guò)自動(dòng)翻頁(yè)功能，使客戶(hù)生動(dòng)、直觀地了解隔離開(kāi)關(guān)產(chǎn)品，如圖6.3.2設(shè)計(jì)思路1.制作前封面、封面背面翻頁(yè)動(dòng)畫(huà)。2.制作產(chǎn)品文字圖形元件。3.制作第1、第3、第5、第7、第9、第11頁(yè)翻頁(yè)動(dòng)畫(huà)。4.制作產(chǎn)品1、產(chǎn)品2、產(chǎn)品3、產(chǎn)品4、產(chǎn)品5翻頁(yè)動(dòng)畫(huà)。5.添加頁(yè)面“濾鏡”效果。6.2.4相關(guān)知識(shí)和技能點(diǎn)使用任意變形工具改變圖像的大小，創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)制作翻書(shū)效果，使用文本工具添加文本，運(yùn)用影片剪輯組合頁(yè)面。給頁(yè)面添加“發(fā)光”、“投影”、“漸變發(fā)光”濾鏡效果。

6.4實(shí)訓(xùn)項(xiàng)目-------制作平頂山學(xué)院校報(bào)手動(dòng)翻頁(yè)效果

1、制作動(dòng)畫(huà)的目的與主題

本實(shí)訓(xùn)要制作一款電子校報(bào)，生動(dòng)地展示校內(nèi)新聞，并使校報(bào)的視覺(jué)效果具有層次感、空間感，從而吸引更多的讀者。6.4.1動(dòng)畫(huà)前期創(chuàng)意與策劃2、動(dòng)畫(huà)整體風(fēng)格設(shè)計(jì)

作品的形式是電子雜志，以AnimateCC動(dòng)畫(huà)模式制作，主要以圖片為主，并為圖片和幀添加簡(jiǎn)單的腳本，以實(shí)現(xiàn)手動(dòng)翻頁(yè)效果。3、素材收集與處理

收集平頂山學(xué)院校報(bào)內(nèi)容，用photoshop處理做適當(dāng)修改，使風(fēng)格統(tǒng)一、主題突出。6.4.2實(shí)訓(xùn)要求1.使用“變形”面板實(shí)行每一頁(yè)面大小一致。2.使用“濾鏡”給封面、封底、目錄、卷首語(yǔ)等添加“投影效果”。3.使用gotoAndPlay()實(shí)現(xiàn)翻頁(yè)效果。6.4實(shí)訓(xùn)項(xiàng)目-------制作平頂山學(xué)院校報(bào)手動(dòng)翻頁(yè)效果6.5課外拓展---制作菜譜手動(dòng)翻頁(yè)效果6.5.1制作效果（圖）本案例設(shè)計(jì)的