动画制作课程讲义ppt课件.ppt

《动画制作课程讲义ppt课件.ppt》由会员分享，可在线阅读，更多相关《动画制作课程讲义ppt课件.ppt（69页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、動畫製作課程講義動畫製作課程講義講師：廖述文Email：.tw聯絡電話：0923-328600部落格： Flash 的多媒體世界的多媒體世界網路作品欣賞想像無限延伸的FlashFlash與傳統網頁媒體的比較2在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确Flash Flash 的多媒體世界的多媒體世界無庸置疑Flash已經是目前網路動畫的標準式了，Flash Professional CS3 提供互動式網站、數位體驗和行動內容製作環境，為網頁設計者提供了另一種製作動態網頁的新選擇，它結合了音效、影像、動畫，具備了高品質、體積小、互動

2、性高的優點。有了 Flash Professional CS3，就可設計和製作多樣化的互動式內容，包括影片、圖片和動畫，以建立真正獨特、吸引人的網站、簡報或行動化內容。Flash Professional CS3 是主要的 Macromedia 產品，具備許多全新功能，其中包括：令人歎為觀止的繪圖特效、整合式與可獨立執行的視訊編碼功能，加上支援 alpha 透明模式、提供進階抗鋸齒控制功能的高品質轉換文字效果、改良的文字工具，以及全新的視訊外掛程式，可從專業視訊產品匯出 Flash Video(FLV)檔案。3 3在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由

3、浅入深，所提出的问题也很明确1-1.1-1.網路作品欣賞網路作品欣賞以下我們先來欣賞一些網路上的Flash動畫作品4 4在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确1-2.1-2.想像無限延伸的想像無限延伸的Flash Flash 360度環景視訊控制產品簡報賀卡測驗遊戲螢幕保護名片CDCD Title5 5在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确1-3.Flash1-3.Flash與傳統網頁媒體的比較與傳統網頁媒體的比較向量式繪圖軟體向量式繪圖軟體Flash 是

4、屬於向量式的繪圖軟體，由 Flash 繪製輸出的畫面具有高畫質且檔案小的優點，其繪圖工具操作簡易，因此，它雖沒有一般向量式繪圖軟體複雜的工具指令，卻也能作出許多特殊效果。普及性高普及性高目前幾乎所有的電腦都可以直接透過瀏灠器看到Flash動畫，目前微軟作業系統裡預設已安裝了Flash Player，只要我們一打開IE就能播放Flash動畫；FireFox則需要額外安裝Flash Player。影音整合影音整合Flash 可以匯入視訊、音效檔，為整個電影加上影片、背景音樂及特殊音效，為了因應網路傳輸下載的需要，Flash 可壓縮音效輸出電影，使檔案體積變小。6 6在整堂课的教学中，刘教师总是让学

