Flash動畫教案

1、Flash動畫制作課程教案任課教師：張靈剛?cè)握n班級：13計算機一班13計算機二班第1周 Flash概述課程內(nèi)容模塊1 初識Flash教案序號1教學時間第 1 周計劃課時 2 課時+實訓2課時教學目標1、確定課程目標、講述學習內(nèi)容、教給學習方法。2、熟悉Flash cs3的界面。3、熟悉FLASH的工作環(huán)境, 3、熟悉Flash動畫的制作原理教學重點培養(yǎng)他們對于本課程以及本專業(yè)的熱愛；了解什么是flash，熟悉flash工作界面。教學難點掌握動畫原理以及Flash動畫的制作原理。教學方法講授演示法，任務(wù)驅(qū)動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材

2、、ppt等。教學過程備注導入：教師給學生演示經(jīng)典動畫和教材中部分的案例動畫由此引入課題。講述新課（講授法、PPT演示）一、Flash課程介紹1、課程性質(zhì)2、課程目標和課程內(nèi)容3、考核方法平時成績 20%+作業(yè)成績10%+實訓成績20%+期末測試50%4、學習方法（1）小組學習法（2）任務(wù)驅(qū)動法（3）互幫互補法（4）課堂勤記筆記、勤操作（5）課外勤練習、勤看書1.1 初識Flash1什么是Flash2Flash的歷史與發(fā)展3Flash的特點1.2 Flash應(yīng)用領(lǐng)域1.3 Flash動畫原理1動畫原理2Flash動畫制作原理1.4 Flash工作環(huán)境1、舞臺就是工作區(qū)，最主要的可編輯區(qū)域。在這里

3、可以直接繪圖，或者導入外部圖形文件進行安排編輯，再把各個獨立的幀合成在一起，以生成電影作品。2、時間軸窗口 用它可以調(diào)整電影的播放速度，并把不同的圖形作品放在不同圖層的相應(yīng)幀里，以安排電影內(nèi)容播放的順序。3、繪圖工具欄 放置了可供圖形和文本編輯的各種工具，用這些工具可以繪圖，選取，噴涂，修改以及編排文字，還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時，其所對應(yīng)的修改器(Modifier)也會在工具條下面的位置出現(xiàn)，修改器的作用是改變相應(yīng)工具對圖形處理的效果。4、標準工具欄 列出了大部分最常用的文件操作，打印，剪貼板，撤消和重做，修改器以及控制舞臺放大比例的圖標和選項，便于進行更為快捷的

4、操作。5、圖庫窗口 用以存放可以重復(fù)使用的稱為符號的元素。符號的類型包括有圖片(Graphics)，按鈕(Button)和電影片斷(Movie Clip)。其調(diào)用的快捷鍵為Ctrl-L。6、控制器面板 控制電影的播放操作的工具集合，一般不大常用，處于隱藏狀態(tài)。例1：使用工具制作一個“笑臉”或“哭臉”思考:如何讓“哭臉”變成“笑臉”？引入層的概念，將“嘴”放在新建的圖層上引入簡單動畫制作步驟： a、繪制動作的開始狀態(tài)與結(jié)束狀態(tài)，即繪制兩個關(guān)鍵幀，并注意兩個關(guān)鍵幀在時間線上的位置。 b、選擇所有幀，創(chuàng)建動畫。例2：小球的直線運動。步驟1：在舞臺上畫出小球。步驟2：在第20 幀上插入關(guān)鍵幀。步驟3：

5、移動小球，使其開始位置與結(jié)束位置不同。步驟4：選擇所有幀，創(chuàng)建形狀漸變動畫。例3：小球沿規(guī)定的軌跡運行。步驟5：在前一個動畫的基礎(chǔ)上添加引導層步驟6：在引導層上用鉛筆工具畫曲線。步驟7：移動小球，使其開始位置和結(jié)束位置分別位于曲線的首尾。1.5 動畫的保存與發(fā)布：1、保存動畫：依次點擊“文件”菜單-“保存”輸入文件名，即可當前正在制作的影片保存到磁盤上。注意保存的是Flash的源文件，其擴展名為.fla 。2、動畫的發(fā)布： 依次點擊“文件”菜單“發(fā)布設(shè)置”“發(fā)布”即可。注意發(fā)布后的文件擴展名為名為.swf ，發(fā)布后的文件可用IE等打開。1.6設(shè)置工作參數(shù)1、常規(guī)2、繪畫選項卡3、設(shè)置標尺和網(wǎng)格

6、4、設(shè)置影片屬性首先向?qū)W生作自我介紹，然后介紹Flash課程性質(zhì)、目標、考核方法以及學習方法。結(jié)合生活，提示學生從生活，學習，娛樂的三個方面羅列flash的應(yīng)用。講述層的概述時，可結(jié)合前期學習過的Photoshop中層的概念，這樣學生頭腦中就有了印象。請學生注意動畫制作的過程，并能自己制作上述兩個動畫。注意flash的兩種不同格式的文件，源文件和播放文件分別的打開方式學生練習老師繪畫選項卡、標尺、網(wǎng)格，教師輔導。課堂小結(jié)通過本單元的學習，使學生能了解Flash 的工作環(huán)境，掌握基本的操作，了解簡單動畫的制作過程等，為以后的學習打下一定的基礎(chǔ)。作 業(yè)實訓一：簡單動畫的制作教學反思第 周 繪圖基礎(chǔ)

7、教學時間第 周計劃課時 3課時+實訓3課時序號課程內(nèi)容模塊2：繪圖工具教學目標掌握繪圖基礎(chǔ)知識；掌握選擇工具的使用；掌握線條工具、橢圓工具、矩形工具和刷子工具的使用；掌握圖形修飾工具和查看工具的使用教學重點繪圖工具的使用和圖形修飾工具的使用教學難點選擇工具的使用教學方法講授演示法，任務(wù)驅(qū)動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注復(fù)習鞏固打開實例ceng,復(fù)習鞏固FLASH中最基本的概念:層通過提問的方式復(fù)習文檔屬性的修改方法導入新課打開繪制好的flash的圖像，讓學生欣賞，說明Flash 有一個功能強大的繪圖工具，可以繪

