Animate核心應(yīng)用案例教程課件

本章簡(jiǎn)介：本章將詳細(xì)講解Animate2020的基礎(chǔ)知識(shí)，包括Animate2020的操作界面、文件操作，影片的測(cè)試優(yōu)化、輸出與發(fā)布。通過(guò)學(xué)習(xí)，讀者能對(duì)Animate2020有初步的認(rèn)識(shí)和了解，并能夠掌握軟件的基本操作方法和技巧，為以后的學(xué)習(xí)打下堅(jiān)實(shí)的基礎(chǔ)。第2章Animate2020基礎(chǔ)知識(shí)學(xué)習(xí)目標(biāo)了解Animate2020的操作界面掌握文件操作的方法和技巧了解影片的測(cè)試與優(yōu)化了解影片的輸出與發(fā)布2.1

Animate2020的操作界面菜單欄工具箱“時(shí)間軸”面板場(chǎng)景和舞臺(tái)“屬性”面板浮動(dòng)面板2.1

Animate2020的操作界面Animate2020的操作界面主要由菜單欄、工具箱、“時(shí)間軸”面板、場(chǎng)景和舞臺(tái)、“屬性”面板以及浮動(dòng)面板組成。操作界面Animate2020的菜單欄包含“文件”菜單、“編輯”菜單、“視圖”菜單、“插入”菜單、“修改”菜單、“文本”菜單、“命令”菜單、“控制”菜單、“調(diào)試”菜單、“窗口”菜單及“幫助”菜單。菜單欄2.1.1菜單欄

選擇“窗口>工具”命令，或按Ctrl+F2組合鍵，可以打開(kāi)工具箱。工具箱提供了圖形繪制和編輯的各種工具，分為“工具”“查看”“顏色”“選項(xiàng)”4個(gè)區(qū)。其中，有些工具按鈕的右下角帶有小三角形標(biāo)記，這表示有隱藏的工具，將鼠標(biāo)指針?lè)胖迷谶@類(lèi)工具按鈕上，按住鼠標(biāo)左鍵即可顯示隱藏的工具。工具箱2.1.2工具箱

“時(shí)間軸”面板用于組織和控制文件內(nèi)容在一定時(shí)間內(nèi)播放。按照功能的不同，“時(shí)間軸”面板分為左右兩部分，分別為圖層控制區(qū)、時(shí)間線(xiàn)控制區(qū)?！皶r(shí)間軸”面板的主要組件是圖層、幀和播放頭。時(shí)間軸2.1.3“時(shí)間軸”面板

場(chǎng)景是所有動(dòng)畫(huà)元素的最大活動(dòng)空間。像多幕劇一樣，場(chǎng)景可以不止一個(gè)。要查看特定場(chǎng)景，可以選擇“視圖>轉(zhuǎn)到”命令，再?gòu)钠渥硬藛沃羞x擇場(chǎng)景的名稱(chēng)。場(chǎng)景和舞臺(tái)2.1.4場(chǎng)景和舞臺(tái)

對(duì)于正在使用的工具或資源，使用“屬性”面板可以很容易地查看和更改它們的屬性，從而簡(jiǎn)化項(xiàng)目的創(chuàng)建過(guò)程。當(dāng)選定某個(gè)工具時(shí)，“屬性”面板“工具”選項(xiàng)卡中會(huì)顯示該工具的屬性設(shè)置，選定文本、組件、形狀、位圖、視頻、組等時(shí)，“屬性”面板自動(dòng)切換到“對(duì)象”選項(xiàng)卡，選項(xiàng)組中顯示相應(yīng)的信息和設(shè)置；選定某幀時(shí)，“屬性”面板自動(dòng)切換到“幀”選項(xiàng)卡。2.1.5“屬性”面板

使用面板可以查看、組合和更改資源。但屏幕的大小有限，為了使工作區(qū)盡量大，Animate2020提供了許多自定義工作區(qū)的方式，如可以通過(guò)“窗口”菜單顯示、隱藏面板，還可以通過(guò)拖動(dòng)鼠標(biāo)來(lái)調(diào)整面板的大小以及重新組合面板。浮動(dòng)面板2.1.6浮動(dòng)面板

2.2

Animate2020的文件操作新建文件保存文件打開(kāi)文件導(dǎo)入文件選擇“文件>新建”命令，彈出“新建文檔”對(duì)話(huà)框。在對(duì)話(huà)框的頂部選擇要?jiǎng)?chuàng)建的文檔的類(lèi)型，在“預(yù)設(shè)”選項(xiàng)組中選擇需要的尺寸，也可以在“詳細(xì)信息”選項(xiàng)組中自定義尺寸、單位和平臺(tái)類(lèi)型等，設(shè)置完成后，單擊“創(chuàng)建”按鈕，即可完成文件的新建。新建文件2.2.1新建文件

