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

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

網(wǎng)絡(luò)閱讀已獲得越來越多讀者的青睞，閱讀用AnimateCC制作的電子書已成為最流行的網(wǎng)絡(luò)閱讀形式。要想制作出生動(dòng)的電子產(chǎn)品雜志、書籍、書籍封面、菜譜等電子閱讀物，必須掌握AnimateCC強(qiáng)大的文本輸入、編輯和處理功能。本章主要介紹３類文本的編輯方法及使用AnimateCC文本編輯功能制作各類電子書的方法。通過本章的學(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è)文本框。松開鼠標(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)。通過“濾鏡”面板可對(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)文本在工具箱中選擇【文本工具】，在“屬性”面板中的“文本類型”下拉列表中選擇“動(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)改變的文本，常用在游戲和課件作品中，用來實(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種，一種是使用變量賦值，另一種是通過動(dòng)態(tài)文本對(duì)象的text屬性進(jìn)行賦值。1）使用變量為動(dòng)態(tài)文本賦值的方法實(shí)例練習(xí)——使用變量為動(dòng)態(tài)文本賦值的方法2）通過動(dòng)態(tài)文本對(duì)象的text屬性進(jìn)行賦值實(shí)例練習(xí)——通過動(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)擊【開始】按鈕，影片中的數(shù)字自動(dòng)從30變?yōu)?、8……，當(dāng)變到0時(shí)停止，顯示“時(shí)間到！”，數(shù)字變化間隔1秒，點(diǎn)擊【重置】按鈕，恢復(fù)到30秒，范例效果如圖6.1.3輸入文本

用【文本工具】在場(chǎng)景中拖出一個(gè)文本框，用【選擇工具】選擇該文本框，在“屬性”面板中的“文本類型”列表框中選擇“輸入文本”即可。輸入文本最重要的是變量名，在“屬性”面板的“變量”文本框中輸入“myInputText”，就定義了該輸入文本的變量名，如圖所示?！拜斎胛谋尽弊兞亢推渌兞款愃疲兞康闹禃?huì)呈現(xiàn)在輸入文本框中，輸入文本框中的值同時(shí)也作為輸入文本變量的值，它們之間是等價(jià)的。“輸入文本”對(duì)象也具有text屬性，這個(gè)屬性的使用方法和動(dòng)態(tài)文本對(duì)象類似?！拜斎胛谋尽笔强梢越邮苡脩糨斎氲奈谋荆琼憫?yīng)鍵盤事件的一種，是一種人機(jī)交互的工具。和動(dòng)態(tài)文本一樣，使用【文本工具】可以創(chuàng)建輸入文本框。6.1.3輸入文本

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

6.2.1案例效果分析

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

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

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

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

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

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