8、制出完美的圖形。它使用靈活、簡單易用，在大多數(shù)情況下都可以滿足使用者的要求。講授新課（邊操作邊演示邊講解）補充知識：、矢量圖形和位圖圖像、線條和填充圖形、繪制模式（）合并繪制模式當你所繪制的線條穿過別的線條或圖形時，它會象刀一樣把其他的線條或圖形切割成不同的部分。同時，線條本身也會被其他線條和圖形分成若干部分。（）對象繪制模式注意：選擇用【對象繪制】模式創(chuàng)建的圖形時，F(xiàn)lash會在圖形上添加矩形邊框。使用【選擇】工具 移動對象，只需單擊邊框然后拖曳圖形到舞臺上的任意位置即2.1 選擇工具、選擇工具主要功能是選擇對象，對對象進行變形等。對象被選中后，選中部分會填充小的亮點?；静僮饔校哼x取單一對

9、象；選取多個對象；選取填充區(qū)和輪廓錢；選取連續(xù)線條；選取對象的某一區(qū)域；取消選擇對象；移動對象；修改形狀2、部分選取工具主要用于調(diào)整線條上的節(jié)點，改變線條的形狀。部分選取工具沒有選項。基本操作有：刪除節(jié)點；移動節(jié)點；角點轉(zhuǎn)換為曲線點；調(diào)節(jié)曲率3、套索工具主要作用也是選擇物體。與選擇工具不同的是，套索工具可以用來選取任何形狀范圍的對象，而選擇工具只能拖出矩形的選取范圍，因此它的功能更強一些。2.2繪圖圖形工具1、線條工具線條工具的使用方法就是在舞臺中確認一個起點后按下鼠標，然后拖動鼠標到結(jié)束點松開鼠標就可以了。2、鋼筆工具鋼筆工具的主要功能有畫直線、畫曲線、曲線點轉(zhuǎn)換為角點、添加節(jié)點、刪除節(jié)點。

10、3、鉛筆工具鉛筆工具的選項欄中除“對象繪制”按鈕外還有一個“鉛筆模式”按鈕，單擊此按鈕彈出三種繪圖模式：伸直、平滑、墨水。4、橢圓工具所畫出的橢圓分為兩部分：輪廓線與填充色塊。通過設(shè)置筆觸顏色和填充色，能畫出實心橢圓，空心橢圓和實心無邊框橢圓。橢圓工具選項欄中只有“對象繪制”和“貼緊至對象”兩個按鈕。5、矩形工具矩形工具是一個工具組，包括矩形工具和多角星形工具，通過單擊右下角的黑色三角進行切換。矩形工具與橢圓工具用法相似，注意矩形圓角的設(shè)置。使用多角星形工具可以繪制出不少于三個邊的等邊多邊形。注意選項的設(shè)置6、刷子工具刷子工具就像畫刷一樣可以在舞臺中繪制不同顏色的圖形，也可以為各刷子工具的選項

11、欄有五個選項：“對象繪制”種圖形對象著色。刷子的顏色由填充色設(shè)置。、“刷子模式”、“刷子大小”、“刷子形狀”和“鎖定填充”。7、橡皮擦工具橡皮擦工具就像日常生活中使用的橡皮擦一樣，用來擦除圖形的線條和填充區(qū)。橡皮擦工具的選項欄有三個選項：“橡皮擦模式”，“橡皮擦形狀”和“水龍頭”2.3 修飾圖形工具1、墨水瓶工具墨水瓶工具用于更改線條的顏色、線寬和樣式等屬性，線條的顏色可以使用純色、漸變色以及位圖圖像，2、顏料桶工具與墨水瓶工具相對應(yīng)，顏料桶工具的功能是更改填充區(qū)域的顏色。它可以填充封閉區(qū)域或不完全封閉區(qū)域，填充時可以使用純色、漸變色以及位圖圖像。3、吸管工具吸管工具用于拾取填充或線條的顏色值

12、，選擇吸管工具后，鼠標圖標變成一個吸管，用吸管單擊對象的任意位置，可獲得此位置的顏色值及其它屬性。4、任意變形工具使用任意變形工具可以對圖形做出各種各樣的變形，制作各種Flash特效。選擇任意變形工具后，在選項欄中有四個選項按鈕自動變形工具一共可以做出五種變形處理：旋轉(zhuǎn)、傾斜、縮放、扭曲和封套。其中旋轉(zhuǎn)、傾斜、縮放對所有的對象都有效，而扭曲和封套只對形狀對象有效，對組對象、符號和位圖都不起作用。2.4查看工具1、手形工具2、縮放工具綜合實例1、繪制曲線 2、嘴的輪廓 3、眼鏡 4、雨中傘請學生回答幾個問題分別打開一幅矢量圖形和位圖圖像進行放大觀看，讓學生觀察結(jié)果畫兩條線條，和兩個形狀來演示合并

13、繪制模式下圖形之間的相互影響教師在屏幕上繪制幾個圖形，進行演示選擇對象的方法。注意：填充區(qū)和線條。 請學生觀察對象變形時光標的變化教師演示，注意線條工具的選項設(shè)置聯(lián)系PS中鋼筆工具的用法請學生思考:怎樣繪制五角星？提示學生注意鉛筆與刷子工具的異同處 請學生上臺體驗不同擦除模式分別設(shè)置選項中不同的屬生設(shè)置演示填充有縫隙的圖形分別演示提取四種對象屬性課堂小結(jié)本周主要介紹了flash繪圖基礎(chǔ)，基本繪圖工具的使用和編輯工具的使用。要注意的是，選擇某種工具時，可以對它的屬性進行設(shè)置。要分清合并模式和對象模式的區(qū)別。布置作業(yè)實訓二：繪圖工具使用教學反思第 3 周 編輯圖像教學時間第 3 周計劃課時 3 課