選擇“文件>新建”命令，彈出“新建文檔”對(duì)話(huà)框，要?jiǎng)?chuàng)建的文檔的類(lèi)型，在“預(yù)設(shè)”選項(xiàng)組中選擇需要的尺寸，也可以在“詳細(xì)信息”選項(xiàng)組中自定義尺寸、單位和平臺(tái)類(lèi)型等，設(shè)置完成后，單擊“創(chuàng)建”按鈕，即可完成文件的新建?！靶陆ㄎ臋n”對(duì)話(huà)框2.2.1新建文件

選擇“文件>保存”“文件>另存為”等命令可以將文件保存在磁盤(pán)上。當(dāng)設(shè)計(jì)好作品進(jìn)行第一次存儲(chǔ)時(shí)，選擇“文件>保存”命令，或按Ctrl+S組合鍵，將彈出“另存為”對(duì)話(huà)框。在對(duì)話(huà)框中，輸入文件名，選擇保存類(lèi)型，單擊“保存”按鈕，即可將動(dòng)畫(huà)文件保存。保存文件2.2.2保存文件

選擇“文件>打開(kāi)”命令，彈出“打開(kāi)”對(duì)話(huà)框，在對(duì)話(huà)框中搜索路徑和文件，確認(rèn)文件類(lèi)型和名稱(chēng)。然后單擊“打開(kāi)”按鈕，或直接雙擊文件，即可打開(kāi)所指定的動(dòng)畫(huà)文件。打開(kāi)文件2.2.3打開(kāi)文件

在Animate2020中，可以導(dǎo)入各種格式的矢量圖形、位圖以及視頻文件。矢量格式包括AI、EPS和PDF等。位圖格式包括JPG、GIF、PNG、BMP等。視頻格式包括F4V和FLV等。1．導(dǎo)入舞臺(tái)2．導(dǎo)入“庫(kù)”面板3．外部粘貼4．導(dǎo)入視頻2.2.4導(dǎo)入文件

2.3影片的測(cè)試與優(yōu)化影片測(cè)試窗口作品優(yōu)化選擇“控制>測(cè)試”命令，或按Ctrl+Enter組合鍵，打開(kāi)影片測(cè)試窗口。影片測(cè)試窗口2.3.1影片測(cè)試窗口

動(dòng)畫(huà)文件越大，在網(wǎng)絡(luò)上播放時(shí)加載的時(shí)間就越長(zhǎng)。雖然動(dòng)畫(huà)作品在發(fā)布時(shí)會(huì)自動(dòng)進(jìn)行一些優(yōu)化，但是還是要在制作動(dòng)畫(huà)時(shí)從整體上對(duì)動(dòng)畫(huà)進(jìn)行優(yōu)化，以減小文件量。2.3.2作品優(yōu)化

2.4影片的輸出與發(fā)布影片輸出設(shè)置影片輸出格式影片發(fā)布設(shè)置影片發(fā)布格式轉(zhuǎn)換為HTML5Canvas針對(duì)HTML5的發(fā)布選擇“文件>導(dǎo)出”命令，彈出的子菜單如圖?？梢赃x擇將文件導(dǎo)出為圖像、動(dòng)畫(huà)、視頻或影片。2.4.1影片輸出設(shè)置

影片輸出選項(xiàng)Animate2020可以輸出多種格式的動(dòng)畫(huà)或圖形文件，下面介紹常用的格式。1．SWF影片(*.swf)2．JPEG序列（*.jpg；*.jpeg）3．GIF序列（*.gif）4．PNG序列（*.png）2.4.2影片輸出格式

選擇“文件>發(fā)布”命令，在Animate文件所在的文件夾中生成與Animate文件同名的SWF文件和HTML文件。2.4.3影片發(fā)布設(shè)置

影片發(fā)布設(shè)置1．Flash(.swf)2．SWC3．HTML包裝器4．GIF圖像5．JPEG圖像6．PNG圖像7．OAM包8．SVG圖像9．SWF歸檔2.4.4影片發(fā)布格式

如果想要將Animate中制作的舊版動(dòng)畫(huà)轉(zhuǎn)換為HTML5動(dòng)畫(huà)，可以通過(guò)以下幾種方式進(jìn)行轉(zhuǎn)換。1．復(fù)制圖層2．使用菜單命令2.4.5轉(zhuǎn)換為HTML5Canvas