5、生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确1-3.Flash1-3.Flash與傳統網頁媒體的比較與傳統網頁媒體的比較可匯入、匯出多種檔案格式可匯入、匯出多種檔案格式可輸入音效檔(wav)(mp3)、及點陣、向量格式的圖形檔，如：wmf、ai、eps、dxf、bmp、jpg、png、gif 等多種圖檔、及數位影片格式，如mepg、mov、avi、flv；亦可輸出電影、音效、及各種格式的圖檔。多種互動性的指令多種互動性的指令(Actions(Actions指令指令)Flash 不用寫複雜的程式語言，可以用 Actions 中的各種互動性指令來設定、編輯動畫。此外

6、，其強大的Action Script也可透過自訂方式設計更複雜的程式內容。Streaming Streaming 串流播放技術串流播放技術 所謂的Streaming串流播放技術就是網頁一邊下載就馬上一邊播放的效果，不像傳統網頁必須長時間等待下載才能看到內容。7 7在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确1-3.Flash1-3.Flash與傳統網頁媒體的比較與傳統網頁媒體的比較動畫檔案體積小動畫檔案體積小網頁常用的 GIF 動畫，是利用 Frame By Frame 的原理，即一個影格放置一張圖，一段小小的動畫可能就需要多張相

7、同大小的圖組合而成。而 Flash 是利用 Tweening 漸變的原理，模擬出物件移動變形的動畫，不需要像 GIF 一樣要放置很多張圖，因此同樣內容的 Flash 動畫檔和 GIF 動畫檔比較起來，前者檔案體積小很多，而且 Flash 的動畫還可以匯入音效，比起 GIF 動畫，效果更炫。可模擬網頁動畫下載的情況可模擬網頁動畫下載的情況Flash 提供電影的網路測試環境，讓使用者可以模擬網路上電影的下載播放情形，可得知電影檔案是否過大，來作為修改及是否要加入下載等待畫面的參考指標。應用層面廣應用層面廣Flash動畫除了可以製作動畫之外，透過Action Script還可以開發Flash Gam

8、e、CD Title、簡報、行動內容；整合網路資料庫可以做成Flash留言版、Flash聊天室；加上外掛程式就可以做成螢幕保護程式.等。8 8Flash Flash 動畫首部曲動畫首部曲動畫原理SWISHmax介紹SWISHmax內建罐頭特效製作SWISHmax路徑動畫製作SWISHmax日月潭花火節廣告製作SWISHmax聲音的匯入與使用SWISHmax精靈角色概念與製作SWISHmax Action動作指令的使用Flash軟體介面介紹Flash繪圖工具特性及使用Alpha Channel影像的匯入與使用Frame by Frame 的動畫製作移動漸變的原理移動漸變的製作形狀漸變的原理形狀漸

9、變的製作9在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-1.2-1.動畫原理動畫原理 影格 Frame播放速率 FPS(Frame per Second)關鍵影格 KeyFrame1010在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-2.SWISHmax2-2.SWISHmax介紹介紹SWiSHmaxSWiSHmax 是SWiSHzone 公司功能最強的Flash 快速設計工具，具有230超強特效，SWiSHscriptSWiSHscript 提供先進的腳本功能，

10、可輕鬆完成動作設定，完全相容Flash的載入與輸出，SWiSHmax 可讓您快速製作Flash 動畫與選單、按鈕、展示及簡報。圖層圖層效果、腳本區效果、腳本區時間軸時間軸屬性標籤區屬性標籤區1111在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-3.SWISHmax2-3.SWISHmax內建罐頭特效製作內建罐頭特效製作(一一)230 種內建特效，可讓文字、影像、圖形及音效快速及簡易地產生動畫學習重點：學習重點：決定影片大小與背景顏色文字設定加入與編輯效果認識按鈕事件類型設定播放與停止的腳本1212在整堂课的教学中，刘教师总是让学

11、生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-3.SWISHmax2-3.SWISHmax內建罐頭特效製作內建罐頭特效製作(二二)E 媽咪數位學習活動學習重點：學習重點：JPG影像檔案加入淡入、淡出效果套用移動、放置效果套用物件複製場景超連結設定1313在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-4.SWISHmax2-4.SWISHmax內建罐頭特效製作內建罐頭特效製作(三三)攝影比賽學習重點：學習重點：用PhotoImpact擷取影像PNG透明影像檔案匯入物件時間差動畫概念比例波浪發射效果

12、套用脈衝效果套用1414在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-5.2-5.日月潭花火節廣告製作日月潭花火節廣告製作 日月潭花火節廣告製作 學習重點：學習重點：PhotoImpact影像裁切淡入、淡出效果套用直線繪製與透明度設定滑動效果套用比例字母套用子彈-向內波紋效果套用場景超連結設定1515在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-6.SWISHmax2-6.SWISHmax路徑動畫製作路徑動畫製作 寫字動畫學習重點：學習重點：變形工具的應用PNG透

13、明影像檔案匯入打字效果套用以插入關鍵影格方式製作動畫(亦可使用 動作路徑 工具)1616在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-7.SWISHmax2-7.SWISHmax精靈角色概念與製作精靈角色概念與製作遮罩動畫學習重點：學習重點：曲線工具的應用將兩個以上物件群組合為精靈精靈中的遮罩設定遮罩內的動畫製作1717在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-8.SWISHmax2-8.SWISHmax聲音的匯入與使用聲音的匯入與使用音效資源網站學習重點：學

14、習重點：以音軌方式匯入音樂以Action在影格上播放音樂音效效果設定循環次數按鈕上的音效設定1818在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-9.SWISHmax Action2-9.SWISHmax Action動作指令的使用動作指令的使用Loading動畫學習重點：學習重點：插入場景調整場景順序設定條件式ActiononFrame(1)if(sceneFrameLoaded(Scene_1,1)gotoSceneAndPlay(Scene_1,1);onFrame(12)gotoSceneAndPlay(,1);1919

15、在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-10.Flash CS3 2-10.Flash CS3 介面介紹介面介紹Flash CS3 介面介紹屬性面板屬性面板工具箱工具箱時間軸時間軸元件庫元件庫舞台舞台圖層圖層2020在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-11.Flash2-11.Flash繪圖工具特性及使用繪圖工具特性及使用(一一)選取工具 選取細部工具 線段工具 楕圓形工具 認識物件繪製模式2121在整堂课的教学中，刘教师总是让学生带着问题来学习，

16、而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-11.Flash2-11.Flash繪圖工具特性及使用繪圖工具特性及使用(二二)鋼筆工具(配合 Alt 鍵可決定轉角類型或增減節點)選取細部工具(配合 Alt 鍵可控制單邊折角)鉛筆工具 墨水瓶工具 油漆桶工具 漸層設定與保存2222在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-12.Frame by Frame 2-12.Frame by Frame 的動畫製作的動畫製作(一一)人物動畫符號字型資源http:/www.freegroup.org/category/f

17、ree-font/http:/www.freegroup.org/category/free-font/在Google搜尋關鍵字免費字型、符號字型學習重點：學習重點：Swifty符號字型的使用Onion Skin描圖紙的使用影格速率設定投影濾鏡的使用(僅能用於文字、影片片段、按鈕上)2323在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-12.Frame by Frame 2-12.Frame by Frame 的動畫製作的動畫製作(二二)寫字動畫學習重點：學習重點：寫字筆劃順序導引線圖層的使用Onion Skin描圖紙的使用24

18、24在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-13.2-13.移動補間動畫原理移動補間動畫原理Tweening補間動畫是由Flash自動產生兩個關鍵影格間的動畫移動補間動畫在製作時有以下幾點注意事項：移動補間動畫在製作時有以下幾點注意事項：1.最少需要二個關鍵影格2.關鍵影格內必需為群組或元件，且關鍵影格內只可有一個群組或元件3.二個關鍵影格必須是同一個群組或元件4.一個圖層只做一個物件的動畫，若需多個動畫時，則在不同圖層中分別完成5.只能編輯關鍵影格，由Flash自動產生的一般影格並無法編輯6.設定移動補間動畫後，動畫影格

19、會以藍紫色表示移動補間動畫可製作動畫方式：移動補間動畫可製作動畫方式：1.Position位置移動2.Rotation旋轉3.Scale縮放4.Alpha透明度(必須是元件)2525在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-14.2-14.移動補間動畫製作移動補間動畫製作(一一)螃蟹移動學習重點：學習重點：移動補間動畫的設定轉換為元件的方法進階加減速的設定影格複製與貼上元件的Alpha屬性設定2626在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-14.2-14

20、.移動補間動畫製作移動補間動畫製作(二二)開場動畫學習重點：學習重點：移動補間動畫的設定進階加減速的設定空白關鍵影格的使用元件的Alpha屬性設定2727在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-14.2-14.移動補間動畫製作移動補間動畫製作(三三)夜景動畫學習重點：學習重點：移動補間動畫的設定進階加減速的設定空白關鍵影格的使用元件的Alpha屬性設定聲音的匯入與使用聲音同步設定2828在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-15.Motion Gui

21、de2-15.Motion Guide導線動畫導線動畫經由路徑的指定，讓元件或群組物件沿著該路徑移動，以創造出較複雜的動畫。導線動畫在製作時有以下幾點注意事項：導線動畫在製作時有以下幾點注意事項：1.二個關鍵影格必須是同一個群組或元件2.導線必須是連續的線段，且必須有起始點與結束點3.Tweening漸變方式必須使用移動補間動畫4.必須將工具列上的 貼齊物件鈕按下5.群組或元件必須將中心點貼附在導引線上，才能沿導線移動6.製作導引線圖層完成後，建議將它鎖定，避免動到路徑導引線圖層中只可為線條形狀，不可以是群組或元件被導引圖層的圖層圖示會向內縮，代表被導引2929在整堂课的教学中，刘教师总是让学

22、生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-16.Motion Guide2-16.Motion Guide導線動畫製作導線動畫製作(一一)飛機學習重點：學習重點：移動補間動畫的設定進階加減速的設定空白關鍵影格的使用元件的Alpha屬性設定聲音的匯入與使用聲音同步設定3030在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-16.Motion Guide2-16.Motion Guide導線動畫製作導線動畫製作(二二)果凍動畫學習重點：學習重點：移動補間動畫的設定進階加減速的設定空白關鍵影格的使用

23、聲音的匯入與使用3131在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-16.Motion Guide2-16.Motion Guide導線動畫製作導線動畫製作(三三)飛機繞圓學習重點：學習重點：移動補間動畫的設定圓形路徑的起點與終點沿向路徑的設定圖層順序的調整3232在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-16.Motion Guide2-16.Motion Guide導線動畫製作導線動畫製作(四四)魚兒水中游學習重點：學習重點：移動補間動畫的設定3333在

24、整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-17.2-17.形狀補間動畫原理形狀補間動畫原理Tweening補間動畫是由Flash自動產生兩個關鍵影格間的動畫形狀補間動畫在製作時有以下幾點注意事項：形狀補間動畫在製作時有以下幾點注意事項：1.最少需要二個關鍵影格2.關鍵影格中一定要是形狀，不可為群組或元件3.一個圖層只做一個物件的動畫，若需多個動畫時，則在不同圖層中分別完成4.只能編輯關鍵影格，由Flash自動產生的一般影格並無法編輯5.設定形狀補間動畫後，動畫影格會以綠色表示形狀補間動畫可製作動畫方式：形狀補間動畫可製作動畫方

25、式：1.Position位置移動2.Rotation旋轉3.Scale縮放4.顏色變化動畫5.形狀改變動畫(可設定Hint形狀提示點做指定位置的形狀變化)3434在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-18.2-18.形狀補間動畫製作形狀補間動畫製作(一一)形狀變化學習重點：學習重點：形狀補間動畫的設定3535在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-18.2-18.形狀補間動畫製作形狀補間動畫製作(二二)白天與黑夜學習重點：學習重點：形狀補間動畫的設定

26、旋轉圈數設定形狀補間動畫的設定3636在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-19.Mask2-19.Mask遮色片動畫遮色片動畫使用遮色片圖層可以很方便地選擇性顯示該圖層或其下方圖層的某些部分 遮色片動畫在製作時有以下幾點注意事項：遮色片動畫在製作時有以下幾點注意事項：1.必須用一個圖層作為遮色片圖層，然後讓它下方的圖層成為被遮色的圖層。2.遮色片可以是形狀、文字、群組或元件，但是不能使用線條或外框筆畫。3.若使用形狀做為遮色片，可以同時加入多個形狀4.若使用群組、元件做為遮色片，影格中只能有一個群組或元件5.遮色片圖層

27、或被遮圖層的物件都可以是動畫3737在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-20.Mask2-20.Mask遮色片動畫製作遮色片動畫製作(一一)哈姆太郎學習重點：學習重點：遮色片的設定真假遮色片概念3838在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-2-.Mask.Mask遮色片動畫製作遮色片動畫製作(二二)Spotlight聚光燈學習重點：學習重點：遮色片的設定真假遮色片概念3939在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的

28、梯度，由浅入深，所提出的问题也很明确2-20.Mask2-20.Mask遮色片動畫製作遮色片動畫製作(三三)建築輪廓炫光學習重點：學習重點：用鋼筆工具繪製建築輪廓如何將線段轉換成填色炫光漸層與動畫設定4040在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确2-20.Mask2-20.Mask遮色片動畫製作遮色片動畫製作(四四)汽車炫光學習重點：學習重點：使用筆刷工具繪製炫光線條炫光漸層與動畫設定遮色片設定4141Flash Flash 動畫二部曲動畫二部曲Symbol元件角色概念Graphic圖像、Button按鈕與Movie Cli

29、p影片片段應用Library元件庫面板的操作42在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-1.Symbol3-1.Symbol元件概念元件概念(一一)Symbol元件共同特性可在元件庫中顯示，並可重複使用，不會增加檔案大小在屬性面板有顏色屬性，可設定Alpha、亮度等元件擁有自己獨立的時間軸，就像主時間軸一樣變更元件內容時，動畫內所使用的實體Instance將一併改變各個元件間可各自再組合成新的元件，如同積木般可任意組合ps.按鈕內不可包含另一按鈕使用元件可加快SWF播放速度，因為元件只需下載到 Flash Player 一

30、次在製作或執行階段，可以將元件當作共享元件庫資源，在文件之間共享 4343在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-1.Symbol3-1.Symbol元件概念元件概念(二二)Symbol元件主要分為圖像、影片片段與按鈕三種類型：GraphicGraphic圖像圖像若是要當作靜態影像使用，或是要建立與主時間軸相結合、並可重複使用的動畫片段時，請使用圖像元件。圖像元件會與主時間軸同步運作，即主時間軸停止，圖像元件也會停止。互動式控制項及聲音無法在圖像元件的連續動畫中作用。Movie ClipMovie Clip影片片段影片片段

31、若要建立可重複使用的動畫片段，請使用影片片段元件。影片片段有自己的多影格時間軸，且獨立於主時間軸之外，即主時間軸停止，影片片段元件會繼續動作，不受主時間軸影響。可以包含互動式控制項、聲音、甚至是其它影片片段實體。您也可以將影片片段實體放在按鈕元件的時間軸中，以建立動畫按鈕。ButtonButton按鈕按鈕使用按鈕元件可以建立對按下滑鼠鈕、滑鼠滑過或其它動作產生回應的互動式按鈕。4444在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-1.Symbol3-1.Symbol元件概念元件概念(三三)圖像與影片片段的差異4545在整堂课的教

32、学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(一一)毛毛蟲動畫製作學習重點：學習重點：毛毛蟲運動影片片段製作毛毛蟲移動漸變製作投影濾鏡的使用Alpha透明度動畫製作4646在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(二二)火焰動畫製作學習重點：學習重點：Gif動畫匯入Library元件庫的管理火焰影片片段製作鏤空字效果遮色片的使用4747在整堂课的教学

33、中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(三三)聖誕卡製作學習重點：學習重點：雪的漸層顏色設定下雪導引線動畫時間差的下雪效果背景音樂的使用4848在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(四四)蝴蝶飛舞學習重點：學習重點：Illustrator向量檔案匯入蝴蝶翅膀動畫影片片段製作蝴蝶飛舞導引線動畫製作4949在整堂课的教学中，刘教师总是让学生带着问

34、题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(五五)北海道單車之旅學習重點：學習重點：Swish 與 Flash 檔案整合Library 元件庫的操作5050在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(六六)生日卡與道歉卡學習重點：學習重點：按鈕製作元件的顏色屬性設定行為指令的使用信封翻起移動動畫設計信封取出遮色片設計5151在整堂课的教学中，刘教师总是让学生带着问题来学习，而问

35、题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(七七)芝麻開門學習重點：學習重點：按鈕的製作行為指令的使用按鈕與影格的行為設定Action Script 面板操作Action Script 事件類型介紹5252在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(八八)BMW Show學習重點：學習重點：影像淡入動畫製作行為指令的使用按鈕與影格的行為設定5353在整堂课的教学中，刘教师总是让学生带着问题来

36、学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确3-2.3-2.圖像、按鈕與影片片段應用圖像、按鈕與影片片段應用(九九)生活香草園學習重點：學習重點：PNG影像匯入文字繞圓中心點移動動畫動畫陰影的製作技巧自由變形工具的應用按鈕超連結列印與加入我的最愛語法設定5454Flash Flash 動畫三部曲動畫三部曲ActionScript 的概念ActionScript：影片片段控制ActionScript：聲音的控制ActionScript：動畫載入進度ActionScript：載入文字檔ActionScript：載入JPG、GIFActionScript：載入MP3與聲音控制55

37、在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-1.ActionScript 4-1.ActionScript 的概念的概念(一一)ActionScript介紹ActionScript 是用來增加 Flash 應用程式互動性的語言，不論您的應用程式是簡單的動畫 SWF 檔，還是複雜多樣的網際網路應用程式都可使用使用 Flash 時不一定需要使用 ActionScript，但是如果您想要提供基本或複雜的使用者互動功能、使用 Flash 內建物件以外的物件(如按鈕與影片片段)，您可能就需要使用 ActionScript。ActionS

38、cript 和 JavaScript 語言的主要部分十分類似。學習 ActionScript 之前，即使沒有學過 JavaScript 也無妨；然而，若您已經學會了 JavaScript，則 ActionScript 將令您感到十分熟悉。ActionScript 程式碼要區分大小寫(與JavaScript相同)。這表示只要在大小寫上稍有不同，變數即視為互不相同。為方便學習與使用ActionScript，Flash 內有三種方式可加入行為指令Script助理專家模式5656在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-2.Acti

39、onScript 4-2.ActionScript 的概念的概念(二二)哪些位置可加入ActionScript？FrameFrame影格影格 (使用ActionScript 3.0版本只能加在影格上)例如在影格1要讓動畫停止：/停止動畫，停止動畫，stop()stop()為內建函數，所以要加上為內建函數，所以要加上()()stop();stop();5757在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-2.ActionScript 4-2.ActionScript 的概念的概念(二二)ButtonButton按鈕按鈕例如在按下按

40、鈕後要前往影格2播放動畫：/Release/Release 是與滑鼠互動的事件類型，是與滑鼠互動的事件類型，gotoAndPlay()gotoAndPlay()函數請注意大小寫的規則函數請注意大小寫的規則/若函數或指令只有一個單字時，都是以小寫表示，若函數或指令只有一個單字時，都是以小寫表示，/若由複合字組成的，則從第二個單字起首字大寫表示。若由複合字組成的，則從第二個單字起首字大寫表示。On(Release)On(Release)gotoAndPlay(2);gotoAndPlay(2);也可在影格上使用以下語法：按鈕實體名稱.onRelease=functon()_x=_x +5;5858

41、在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-2.ActionScript 4-2.ActionScript 的概念的概念(二二)MovieClipMovieClip影片片段影片片段例如在此影片片段載入時，隨機決定位置、縮放與透明度，並前往隨機影格：/load/load 是與影片片段的事件類型是與影片片段的事件類型onClipEvent(load)onClipEvent(load)_x=Math.floor(Math.random()*550);_x=Math.floor(Math.random()*550);_y=Math.f

42、loor(Math.random()*40)+400;_y=Math.floor(Math.random()*40)+400;_xscale=Math.floor(Math.random()*40)+60;_xscale=Math.floor(Math.random()*40)+60;_yscale=Math.floor(Math.random()*60)+40;_yscale=Math.floor(Math.random()*60)+40;/_alpha=Math.floor(Math.random()*50)+50;/_alpha=Math.floor(Math.random()*50)+

43、50;a=Math.floor(Math.random()*18)+1;a=Math.floor(Math.random()*18)+1;this.gotoAndPlay(a);this.gotoAndPlay(a);也可在影格上使用以下語法：影片片段實體名稱.onload=functon()_x=_x +5;5959在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-3.4-3.影片片段的控制影片片段的控制(一一)魚兒水中游學習重點：學習重點：影片片段的Instance實體名稱With 語法控制影片片段影片片段的轉換效果設定6060

44、在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-3.4-3.影片片段的控制影片片段的控制(二二)X、Y位置控制學習重點：學習重點：_x：X位置_x+=10;物件向右移10px_x-=10;物件向左移10px_y：Y位置_y+=10;物件向下移10px_y-=10;物件向上移10pxonClipEvent(enterFrame)事件的使用6161在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-3.4-3.影片片段的控制影片片段的控制(三三)X、Y縮放與透明度控制學習重點

45、：學習重點：_xscale：水平縮放 _xscale=50;水平縮放50%_yscale：垂直縮放 _yscale=50;垂直縮放50%_alpha：透明度 _alpha=50;透明度50%Math.random()：隨機常數Math.random()x20;從0-19隨機取一數值6262在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-3.4-3.影片片段的控制影片片段的控制(四四)場景篇-草原學習重點：學習重點：影片片段的Instance實體名稱For 語法duplicateMovieClip影片片段複製語法onClipEven

46、t(load)事件的使用影片片段屬性設定6363在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-3.4-3.影片片段的控制影片片段的控制(五五)直升機學習重點：學習重點：For 語法duplicateMovieClip影片片段複製語法onClipEvent(load)事件的使用onClipEvent(enterFrame)事件的使用影片片段屬性設定6464在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-3.4-3.聲音的控制聲音的控制(一一)聲音雙向開關學習重點：學習

47、重點：Swish 與 Flash 檔案整合Library 元件庫的操作6565在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-3.4-3.聲音的控制聲音的控制(二二)聲音 ActionScript 語法控制學習重點：學習重點：元件庫中聲音識別名稱設定聲音物件宣告與連結s=new Sound;s.attachSound(“ID);聲音的播放與停止6666在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-4.Loading4-4.Loading動畫載入進度動畫載入進度if(

48、_framesloaded _totalframes)_root.percent=Math.round(_root.getBytesLoaded()/_root.getBytesTotal()*100)+%;loadedkb=Math.round(_root.getBytesLoaded()/1000)+KB;totalkb=Math.round(_root.getBytesTotal()/1000)+KB;_root.bar._width=Math.round(_root.getBytesLoaded()/_root.getBytesTotal()*100);else gotoAndPlay

49、(主選單,1);6767在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-5.4-5.載入外部載入外部JPGJPG生活香草園學習重點：學習重點：loadMovie(“jpg檔案”,“取代對象);6868在整堂课的教学中，刘教师总是让学生带着问题来学习，而问题的设置具有一定的梯度，由浅入深，所提出的问题也很明确4-6.4-6.載入外部載入外部 MP3 MP3心情點播學習重點：學習重點：mp3file=new Sound();mp3file.stop();mp3file.loadSound(songbird.mp3,true);6969