主講人：潘博電子與信息工程學院主講人：潘博課程目錄第一單元：課程概述第二單元：基本工具的使用第三單元：基本動畫制作第四單元：圖層的應用第五單元：聲音與視頻的應用第六單元：使用腳本語言制作交互動畫第七單元：動畫基礎知識與運動規律第八單元：發布與輸出第九單元：綜合項目制作課程目錄第一單元：課程概述第一單元：課程概述1.1課程分析與職業素質訓導1.2軟件初識與入門案例第一單元：課程概述1.1課程分析與職業素質訓導內容大綱課程分析動畫概念動畫制作軟件動畫應用領域動畫制作基本流程制作動畫要具備的能力動畫作品欣賞學習材料推薦與學習建議4內容大綱4一、課程分析課程在專業課程體系中的地位課程標準解讀授課計劃（56學時，每周4學時）考核標準（形成性考核、期末網絡考核、期末實務考核）紀律要求：上課不遲到早退，有事請假。上課不帶早餐進教室，不在教室內吃零食。上課不睡覺，不玩游戲，未經同意不上網。5一、課程分析5二、動畫概念動畫是通過連續播放一系列畫面，給視覺造成連續變化的圖畫。它的原理與電影、電視一樣，利用了人的“視覺暫留”效應。動畫形成的案例（視覺暫留效應用）：美贊臣奶粉廣告。廣義動畫：包括傳統動畫、UI動效、新媒體動畫、小游戲、動態廣告、網站動畫等形式狹義動畫：傳統的有故事情節的動畫片6二、動畫概念6三、典型二維動畫制作軟件傳統專業級：RETAS（如《海賊王》、《火影忍者》、《機器貓》）ANIMO，如《埃及王子》Softimage互聯網應用級：AdobeAnimateCC（Flash）HTML5+CSS+JavaScriptiH5、易企秀、兔展、MAKA等7三、典型二維動畫制作軟件7四、廣義動畫的應用領域新媒體頁面網絡或電視上的廣告動畫網絡或電視上的情節故事短片桌面端或移動端的小游戲電子賀卡或相冊輔助教學課件簡單網站移動端小應用程序開發UI動效8四、廣義動畫的應用領域8五、動畫制作的基本流程劇本（策劃）↓故事板（分鏡頭）↓場景設計↓角色設計↓動畫形成↓音響↓輸出9五、動畫制作的基本流程9六、制作二維動畫要具備的能力對事物的觀察能力軟件操作能力創意能力與表現能力大量動畫的閱讀經歷10六、制作二維動畫要具備的能力10七、動畫作品欣賞網上優秀Animate/Flash動畫Animate/Flash故事短片欣賞Animate/Flash新媒體動畫欣賞Animate/Flash交互動畫欣賞往屆學生優秀作品欣賞11七、動畫作品欣賞11八、學習材料推薦與學習建議1.學習材料推薦：Adobe官網/cn/support/animate.htmlCreatjs博客/wordpress/W3cschool/12八、學習材料推薦與學習建議12八、學習材料推薦與學習建議2.課程學習建議：多去欣賞并琢磨網上的優秀Animate和HTML5動畫去圖書館借一兩本實例型的Animate書籍多去相關的教程網站上學習多去模仿與練習，并嘗試創造13八、學習材料推薦與學習建議13第一單元：課程概述1.2軟件初識與入門案例第一單元：課程概述1.2軟件初識與入門案例內容大綱Animate的安裝Animate工作界面Animate文檔類型與文件操作Animate入門案例制作課后練習布置15內容大綱15一、Animate的安裝Animate軟件簡介Animate發展歷程Animate主要功能、特點Animate的安裝16一、Animate的安裝16二、Animate工作界面菜單欄文檔標簽舞臺（場景）時間軸工具欄面板組其它界面布局的設置與調整17二、Animate工作界面17三、Animate文檔類型與文件操作1.文檔類型HTML5CanvasWebGLActionScript3.0三種文檔類型在Animate中的操作方式基本一樣，源文件格式都為.fla格式，只是發布的文件類型不一樣。18三、Animate文檔類型與文件操作18三、Animate文檔類型與文件操作1.文檔類型HTML5CanvasHTML5Canvas是Animate新增的文檔類型，可以使用傳統的時間軸、工作區及工具來創建動畫內容，而生成的是HTML5輸出，以便跨平臺地發布動畫。Canvas是HTML5中的一個新元素，它提供了多個API，可以動態生成及渲染圖形、圖表、圖像及動畫。19三、Animate文檔類型與文件操作19三、Animate文檔類型與文件操作1.文檔類型WebGLWebGL是一個無需額外插件而可以在任何兼容瀏覽器中顯示圖形的開放Web標準。WebGL完全集成到所有允許使用GPU加速進行圖像處理的Web標準瀏覽器中，并作為Web頁面畫布的一部分發揮作用。WebGL元素可以嵌入其他HTML元素中并與頁面的其他部分實現合成。20三、Animate文檔類型與文件操作20三、Animate文檔類型與文件操作1.文檔類型ActionScript3.0Flash時代的主要文檔類型，可以生成集合圖像、文本、音視頻、動畫、交互功能于一體的swf文件，需要flashplayer插件播放，故在移動端已被棄用，PC端還可以使用。21三、Animate文檔類型與文件操作21三、Animate文檔類型與文件操作2.文件操作新建與打開文件保存文件源文件與發布文件的格式文檔類型的轉換22三、Animate文檔類型與文件操作22四、Animate入門案例制作新建文件，設置舞臺屬性導入背景圖像并設置繪制地面、山坡和云朵導入角色并制作其動畫制作角色和白朵的移動動畫導入聲音并添加聲效發布文件23四、Animate入門案例制作23五、課后練習參照案例效果，制作一個小球彈跳的動畫或卡通人物行走的動畫。24五、課后練習24主講人：潘博電子與信息工程學院主講人：潘博課程目錄第一單元：課程概述第二單元：基本工具的使用第三單元：基本動畫制作第四單元：圖層的應用第五單元：聲音與視頻的應用第六單元：使用腳本語言制作交互動畫第七單元：動畫基礎知識與運動規律第八單元：發布與輸出第九單元：綜合項目制作課程目錄第一單元：課程概述第一單元：課程概述1.1課程分析與職業素質訓導1.2軟件初識與入門案例第一單元：課程概述1.1課程分析與職業素質訓導內容大綱課程分析動畫概念動畫制作軟件動畫應用領域動畫制作基本流程制作動畫要具備的能力動畫作品欣賞學習材料推薦與學習建議28內容大綱4一、課程分析課程在專業課程體系中的地位課程標準解讀授課計劃（56學時，每周4學時）考核標準（形成性考核、期末網絡考核、期末實務考核）紀律要求：上課不遲到早退，有事請假。上課不帶早餐進教室，不在教室內吃零食。上課不睡覺，不玩游戲，未經同意不上網。29一、課程分析5二、動畫概念動畫是通過連續播放一系列畫面，給視覺造成連續變化的圖畫。它的原理與電影、電視一樣，利用了人的“視覺暫留”效應。動畫形成的案例（視覺暫留效應用）：美贊臣奶粉廣告。廣義動畫：包括傳統動畫、UI動效、新媒體動畫、小游戲、動態廣告、網站動畫等形式狹義動畫：傳統的有故事情節的動畫片30二、動畫概念6三、典型二維動畫制作軟件傳統專業級：RETAS（如《海賊王》、《火影忍者》、《機器貓》）ANIMO，如《埃及王子》Softimage互聯網應用級：AdobeAnimateCC（Flash）HTML5+CSS+JavaScriptiH5、易企秀、兔展、MAKA等31三、典型二維動畫制作軟件7四、廣義動畫的應用領域新媒體頁面網絡或電視上的廣告動畫網絡或電視上的情節故事短片桌面端或移動端的小游戲電子賀卡或相冊輔助教學課件簡單網站移動端小應用程序開發UI動效32四、廣義動畫的應用領域8五、動畫制作的基本流程劇本（策劃）↓故事板（分鏡頭）↓場景設計↓角色設計↓動畫形成↓音響↓輸出33五、動畫制作的基本流程9六、制作二維動畫要具備的能力對事物的觀察能力軟件操作能力創意能力與表現能力大量動畫的閱讀經歷34六、制作二維動畫要具備的能力10七、動畫作品欣賞網上優秀Animate/Flash動畫Animate/Flash故事短片欣賞Animate/Flash新媒體動畫欣賞Animate/Flash交互動畫欣賞往屆學生優秀作品欣賞35七、動畫作品欣賞11八、學習材料推薦與學習建議1.學習材料推薦：Adobe官網/cn/support/animate.htmlCreatjs博客/wordpress/W3cschool/36八、學習材料推薦與學習建議12八、學習材料推薦與學習建議2.課程學習建議：多去欣賞并琢磨網上的優秀Animate和HTML5動畫去圖書館借一兩本實例型的Animate書籍多去相關的教程網站上學習多去模仿與練習，并嘗試創造37八、學習材料推薦與學習建議13第一單元：課程概述1.2軟件初識與入門案例第一單元：課程概述1.2軟件初識與入門案例內容大綱Animate的安裝Animate工作界面Animate文檔類型與文件操作Animate入門案例制作課后練習布置39內容大綱15一、Animate的安裝Animate軟件簡介Animate發展歷程Animate主要功能、特點Animate的安裝40一、Animate的安裝16二、Animate工作界面菜單欄文檔標簽舞臺（場景）時間軸工具欄面板組其它界面布局的設置與調整41二、Animate工作界面17三、Animate文檔類型與文件操作1.文檔類型HTML5CanvasWebGLActionScript3.0三種文檔類型在Animate中的操作方式基本一樣，源文件格式都為.fla格式，只是發布的文件類型不一樣。42三、Animate文檔類型與文件操作18三、Animate文檔類型與文件操作1.文檔類型HTML5CanvasHTML5Canvas是Animate新增的文檔類型，可以使用傳統的時間軸、工作區及工具來創建動畫內容，而生成的是HTML5輸出，以便跨平臺地發布動畫。Canvas是HTML5中的一個新元素，它提供了多個API，可以動態生成及渲染圖形、圖表、圖像及動畫。43三、Animate文檔類型與文件操作19三、Animate文檔類型與文件操作1.文檔類型WebGLWebGL是一個無需額外插件而可以在任何兼容瀏覽器中顯示圖形的開放Web標準。WebGL完全集成到所有允許使用GPU加速進行圖像處理的Web標準瀏覽器中，并作為Web頁面畫布的一部分發揮作用。WebGL元素可以嵌入其他HTML元素中并與頁面的其他部分實現合成。44三、Animate文檔類型與文件操作20三、Animate文檔類型與文件操作1.文檔類型ActionScript3.0Flash時代的主要文檔類型，可以生成集合圖像、文本、音視頻、動畫、交互功能于一體的swf文件，需要flashplayer插件播放，故在移動端已被棄用，PC端還可以使