Animate動畫設(shè)計與制作實例教程-電子閱讀物

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

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

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

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

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

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

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

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

用【文本工具】在場景中拖出一個文本框，用【選擇工具】選擇該文本框，在“屬性”面板中的“文本類型”列表框中選擇“輸入文本”即可。輸入文本最重要的是變量名，在“屬性”面板的“變量”文本框中輸入“myInputText”，就定義了該輸入文本的變量名，如圖所示?！拜斎胛谋尽弊兞亢推渌兞款愃疲兞康闹禃尸F(xiàn)在輸入文本框中，輸入文本框中的值同時也作為輸入文本變量的值，它們之間是等價的?！拜斎胛谋尽睂ο笠簿哂衪ext屬性，這個屬性的使用方法和動態(tài)文本對象類似?！拜斎胛谋尽笔强梢越邮苡脩糨斎氲奈谋?，是響應(yīng)鍵盤事件的一種，是一種人機交互的工具。和動態(tài)文本一樣，使用【文本工具】可以創(chuàng)建輸入文本框。6.1.3輸入文本

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

6.2.1案例效果分析

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

6.4實訓(xùn)項目-------制作平頂山學(xué)院校報手動翻頁效果

1、制作動畫的目的與主題

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

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

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