14、時+實訓3課時序號4課程內(nèi)容模塊3：編輯圖形教學目標使學生會合理的使用：對齊、分布、匹配大小、間隔、相對于舞臺等命令；讓學生巧秒應(yīng)用切割 融合 組合 疊放順序的更改；會應(yīng)用變形面板、縮放和旋轉(zhuǎn)對話框教學重點分布和相對于舞臺；怎么樣去解決和巧秒的去應(yīng)用粘圖現(xiàn)象；用變形面板、縮放和旋轉(zhuǎn)對話框調(diào)節(jié)調(diào)整對象或者是畫圖教學難點分布面板上的各個按鈕的操作原理；怎么樣的巧秒的去就用粘圖來進行圖象的切割 改變圖象疊放順序；變形面板中各個按鈕的作用教學方法講授演示法，任務(wù)驅(qū)動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注復(fù)習舊課指出上周實訓中出

15、現(xiàn)的問題。強調(diào)做文字特效時，一定要將文字打散。復(fù)習一下，矩形工具，填充色的應(yīng)用導入新課展示幾個繪圖實例，要完成這些實例，必須掌握FLASH中有些工具使用的技巧，這樣才能增加動畫設(shè)計的美感。講述新課講授法演示法3.1 調(diào)整對象1、排列對象單擊菜單中“窗口”|“對齊”命令，出現(xiàn)“對齊”面板。對齊；分布；匹配；間隔2、形狀的切割 融合 組合 疊放順序的更改1）形狀的切割Flash中將使用繪圖工具繪制的圖形稱為形狀。Flash 8新增了“對象繪制”按鈕，在創(chuàng)建對象時如果選中“對象繪制”按鈕，將創(chuàng)建獨立的對象，與其他對象互不影響。相反，如果在繪制圖形時沒有選取“對象繪制”按扭，則對象之間將會產(chǎn)生影響，對

16、象能夠被切割或融合。舉例：直線分割橢圓 矩形打孔2）形狀的融合融合是將兩個形狀連在一起，此功能可創(chuàng)建繪圖工具無法繪制的形狀。使用時要注意，進行融合的形狀的顏色要相同，沒有邊框，并且不是獨立的對象（即在繪制對象時沒有按下“對象繪制”按鈕）。3）組合對象組合是將多個對象當作一個整體進行處理，可以更方便地對對象進行移動、變形等操作，還可以防止因為重疊而產(chǎn)生的切割和融合。在編輯組合時，其中的每個對象均保持各自的屬性以及與其它對象的關(guān)系。 創(chuàng)建組合 Ctrl+G 編輯組合，注意組合編輯環(huán)境4）對象的疊放順序 單擊菜單中“修改”|“排列”命令Flash中，組合對象或?qū)嵗泉毩ο笤诏B放時，有上下順序之分，

17、上面的對象可以覆蓋下面的對象。對象的上下順序與創(chuàng)建時的次序有關(guān)，后創(chuàng)建的對象在先創(chuàng)建的對象上面。繪圖工具創(chuàng)建的非獨立的形狀沒有上下順序之分，不能進行疊放順序調(diào)整。例1 風景畫例2 鏡面字3.2變形面板、縮放和旋轉(zhuǎn)對話框1、變形面板單擊菜單中“窗口”|“變形”命令，可打開“變形”面板。比例縮放調(diào)節(jié)旋轉(zhuǎn)角度調(diào)節(jié)：扭曲角度調(diào)節(jié) 縮放和旋轉(zhuǎn)對話框選定對象后，單擊菜單中“修改”|“變形”|“縮放和旋轉(zhuǎn)”命令，出現(xiàn)“縮放和旋轉(zhuǎn)”對話框2、翻轉(zhuǎn)對象和對象的擴展與柔化1）翻轉(zhuǎn)對象 單擊菜單中“修改”|“變形”命令，彈出下一級子菜單。2）對象的擴展與柔化選中填充形狀，單擊菜單中“修改”|“形狀”|“擴展填充”柔

18、化對象的邊緣選中形狀，單擊菜單中“修改”|“形狀”|“柔化填充邊緣”命令例3 制作一朵七色花例4 制作一個暫停按鈕3.3混色器和填充變形工具1、混色器1）、筆觸顏色2）、填充顏色3）、黑白顏色和交換顏色4）、顏色值5）、漸色面板和亮度6）、Alpha7）、預(yù)覽框8）、顏色類型：無；純色；線性；放射狀；位圖2、調(diào)整漸變效果1）填充變形工具：更改漸變中心；改變漸變填充的寬度；旋轉(zhuǎn)漸變填充；改變填充半徑。2）溢出溢出Flash 8的一個新增功能，當我們更改漸變中心或縮小漸變寬度時，會使圖形的一部分或全部超出漸變的控制范圍3）鎖定填充在顏料桶工具和刷子工具的輔助選項里，有一個“鎖定填充”的按鈕，它的作

19、用是鎖定漸變填充的區(qū)域。如果不鎖定，顏料桶填充顏色將在被分開的區(qū)域分別產(chǎn)生漸變；鎖定后，則在整個區(qū)域產(chǎn)生漸變。例：制作帶陰影的小球教師繪制幾個矩形分別演示對齊面板中的對齊、匹配、分布、間隔按鈕的用法。強調(diào)“相對于舞臺”按鈕的用法舉例說明:直線分割橢圓 矩形打孔以一個橢圓和一個矩形融合舉例說明使用“縮放和旋轉(zhuǎn)”面板縮放對象只能將選中的圖形對象按寬和高的比例整體放大或縮小，不能只對水平方向或垂直方向分別放大、縮小。課堂小結(jié)如何對Flash中的對象、圖形進行編輯，以及圖像導入等基本操作。 準確、快速的進行圖形的編輯和導入工作，在實踐中為日后的動畫提供栩栩如生的素材。 布置作業(yè)實訓三：編輯工具使用教學

20、反思第 4周 文字教學時間第 4 周計劃課時 2課時+實訓2課時序號4課程內(nèi)容模塊4：文本工具教學目標掌握混色器的使用方法；掌握漸變色的調(diào)整方法；掌握靜態(tài)文本的輸入方法；掌握FLASH制作中幾種常見靜態(tài)字體效果的制作教學重點混色器各個參數(shù)工具設(shè)置；靜態(tài)文本的輸入方法。教學難點巧秒的應(yīng)用漸變色畫圖；各類文字效果的制作教學方法講授演示法，任務(wù)驅(qū)動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注復(fù)習舊課分析上周學生上機操作出現(xiàn)問題，展示學生的作品，提示圖形的不同模式下不同的表現(xiàn)形式導入新課教師播放幾個文本特效的Flash影片彈性小球2

