Animate核心應用案例教程課件

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

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

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

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

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

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

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

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

2.2

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

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

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

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

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

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

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

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

影片輸出選項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ā)布設置

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

如果想要將Animate中制作的舊版動畫轉換為HTML5動畫，可以通過以下幾種方式進行轉換。1．復制圖層2．使用菜單命令2.4.5轉換為HTML5Canvas