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

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

Animate2020的操作界面菜單欄工具箱“時間軸”面板場景和舞臺“屬性”面板浮動面板2.1

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

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

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

場景是所有動畫元素的最大活動空間。像多幕劇一樣，場景可以不止一個。要查看特定場景，可以選擇“視圖>轉(zhuǎn)到”命令，再從其子菜單中選擇場景的名稱。場景和舞臺2.1.4場景和舞臺

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

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

2.2

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

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

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

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

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

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

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

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

影片輸出選項Animate2020可以輸出多種格式的動畫或圖形文件，下面介紹常用的格式。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中制作的舊版動畫轉(zhuǎn)換為HTML5動畫，可以通過以下幾種方式進(jìn)行轉(zhuǎn)換。1．復(fù)制圖層2．使用菜單命令2.4.5轉(zhuǎn)換為HTML5Canvas