21、，由此引入課題。問題的提出：如何制作文本特效？講述新課（邊演示操作邊講解）介紹一下關(guān)于顏色的內(nèi)容:色的調(diào)配是動畫中重要組成部分，F(xiàn)lash為顏色的使用、生成及修改提供了多種方法。在Windows中所有的顏色都是用紅(Red)、綠(Green)、藍(Blue)三種基本顏色混合而成的，所以這種顏色系統(tǒng)又稱為RGB三基色系統(tǒng)，它的每一種基本顏色用兩位十六進制數(shù)表示，因此用RGB三基色表示的顏色用6位十六進制數(shù)表示。4.1 文本的輸入1、靜態(tài)文本的輸入 1）、Flash 中文本的類型：靜態(tài)文本，動態(tài)文本，輸入文本 2）、靜態(tài)文本輸入、編輯與修改。4.2常用的字效：1、暈光字效關(guān)鍵的技術(shù)要求：1）、設(shè)置

22、好影片背景和尺寸大小并輸入文字；2）、將文字選中并將其打散為離散圖形；3）、在選中離散文字的前提下，將文字圖形進行柔化邊緣填充；4）、在邊緣柔化了的文字圖象中，將內(nèi)部填充色刪除即可。2、空心字關(guān)鍵的技術(shù)要求：1）、設(shè)置影片尺寸大小和背景顏色；2）、輸入文字；3）、將文字打散；4）、用墨水瓶工具對打散的文字圖形進行描邊；5）、最后將文字的內(nèi)部填充色刪除即可。3、立體字關(guān)鍵技術(shù)要求：1）、設(shè)置影片尺寸大小并輸入文字；2）、按照制作空心字步驟做出空心字效果；3）、將空心字復(fù)制并粘貼到相同位置；4）、將復(fù)制的空心字往右平移2-4個像素并向上平移2-4個像素，初步造成疊影；5）、將看不到的線條刪除，并將

23、文字的各對角相連；6）、同理刪除被遮掉的線條，即完成立體字。4、雙色（多色）字 關(guān)鍵技術(shù)要求：1）、制作此類文字效果，只要將文字打散成離散的圖形；2）、然后用選取工具選取其中部分，再對選中部分進行顏色填充；33）、選取次數(shù)可以隨意定。5、彩虹字關(guān)鍵技術(shù)要求：1）、將輸入的文字打散；2）、對第一種情況來講，只要文字的填充色直接通過混色器進行編輯即可；3）、對第二種情況，需要用到油漆桶工具，在選中文字圖形并設(shè)置好油漆桶的顏色值（漸變色）后，點擊被選文字，然后使用顏色填充變形工具將顏色的變化方向改變即可。綜合實例：雪花字、圖案字、鏡面字、風景字對做的好的同學要表揚提示學生注意線條轉(zhuǎn)化為填充后，筆觸和

24、填充選項的變化注意設(shè)置變化中心文本需進行兩次分離（Ctrl+B）請學生思考此例制作的關(guān)鍵。提示：陰影實際上就是原圖副本填充灰色，然后進行自由變形課堂小結(jié)滴管工具是負責改變線條的顏色，分離是把線條分離成了圖形，文字的效果很大就是應(yīng)用幾層文字不同狀態(tài)的疊加效果布置作業(yè)實訓四：文本工具使用及文本特效教學反思第 5 周元件、實例教學時間第 5 周計劃課時 1 課時+實訓1課時序號5課程內(nèi)容模塊5：元件和實例教學目標掌握元件和圖形之間進行轉(zhuǎn)換和設(shè)置實例的方法并能靈活掌握庫面板的使用等基本操作教學重點元件和圖形之間進行轉(zhuǎn)換和設(shè)置實例的方法教學難點元件和圖形之間進行轉(zhuǎn)換和設(shè)置實例的方法教學方法講授演示法，任

25、務(wù)驅(qū)動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注復(fù)習舊課1、圖層區(qū)：一個場景可以由若干層組成，一般來說，不同的對象放在不同的層上，以便于修改,也避免互相干擾。2、文字編輯（打散:Ctrl+B）、吸管工具（用Alt+Print鍵截屏取色）、漸變變形工具、筆觸線形（點狀）、橡皮擦模式(擦除填色)。導入新課教師播放情人節(jié)賀卡的的Flash影片彈性小球2，由此引入課題。問題的提出：如何利用元件繪圖？講述新課 元件：在Flash中將需要重復(fù)出現(xiàn)的圖像、動畫、按鈕制作成元件，元件存放在元件庫中。元件只需創(chuàng)建一次，然后即可在整個文檔或其

26、他文檔中重復(fù)使用。 實例：實例是將元件應(yīng)用到舞臺上或嵌套在另一個元件內(nèi)的元件副本。將一個元件從元件庫中拖到工作區(qū)中即創(chuàng)建了該元件的一個實例，一個元件可以創(chuàng)建多個實例。實例保持元件的基本特征，但可以設(shè)置不同的顏色、大小和功能。當修改元件時，它的所有實例都會隨之更新。 庫：在Flash中庫是用來存放當前文檔中的所有元件以及導入的圖形、音頻、視頻等動畫元素。5.1 庫面板的操作 在Flash中使用庫來存儲和組織創(chuàng)建元件以及導入的文件，包括位圖圖形、聲音文件和視頻剪輯。庫是通過庫面板來進行管理。通過庫面板，可以調(diào)用庫中的資源，也可以對庫中的資源進行查看、新建、刪除、編輯、歸類等操作。打開庫面板方法：

27、打開Flash自帶公用庫:選擇窗口其它面板公共庫 打開當前庫：選擇窗口庫 庫面板構(gòu)成：菜單：點擊可打開庫面板的命令菜單，進行各項有關(guān)操作播放停止按鈕：用于播放或停止播放電影元件排序按鈕：改變元件的排列順序顯示切換按鈕：以大圖框/小圖框方式顯示新建元件按鈕：單擊建立新元件文件夾按鈕：單擊可創(chuàng)建文件夾屬性按鈕：單擊打開所選項的屬性面板刪除按鈕：單擊刪除選中的項目5.2 創(chuàng)建圖形元件圖形元件主要用于靜態(tài)圖像的重復(fù)使用以及用于制作運動漸變動畫。一. 將場景中的元素轉(zhuǎn)換成圖形元件1. 選擇要變?yōu)樵脑?，可選擇一個或多個 2. 選擇菜單“修改”“轉(zhuǎn)換為元件”或按F8鍵 3. 在名稱欄中輸入元件名稱，在

28、行為欄中選擇“圖形” 4. 單擊確定按鈕 二. 創(chuàng)建新的圖形元件1. 選擇菜單“插入”“新建元件”或按Ctrl+F8鍵或單擊“庫”面板左下角的“新建元件”按鈕 2. 在名稱欄中輸入元件名稱，在行為欄中選擇“圖形”后，單擊確定。 3. 在舞臺中創(chuàng)建元件內(nèi)容 4. 單擊舞臺上方的“后退”按鈕或場景名稱返回到場景編輯模式 5.3創(chuàng)建影片剪輯元件 影片剪輯元件主要用于制作需要重復(fù)使用的動畫片段。 一. 創(chuàng)建新的影片剪輯元件操作步驟： 1. 選擇菜單“插入”“新建元件”或按Ctrl+F8鍵或單擊“庫”面板左下角的“新建元件”按鈕 2. 在名稱欄中輸入元件名稱，在行為欄中選擇“影片剪輯”后，單擊確定。 3

29、. 在舞臺中制作影片剪輯的動畫內(nèi)容 4. 單擊舞臺上方的“后退”按鈕或場景名稱返回到場景編輯模式 二.將舞臺上的動畫轉(zhuǎn)換為影片剪輯操作步驟： 1. 選擇幀 選擇某些層的所有幀：按住Shift鍵，點擊時間軸左邊要轉(zhuǎn)換為影片剪輯的各層； 選擇多個連續(xù)的幀：單擊某幀，再按住 Shift 鍵并單擊其它幀 2. 拷貝幀：右鍵單擊選定的幀，從彈出菜單中選擇“復(fù)制幀”或選擇“編輯”“時間軸”“復(fù)制幀”3. 新建元件：選擇“插入”“新建元件”；在對話框中給元件命名。選擇“影片剪輯”后單擊“確定”4. 在時間軸上右鍵單擊第1層上的第1幀，在彈出的菜單中選擇“粘貼幀”5. 單擊舞臺上方的“后退”按鈕或場景名稱返回

30、到場景編輯模式。5.4 實例的創(chuàng)建與修改一.創(chuàng)建實例在創(chuàng)建元件之后，用戶就可以使用元件創(chuàng)建實例，電影中的所有地方都可以使用元件實例，包括在其他元件的內(nèi)部創(chuàng)建實例步驟： 1）選中時間軸的層2）選擇窗口庫或按Ctrl+L鍵打開庫面板3）將元件拖到舞臺上二.改變實例的屬性每個實例可以有自己的屬性，屬性獨立于元件?？梢孕薷膯蝹€實例顏色、亮度、透明度；可以對實例進行縮放、旋轉(zhuǎn)、扭曲；改變實體的類型和動畫的播放模式。這些操作不會影響元件和其它實例。1.改變實例的顏色和透明度：選中要改變屬性的實例，打開屬性檢查器的顏色下拉菜單選擇以下選項： 亮度：調(diào)整圖象的相對亮度和暗度，100%為白色，-100%為黑色。

31、0為默認值。 色調(diào)：為實例著色，可以直接選擇顏色，可以使用滴管工具，也可以直接輸入紅、綠、藍顏色值，使用滑桿可設(shè)置色調(diào)百分比 Alpha：調(diào)整實例的透明度，設(shè)置為0則實例完全不可見，100%則表示完全可見。 高級：同時設(shè)置紅、綠、藍顏色值與透明度參數(shù) 三變形實例1)選中要改變屬性的實例；2)使用變形工具；變形面板或修改菜單中的變形命令對實例進行縮放、扭曲、旋轉(zhuǎn)等操作。四.分離實例如果想對實例作較大程度的修改而不影響實例所屬的元件以及其他實例，則可執(zhí)行此操作。即切斷實例和符號之間的鏈接。方法：1）選擇舞臺上的實例2）選擇修改分離或按Ctrl+B鍵5.5 元件的編輯與修改 在Flash中對元件可以

32、根據(jù)需要隨時編輯修改已制作的元件。如果修改元件，則所有該元件的實例都將更新。 方法：1. 打開元件的編輯編輯窗口，可采用以下方式 在當前位置直接編輯：雙擊舞臺上的元件實例。 在新窗口編輯元件： 選中舞臺上的元件，右鍵單擊后選擇“在新窗口編輯” 2. 修改元件3. 退出元件編輯窗口?？刹捎靡韵路绞?單擊位于舞臺頂上方左端的后退按鈕 單擊位于舞臺頂端左面的場景名 如果是在新窗口編輯元件，單擊右上角的關(guān)閉框關(guān)閉新窗口 對元件進行修改后將改變場景上所有引用該元件的實例的屬性。5.6 導入外部資源在Flash中可以將外部對象導入到當前庫中，也可以將其他Flash文檔中的庫資源導入到當前的Flash文檔并

33、使用一. 導入外部對象在Flash中可以導入其他應(yīng)用程序中創(chuàng)建的插圖?？梢詫攵喾N文件格式的矢量圖形和位圖也可以導入視頻與聲音。 方法：1. 執(zhí)行“文件”“導入”“導入庫”或“導入到舞臺” 2. 選擇要導入的文件，單擊“打開”按鈕完成對象的導入 3. 打開庫面板，將導入的資源拖入工作區(qū)，并進行變形、重新著色和修改等操作。 二. 在不同的Flash文件中復(fù)制庫資源 在Flash文檔之間可以拷貝庫資源，從而可以將在其它Flash文檔中創(chuàng)建的元件復(fù)制到當前文檔中并使用。方法一：通過拷貝和粘貼來拷貝庫資源： 1. 在源文檔的舞臺上選擇資源 2. 選擇“編輯”“復(fù)制” 3. 將目標文檔作為活動文檔 4.

34、 將指針放在舞臺上 選擇“編輯”“粘貼到中心位置”，以將資源粘貼到可見工作區(qū)的中心位置。 選擇“編輯”“粘貼到當前位置”，將資源放置在與源文檔中相同的位置中。 方法二：通過拖動來復(fù)制庫資源： 1. 在 Flash 中打開源文檔，并打開庫面板 2. 打開目標文檔，在源文檔的“庫”面板中選擇資源。 3. 將資源拖入目標文檔的“庫”面板中。 方法三：打開源庫來復(fù)制庫資源： 1. 選擇“文件”“導入”“打開外部庫”。 2. 在“作為庫打開”對話框中選擇源文檔，然后單擊“打開”。 3. 將資源從源文檔庫拖到舞臺上或拖入目標文檔的庫中。 例:情人節(jié)賀卡課堂小結(jié)1.創(chuàng)建元件，實現(xiàn)元件與圖形之間的轉(zhuǎn)換2.創(chuàng)建

35、實例，并對實例進行設(shè)置3.庫面板的使用布置作業(yè)實訓五：制作元件和實例教學反思第 5 周逐幀動畫教學時間第 5 周計劃課時 2課時+實訓4課時序號5課程內(nèi)容模塊6：制作簡單動畫-逐幀動畫和形狀補間動畫教學目標掌握逐幀動畫的制作技巧；了解什么時候適合使用逐幀動畫；掌握制作變形動畫的基本操作；能夠利用添加變形提示點使動畫效果更加美觀。教學重點逐幀動畫和形狀動畫的制作教學難點形狀動畫的制作教學方法講授演示法，任務(wù)驅(qū)動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注復(fù)習舊課總結(jié)上周實訓中遇到的問題。強調(diào)鋼筆的工具的用法導入新課展示第一周的

36、講到的過的簡單動畫實例“笑臉變哭臉”，引入簡單動畫制作。問題的提出：1什么叫動畫？2.動畫的類型?講述新課5.1動畫制作基礎(chǔ)1、動畫的基本原理：（1）視覺暫留現(xiàn)象 物體在人眼前經(jīng)過時在人眼視網(wǎng)膜上形成像，當物體消失時，它的像并不會立即消失而是要停留一段時間。 （2）計算機動畫形成原理 利用人的視覺暫留現(xiàn)象，用連續(xù)的靜態(tài)圖片（相鄰圖片之間有稍微不同）按一定的速度運行起來，就形成了動畫。 2、幀的基本概念：（1）幀是組成動畫的基本單位，每一幀即一個畫面，F(xiàn)lash動畫是以時間線為基礎(chǔ)的幀動畫。（2）動畫的播放速度（幀頻）按幀/每秒計算，記作fps；（3）Flash cs默認的動畫播放速度是每秒12

37、幀，fps速度的設(shè)置范圍0.01fps120fps。3、在Flash中的幀有這樣幾種類型：（1）關(guān)鍵幀：動畫中發(fā)生改變的畫面也即關(guān)鍵畫面我們稱之為關(guān)鍵幀。當創(chuàng)建逐幀動畫時，每個幀都是關(guān)鍵幀。在補間動畫中，可以在動畫的重要位置定義關(guān)鍵幀，F(xiàn)lash會創(chuàng)建關(guān)鍵幀之間的幀內(nèi)容。補間動畫的插補幀顯示為淺藍色或淺綠色，并會在關(guān)鍵幀之間繪制一個箭頭。 關(guān)鍵幀用實心圓表示。（3）普通幀：普通幀是延續(xù)前面相鄰關(guān)鍵幀畫面的時間，它的內(nèi)容與緊鄰的前關(guān)鍵幀畫面一樣。（4）空白關(guān)鍵幀：沒有內(nèi)容的關(guān)鍵幀。用空心圓則表示該幀為空白的關(guān)鍵幀。（5）補間幀（插補幀）：在補間動畫中，F(xiàn)lash會創(chuàng)建關(guān)鍵幀之間的幀內(nèi)容，這些幀稱

38、為插補幀，顯示為淺藍色或淺綠色，并會在關(guān)鍵幀之間繪制一個箭頭。如圖所示淺藍色顯示動畫補間的補間幀，如圖所示淺綠色顯示形狀補間的補間幀。如圖5-14、幀的基本操作常用的幀操作有：創(chuàng)建幀、選擇幀、復(fù)制幀、粘貼幀、剪切幀、刪除幀、反轉(zhuǎn)幀。5、Flash動畫類型Flash中可以制作三種動畫：（1）逐幀動畫創(chuàng)建每幀動畫的內(nèi)容，然后逐幀播放（2）形狀漸變動畫指兩個圖形對象的變換，其變化效果是由Flash控制的，其動畫效果是從一個圖形轉(zhuǎn)換為另一個圖形（3）移動漸變動畫指同一個對象不同狀態(tài)的變化，其變化效果是由Flash控制的，常用于制作對象的位移、尺寸縮放、旋轉(zhuǎn)、顏色漸變等效果6、動畫制作流程 打開新影片文

39、件并安排場景； 插入動畫元件（幀、圖層等）； 設(shè)定動畫效果并測試動畫； 使用 文件/保存 命令保存擴展名為 .fla 的 Flash 動畫文件； 輸出影片.swf7、制作動畫的注意事項：（1）如果一幅動畫中有兩個或兩個以上的不同類的對象同時運動，要把這些對象分別放在不同的圖層上，使之各自獨立，互不干擾。（2）制作動畫時，最好把一個動作單獨放置在一個圖層中，等這個圖層制作好后，再制作另一個圖層。 5.2 逐幀動畫的制作逐幀動畫：在舞臺上一幀一幀地繪制或修改圖像，連續(xù)播放形成動畫。 制作步驟： 1. 單擊層名稱，使之成為當前層，選擇層中的某一關(guān)鍵幀作為動畫的起點。 2. 創(chuàng)建圖形，可以使用繪圖工具

40、直接繪圖，也可以從剪板板粘貼圖象或?qū)雸D象。 3. 單擊右邊的下一幀，鼠標右鍵點擊在彈出菜單中選擇插入關(guān)鍵幀命令或按F6鍵 4. 修改舞臺上的內(nèi)容 5. 重復(fù)步驟4、5，完成所有關(guān)鍵幀。 （如果我們擔心有些幀之間圖形的位置間隔不太恰當，可以打開燈箱顯示模式，來查看各幀的相對效果，）5.3 繪圖紙顯示模式通常情況下，F(xiàn)lash一次只顯示動畫序列中的一個幀。如果用戶需要定位和編輯多個幀或調(diào)節(jié)幀之間圖形的位置間隔，可以使用繪圖紙顯示模式，來查看多個幀各幀的相對效果。在繪圖紙顯示模式下時間軸中的各幀像隔著一層透明繪圖一樣重疊顯示。 繪圖紙功能的使用：1. 單擊“繪圖紙外觀”按鈕，在繪圖紙起始標記和結(jié)束

41、標記之間的所有幀被重疊顯示 2. 單擊“繪圖紙外觀輪廓”按鈕，標記之間的幀顯示為輪廓 3. 單擊“編輯多個幀”按鈕，可以編輯繪圖紙標記之間的所有幀 4. 要更改一繪圖紙標記的位置，將指針拖到一個新的位置 5. 單擊“修改繪圖紙標記”按鈕，修改繪圖紙外觀標記的顯示 5.4 形狀補間動畫的制作 使用形狀補間動畫可以制作一個形狀隨著時間變成另一個形狀的形變效果。一形狀補間動畫制作步驟 1. 選擇要制作動畫的層；在動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀 2. 創(chuàng)建或放置圖形對象或分離的組、位圖、實例或文本塊 3. 在同一層上再創(chuàng)建一個關(guān)鍵幀，并選擇該關(guān)鍵幀 4. 選擇在前一個關(guān)鍵幀中放置的圖形執(zhí)行以下

42、操作之一 修改插圖的形狀、顏色或位置。 刪除該插圖，然后在第二個關(guān)鍵幀中放入新的圖形或分離的組、位圖、實例或文本塊。 5.在時間軸上選擇第1個關(guān)鍵幀，從“屬性”面板中的“補間”彈出菜單中選擇“形狀”7.要調(diào)整漸變過渡幀的變化速度?？梢酝蟿印皵U大值”旁邊的箭頭或輸入一個值 要使動畫開始很慢越接近動畫末尾時越快，則可以拖動滑桿向上移動或輸入一個負數(shù)值，范圍為-1至-100 要使動畫開始很快越接近動畫末尾時越慢，則可以拖動滑桿向下移動或輸入一個正數(shù)值，范圍為1至100 7. 可以選擇混合類型的一個選項。 分布式：選擇該項在創(chuàng)建動畫時所產(chǎn)生的中間形狀將平滑而不規(guī)則 角形：選擇該項在創(chuàng)建動畫時將在中間形

43、狀中保留明顯的角和直線 注意： 變形對象必須在一個圖層上，否則不能形成補間動畫。 要對組合體、實例、文本、位圖圖象應(yīng)用補間形狀動畫，必須首先將這些元素打散。 二.控點的運用 控點的作用：在補間形狀動畫的起始和結(jié)束幀中設(shè)置控點以便對變形過程進行人為的控制。 設(shè)置控點方法： 1. 選擇變形動畫序列中的第一個關(guān)鍵幀，執(zhí)行【修改】【變形】【添加形狀提示】命令，則在變形對象的正中央有一個紅色小圈，內(nèi)部標有字母 2. 將變形提示移動到要標記的點。按照同樣的方法添加和設(shè)置其他的變形提示。 3. 選擇下一個關(guān)鍵幀，用鼠標按住控點，拖動變形提示到標記的位置。 注意： 設(shè)置控點時一定要排列好各控點的位置。在原始圖

44、形和要補間的圖形中控點的順序應(yīng)該一致。 控點編號從a到z最多可以設(shè)置27.控點。 確保形狀提示是符合邏輯的。例如，如果在一個三角形中使用三個形狀提示，它們的順序不能在第一個關(guān)鍵幀中是 abc，而在第二個中是 acb。 如果按逆時針順序從形狀的左上角開始放置形狀提示，它們的工作效果最好。 要刪除控點可以用鼠標右鍵點擊控點，在彈出的菜單中選擇命令 實例1：數(shù)字變化實例2：波浪實例3：畫矩形實例4：氯水漂白課堂小結(jié)1.掌握逐幀動畫、形狀補間動畫的制作方法。2.使學生能夠靈活使用設(shè)置動畫的基本方法并制作簡單動畫。3.注意形狀補間動畫提示點的設(shè)置方法布置作業(yè)實訓六：制作逐幀動畫實訓七：制作形狀補間動畫教

45、學反思第 6 周兩種補間動畫教學時間第 6 周計劃課時 2課時+實訓4課時序號6課程內(nèi)容模塊6：制作簡單動畫制作動作補間動畫教學目標掌握制作動作補間動畫的過程教學重點掌握動作補間動畫的制作要點教學難點動作補間的動畫的綜合應(yīng)用；時間幀延后的效果教學方法講授演示法，任務(wù)驅(qū)動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注復(fù)習舊課記住三句口決：1、 一個對象一層2、 一般一個對象要轉(zhuǎn)換為元件3、 在形狀動畫中不要建立元件，對象要打散形變的對象只能是普通的圖形對象，如不是普通圖形則必須首先按Ctrl+B分離。導入新課教師播放幾個Flas

46、h影片，由此引入課題。問題的提出：如何制作移動動畫？講述新課5.5動作補間動畫的制作動作補間動畫：用于對實例、組合體和文字的位置、大小、旋轉(zhuǎn)、傾斜、顏色屬性等產(chǎn)生漸變。 動作補間動畫創(chuàng)建步驟： 1. 單擊層名使之成為當前層，選擇層中的一個空白關(guān)鍵幀作為動畫的起點。 2. 創(chuàng)建補間動畫的第一個幀，執(zhí)行以下操作之一： 創(chuàng)建一個圖形對象并轉(zhuǎn)換為元件 在舞臺中創(chuàng)建一個實例、組或文本塊 將元件的實例從“庫”面板中拖出 3. 在動畫要結(jié)束的地方創(chuàng)建第二個關(guān)鍵幀，然后選擇結(jié)束幀4. 更改結(jié)束幀中的實例、組或文本塊,執(zhí)行以下操作之一： 將項目移動到新的位置 修改項目的大小、旋轉(zhuǎn)或傾斜 修改項目的顏色（僅限實例

47、或文本） 5. 右鍵單擊補間幀范圍內(nèi)的任何幀，從彈出的菜單中選擇創(chuàng)建補間動畫；或從屬性面板的“補間”彈出菜單中選擇“動作” 6. 如果修改了項目的大小，勾選“縮放”選項7. 如果要調(diào)整補間幀之間的變化速率可以拖動“簡易”框右邊的箭頭或輸入一個值若要加速設(shè)置值為-1至 -100；若要減速設(shè)置值為1到100 8. 若要旋轉(zhuǎn)對象，從“旋轉(zhuǎn)”菜單中選擇一個選項： 選擇“無”不旋轉(zhuǎn) 選擇“自動”可以在需要最少動畫的方向上旋轉(zhuǎn)對象一次 選擇“順時針”或“逆時針”按指定的方向旋轉(zhuǎn)對象，輸入一個數(shù)值指定要旋轉(zhuǎn)的次數(shù) 注：移動漸變動畫首尾幀間有淡藍色背景，并有黑色箭頭表示，若出現(xiàn)虛線表示漸變過程有問題。元件的五

48、種變化：移動、縮放、旋轉(zhuǎn)、顏色、透明度 實例1：跳動的小球?qū)嵗?：碰撞的小球?qū)嵗?：轉(zhuǎn)動的風車實例4：水滴實例5：卷軸動畫課堂小結(jié)1.逐幀動畫、動作補間動畫、形狀補間動畫和場景動畫的設(shè)計方法。2.使學生能夠靈活使用設(shè)置動畫的基本方法并制作簡單動畫。布置作業(yè)實訓八：制作移動補動畫實訓九：簡單動畫的綜合訓練教學反思第 7 周引導動畫教學時間第 7 周計劃課時 2課時+實訓4課時序號7課程內(nèi)容模塊7：制作高級動畫-引導動畫教學目標1、要求學生掌握各類曲線運動的制作技巧，掌握引導線、引導層的概念及作用；2、能根據(jù)運動的需求，畫出運動軌跡線，即引導線。教學重點運動引導層的創(chuàng)建，動畫關(guān)鍵幀的設(shè)置。教學難點

49、做引導層時的幾個注意點。教學方法講授演示法，任務(wù)驅(qū)動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注復(fù)習舊課總結(jié)上周實訓中的問題，比較兩種補間動畫的制作步驟和先決條件。注意和圖層結(jié)合完成特效。導入新課我們已經(jīng)知道在以前所涉及的移動動畫過程都是兩點一直線，不存在曲線運動，這對設(shè)計者來講是不夠的，我們需要更豐富的移動動畫，這就引出我們這一章節(jié)所要講的FLASH中的功能層之一-引導線層。我們可以比較一下面三幅動畫：1、用逐幀技術(shù) 2、用移動補間 3、用引導線技術(shù)通過觀察我們可以發(fā)現(xiàn)用引導線做出的動畫，它的運動路徑可以是一條曲線，這樣，

50、動畫也就隨之而豐富起來。思考：以上動畫能直接用移動補間來完成嗎？自己動手試一試用移動補間做該動畫效果，然后比較用幾個關(guān)鍵幀來完成最相像？(教師提供素材)通過實驗我們發(fā)現(xiàn)：按照以前所學，除非使用逐幀動畫，否則無法完成該動畫效果，那么，有沒有其它方法？引導線功能層講述新課一、引導線、引導層的概念 1、引導層：引導線必須制作在引導層中，而需要使用引導線作為運動軌跡線的物體所在層必須在引導層的下方，一個引導層可以為多個圖層提供運動軌跡。同時在一個引導層中可以有多條運動軌跡。 2、引導線：引導線就是軌跡或輔助線的作用。它讓物體沿著引導線路徑運行,運動的對象其關(guān)鍵幀必須完全吸附在軌跡上（即物體運動的軌跡，

51、一般使用鋼筆工具來制作） 注意：思考引導線的顏色和線條的粗細是否影響引導效果？在運動引導層中的線條在實際導出成SWF文件時是不否可見？二、創(chuàng)建引導路徑動畫的方法1、創(chuàng)建引導層和被引導層 一個最基本“引導路徑動畫”由二個圖層組成，上面一層是“引導層”，它的圖層圖標為，下面一層是“被引導層”，圖標同普通圖層一樣。在普通圖層上點擊時間軸面板的“添加引導層”按鈕，該層的上面就會添加一個引導層，同時該普通層縮進成為“被引導層”，如圖所示。 2、引導層和被引導層中的對象 引導層是用來指示元件運行路徑的，所以“引導層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導層

52、”中的對象是跟著引導線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應(yīng)用形狀。由于引導線是一種運動軌跡，不難想象，“被引導”層中最常用的動畫形式是動作補間動畫，當播放動畫時，一個或數(shù)個元件將沿著運動路徑移動。3、向被引導層中添加元件 “引導動畫”最基本的操作就是使一個運動動畫“附著”在“引導線”上。所以操作時特別得注意“引導線”的兩端，被引導的對象起始、終點的2個“中心點”一定要對準“引導線”的2個端頭。 三、應(yīng)用引導路徑動畫的技巧1、“被引導層”中的對象在被引導運動時，還可作更細致的設(shè)置，比如運動方向，把【屬性】面板上的【路徑調(diào)整】前打上勾，對象的基線就會調(diào)整到運動路徑。而如果在【對齊】前打勾，元件的注冊點就會與運動路徑對齊。2、引導層中的內(nèi)容在播放時是看不見的，利用這一特點，可以單獨定義一個不含“被引導層”的“引導層”，該引導層中可以放置一些文字說明、元件位置參考等，此時，引導層的圖標為。3、在做引導路徑動畫時，按下工具欄上的【對齊對象】功能按鈕，