Flash動畫制作基礎篇--全本教學設計(共35頁)_第1頁
Flash動畫制作基礎篇--全本教學設計(共35頁)_第2頁
Flash動畫制作基礎篇--全本教學設計(共35頁)_第3頁
Flash動畫制作基礎篇--全本教學設計(共35頁)_第4頁
Flash動畫制作基礎篇--全本教學設計(共35頁)_第5頁
已閱讀5頁,還剩31頁未讀 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、精選優(yōu)質文檔-傾情為你奉上FLASH動畫制作教學設計第一節(jié) Flash概述課時安排1課時教學目標1、確定課程目標、講述學習內容、教給學習方法。2、熟悉Flash cs3的界面。3、熟悉FLASH的工作環(huán)境, 3、熟悉Flash動畫的制作原理教學重點培養(yǎng)他們對于本課程以及本專業(yè)的熱愛;了解什么是flash,熟悉flash工作界面。教學難點掌握動畫原理以及Flash動畫的制作原理。教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注一、 情境導入:教師給學生演示經典動畫和教材中部分的案例動畫由此引入課題。二、

2、講述新課(講授法、PPT演示)(一)Flash課程介紹1.1 初識Flash1什么是Flash是由美國Macromedia公司出品。1998年推出Flash 2,以后繼續(xù)開發(fā)升級,很快就推出了Flash 3。1999年6月推出Flash 4。2000年9月發(fā)布了Flash 5。2002年3月推出了Flash MX。2004年推出Flash 2004 MX。2005年推出Flash 8.0。 2005年4月18日Adobe以34億美元收購Macromedia公司。從此Macromedia品牌名稱亦被Adobe取代。1.2 Flash應用領域1.3 Flash動畫原理1動畫原理2Flash動畫制作

3、原理1.4 Flash工作環(huán)境1、舞臺    就是工作區(qū),最主要的可編輯區(qū)域。在這里可以直接繪圖,或者導入外部圖形文件進行安排編輯,再把各個獨立的幀合成在一起,以生成電影作品。2、時間軸窗口   用它可以調整電影的播放速度,并把不同的圖形作品放在不同圖層的相應幀里,以安排電影內容播放的順序。3、繪圖工具欄   放置了可供圖形和文本編輯的各種工具,用這些工具可以繪圖,選取,噴涂,修改以及編排文字,還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時,其所對應的修改器(Modifier)也會在工具條下面的位置出現(xiàn),修

4、改器的作用是改變相應工具對圖形處理的效果。4、標準工具欄   列出了大部分最常用的文件操作,打印,剪貼板,撤消和重做,修改器以及控制舞臺放大比例的圖標和選項,便于進行更為快捷的操作。5、圖庫窗口   用以存放可以重復使用的稱為符號的元素。符號的類型包括有圖片(Graphics),按鈕(Button)和電影片斷(Movie Clip)。其調用的快捷鍵為Ctrl-L。6、控制器面板   控制電影的播放操作的工具集合,一般不大常用,處于隱藏狀態(tài)。例1:使用工具制作 “魚”或“眼睛”思考:如何讓“魚”變成“眼睛”?例2:小球的直線運動。步驟1

5、:在舞臺上畫出小球。步驟2:在第20 幀上插入關鍵幀。步驟3:移動小球,使其開始位置與結束位置不同。步驟4:選擇所有幀,創(chuàng)建形狀漸變動畫。1.5 動畫的保存與發(fā)布:1、保存動畫:依次點擊“文件”菜單-“保存”輸入文件名,即可當前正在制作的影片保存到磁盤上。注意保存的是Flash的源文件,其擴展名為.fla  。2、動畫的發(fā)布:   依次點擊“文件”菜單“發(fā)布設置”“發(fā)布”即可。注意發(fā)布后的文件擴展名為名為.swf ,發(fā)布后的文件可用IE等打開。首先向學生作自我介紹,然后介紹Flash課程性質、目標、考核方法以及學習方法。結合生活,提示學生從生活,學習,娛樂的三個方

6、面羅列flash的應用。講述層的概述時,可結合前期學習過的Photoshop中層的概念,這樣學生頭腦中就有了印象。請學生注意動畫制作的過程,并能自己制作上述兩個動畫。注意flash的兩種不同格式的文件,源文件和播放文件分別的打開方式學生練習老師繪畫選項卡、標尺、網格,教師輔導。課堂小結通過本單元的學習,使學生能了解Flash 的工作環(huán)境,掌握基本的操作,了解簡單動畫的制作過程等,為以后的學習打下一定的基礎。作 業(yè)實訓一:制作一片“樹葉”實訓二:制作一個“月亮”教學反思通過基本的圖形制作,能夠快速掌握工具按鈕的使用,圖形制作是動畫制作的基礎。動畫制作小球的滾動,掌握基本的動畫原理。課堂上教師講解

7、偏多,應更多的時間留給學生,多一些動手的過程更適合。專心-專注-專業(yè)第二節(jié) 繪圖基礎課時安排1課時教學目標掌握繪圖基礎知識;掌握選擇工具的使用;掌握線條工具、橢圓工具、矩形工具和刷子工具的使用;掌握圖形修飾工具和查看工具的使用教學重點繪圖工具的使用和圖形修飾工具的使用教學難點選擇工具的使用教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注一、復習鞏固練習:動手制作蘋果二、導入新課打開繪制好的flash的圖像,讓學生欣賞,說明Flash 有一個功能強大的繪圖工具,可以繪制出完美的圖形。它使用靈活、簡單易用

8、,在大多數(shù)情況下都可以滿足使用者的要求。三、講授新課(邊操作邊演示邊講解)補充知識:、矢量圖形和位圖圖像、線條和填充圖形 矢量圖形一般可以看成是由線條和填充物組成; 矢量圖形的著色有兩種:線條的著色和填充物的著色;可以著單色,也可以著漸變色和位圖。、繪制模式()合并繪制模式當你所繪制的線條穿過別的線條或圖形時,它會象刀一樣把其他的線條或圖形切割成不同的部分。同時,線條本身也會被其他線條和圖形分成若干部分。()對象繪制模式注意:選擇用【對象繪制】模式創(chuàng)建的圖形時,F(xiàn)lash會在圖形上添加矩形邊框。使用【選擇】工具 移動對象,只需單擊邊框然后拖曳圖形到舞臺上的任意位置即可。二者轉換方式:“修改”菜

9、單/分離 (Ctrl+B)矢量圖形的特點:同色相融,異色相切。2.1 選擇工具、選擇工具主要功能是選擇對象,對對象進行變形等。對象被選中后,選中部分會填充小的亮點?;静僮饔校哼x取單一對象;選取多個對象;選取填充區(qū)和輪廓錢;選取連續(xù)線條;選取對象的某一區(qū)域;取消選擇對象;移動對象;修改形狀2、部分選取工具主要用于調整線條上的節(jié)點,改變線條的形狀。部分選取工具沒有選項?;静僮饔校簞h除節(jié)點;移動節(jié)點;角點轉換為曲線點;調節(jié)曲率3、套索工具主要作用也是選擇物體。與選擇工具不同的是,套索工具可以用來選取任何形狀范圍的對象,而選擇工具只能拖出矩形的選取范圍,因此它的功能更強一些。2.2繪圖圖形工具1、

10、線條工具線條工具的使用方法就是在舞臺中確認一個起點后按下鼠標,然后拖動鼠標到結束點松開鼠標就可以了。2、鋼筆工具鋼筆工具的主要功能有畫直線、畫曲線、曲線點轉換為角點、添加節(jié)點、刪除節(jié)點。3、鉛筆工具鉛筆工具的選項欄中除“對象繪制”按鈕外還有一個“鉛筆模式”按鈕,單擊此按鈕彈出三種繪圖模式:伸直、平滑、墨水。4、橢圓工具所畫出的橢圓分為兩部分:輪廓線與填充色塊。通過設置筆觸顏色和填充色,能畫出實心橢圓,空心橢圓和實心無邊框橢圓。橢圓工具選項欄中只有“對象繪制”和“貼緊至對象”兩個按鈕。5、矩形工具矩形工具是一個工具組,包括矩形工具和多角星形工具,通過單擊右下角的黑色三角進行切換。矩形工具與橢圓工

11、具用法相似,注意矩形圓角的設置。使用多角星形工具可以繪制出不少于三個邊的等邊多邊形。注意選項的設置6、刷子工具刷子工具就像畫刷一樣可以在舞臺中繪制不同顏色的圖形,也可以為各刷子工具的選項欄有五個選項:“對象繪制”種圖形對象著色。刷子的顏色由填充色設置。、“刷子模式”、“刷子大小”、“刷子形狀”和“鎖定填充”。7、橡皮擦工具橡皮擦工具就像日常生活中使用的橡皮擦一樣,用來擦除圖形的線條和填充區(qū)。橡皮擦工具的選項欄有三個選項:“橡皮擦模式”,“橡皮擦形狀”和“水龍頭”2.3 修飾圖形工具1、墨水瓶工具墨水瓶工具用于更改線條的顏色、線寬和樣式等屬性,線條的顏色可以使用純色、漸變色以及位圖圖像,2、顏料

12、桶工具與墨水瓶工具相對應,顏料桶工具的功能是更改填充區(qū)域的顏色。它可以填充封閉區(qū)域或不完全封閉區(qū)域,填充時可以使用純色、漸變色以及位圖圖像。3、吸管工具吸管工具用于拾取填充或線條的顏色值,選擇吸管工具后,鼠標圖標變成一個吸管,用吸管單擊對象的任意位置,可獲得此位置的顏色值及其它屬性。4、任意變形工具使用任意變形工具可以對圖形做出各種各樣的變形,制作各種Flash特效。選擇任意變形工具后,在選項欄中有四個選項按鈕自動變形工具一共可以做出五種變形處理:旋轉、傾斜、縮放、扭曲和封套。其中旋轉、傾斜、縮放對所有的對象都有效,而扭曲和封套只對形狀對象有效,對組對象、符號和位圖都不起作用。2.4查看工具1

13、、手形工具2、縮放工具綜合實例1、飛機 2、表情符號 請學生回答幾個問題分別打開一幅矢量圖形和位圖圖像進行放大觀看,讓學生觀察結果畫兩條線條,和兩個形狀來演示合并繪制模式下圖形之間的相互影響教師在屏幕上繪制幾個圖形,進行演示選擇對象的方法。注意:填充區(qū)和線條。 請學生觀察對象變形時光標的變化教師演示,注意線條工具的選項設置聯(lián)系PS中鋼筆工具的用法請學生思考:怎樣繪制五角星?提示學生注意鉛筆與刷子工具的異同處 請學生上臺體驗不同擦除模式分別設置選項中不同的屬生設置演示填充有縫隙的圖形分別演示提取四種對象屬性課堂小結本周主要介紹了flash繪圖基礎,基本繪圖工具的使用和編輯工具的使用。要注意的是,

14、選擇某種工具時,可以對它的屬性進行設置。要分清合并模式和對象模式的區(qū)別。布置作業(yè)1:繪圖帆船 2、繪制作樹教學反思通過實例操作講解,找一些學生感興趣的小表情,調動學生的學習積極性,主動參與到課程練習中。布置一些擴展練習作業(yè),讓不同程度的學習能夠根據自己的差異選擇完成,達到分層教學的效果。第三節(jié) 編輯圖像課時安排1課時教學目標使學生會合理的使用:對齊、分布、匹配大小、間隔、相對于舞臺等命令;讓學生巧秒應用切割 融合 組合 疊放順序的更改;會應用變形面板、縮放和旋轉對話框教學重點分布和相對于舞臺;怎么樣去解決和巧秒的去應用粘圖現(xiàn)象;用變形面板、縮放和旋轉對話框調節(jié)調整對象或者是畫圖教學難點分布面板

15、上的各個按鈕的操作原理;怎么樣的巧秒的去就用粘圖來進行圖象的切割 改變圖象疊放順序;變形面板中各個按鈕的作用教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注一、復習舊課1、作業(yè)提交,請同學演示2、發(fā)現(xiàn)問題,總結強調二、導入新課師:展示幾個繪圖實例,要完成這些實例,必須掌握FLASH中有些工具使用的技巧,這樣才能增加動畫設計的美感。三、講述新課講授法演示法3.1 調整對象1、排列對象單擊菜單中“窗口”|“對齊”命令,出現(xiàn)“對齊”面板。對齊;分布;匹配;間隔2、形狀的切割 融合 組合 疊放順序的更改1)形

16、狀的切割Flash中將使用繪圖工具繪制的圖形稱為形狀。Flash 8新增了“對象繪制”按鈕,在創(chuàng)建對象時如果選中“對象繪制”按鈕,將創(chuàng)建獨立的對象,與其他對象互不影響。相反,如果在繪制圖形時沒有選取“對象繪制”按扭,則對象之間將會產生影響,對象能夠被切割或融合。舉例:直線分割橢圓 矩形打孔2)形狀的融合融合是將兩個形狀連在一起,此功能可創(chuàng)建繪圖工具無法繪制的形狀。使用時要注意,進行融合的形狀的顏色要相同,沒有邊框,并且不是獨立的對象(即在繪制對象時沒有按下“對象繪制”按鈕)??偨Y:同色相融,異色相切,任何線條相條處均被切割。3)組合對象組合是將多個對象當作一個整體進行處理,可以更方便地對對象進

17、行移動、變形等操作,還可以防止因為重疊而產生的切割和融合。在編輯組合時,其中的每個對象均保持各自的屬性以及與其它對象的關系。 創(chuàng)建組合 Ctrl+G 編輯組合,注意組合編輯環(huán)境4)對象的疊放順序 單擊菜單中“修改”|“排列”命令Flash中,組合對象或實例等獨立對象在疊放時,有上下順序之分,上面的對象可以覆蓋下面的對象。對象的上下順序與創(chuàng)建時的次序有關,后創(chuàng)建的對象在先創(chuàng)建的對象上面。繪圖工具創(chuàng)建的非獨立的形狀沒有上下順序之分,不能進行疊放順序調整。例1 風景畫例2 斑馬字3.2變形面板、縮放和旋轉對話框1、變形面板單擊菜單中“窗口”|“變形”命令,可打開“變形”面板。比例縮放調節(jié)旋轉角度調節(jié)

18、:扭曲角度調節(jié)4.2.2 縮放和旋轉對話框選定對象后,單擊菜單中“修改”|“變形”|“縮放和旋轉”命令,出現(xiàn)“縮放和旋轉”對話框2、翻轉對象和對象的擴展與柔化1)翻轉對象 單擊菜單中“修改”|“變形”命令,彈出下一級子菜單。2)對象的擴展與柔化選中填充形狀,單擊菜單中“修改”|“形狀”|“擴展填充”柔化對象的邊緣選中形狀,單擊菜單中“修改”|“形狀”|“柔化填充邊緣”命令例3 制作一朵七色花 例4 制作一個暫停按鈕3.3混色器和填充變形工具1、混色器1)、筆觸顏色2)、填充顏色3)、黑白顏色和交換顏色4)、顏色值5)、漸色面板和亮度6)、Alpha7)、預覽框8)、顏色類型:無;純色

19、;線性;放射狀;位圖2、調整漸變效果1)填充變形工具:更改漸變中心;改變漸變填充的寬度;旋轉漸變填充;改變填充半徑。2)溢出溢出Flash 8的一個新增功能,當我們更改漸變中心或縮小漸變寬度時,會使圖形的一部分或全部超出漸變的控制范圍3)鎖定填充在顏料桶工具和刷子工具的輔助選項里,有一個“鎖定填充”的按鈕,它的作用是鎖定漸變填充的區(qū)域。如果不鎖定,顏料桶填充顏色將在被分開的區(qū)域分別產生漸變;鎖定后,則在整個區(qū)域產生漸變。例:制作帶陰影的小球教師繪制幾個矩形分別演示對齊面板中的對齊、匹配、分布、間隔按鈕的用法。強調“相對于舞臺”按鈕的用法舉例說明:直線分割橢圓 矩形打孔以一個橢圓和一個矩形融合舉

20、例說明使用“縮放和旋轉”面板縮放對象只能將選中的圖形對象按寬和高的比例整體放大或縮小,不能只對水平方向或垂直方向分別放大、縮小。課堂小結1 如何對Flash中的對象、圖形進行編輯,以及圖像導入等基本操作。 2 準確、快速的進行圖形的編輯和導入工作,在實踐中為日后的動畫提供栩栩如生的素材。 布置作業(yè)1:風車 2、燭火教學反思第四節(jié) 逐幀動畫課時計劃2課時教學目標掌握逐幀動畫的制作技巧;了解什么時候適合使用逐幀動畫;掌握制作變形動畫的基本操作;能夠利用添加變形提示點使動畫效果更加美觀。教學重點逐幀動畫和形狀動畫的制作教學難點形狀動畫的制作教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體

21、機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注一、導入新課展示簡單動畫實例“滾動的小球”,引入簡單動畫制作。問題的提出:1什么叫動畫?2.動畫的類型? 動畫:就是由連續(xù)的畫面,按照一定的時間順序進行有序播放。 制作動畫有兩種方式:一種是逐幀動畫,另一種是漸變動畫。在逐幀動畫中,需要在每一幀上創(chuàng)建一個不同的畫面,連續(xù)的幀組合成連續(xù)變化的畫面。漸變動畫只需確定動畫起點幀和終點幀的畫面,中間部分的漸變動畫由系統(tǒng)自動生成。二、講述新課4.1動畫制作基礎1、動畫的基本原理:(1)視覺暫留現(xiàn)象 物體在人眼前經過時在人眼視網膜上形成像,當物體消失時,它的像并不會立即消失而

22、是要停留一段時間。 (2)計算機動畫形成原理 利用人的視覺暫留現(xiàn)象,用連續(xù)的靜態(tài)圖片(相鄰圖片之間有稍微不同)按一定的速度運行起來,就形成了動畫。 2、幀的基本概念:(1)幀是組成動畫的基本單位,每一幀即一個畫面,F(xiàn)lash動畫是以時間線為基礎的幀動畫。(2)動畫的播放速度(幀頻)按幀/每秒計算,記作fps;(3)Flash cs默認的動畫播放速度是每秒12幀,fps速度的設置范圍0.01fps120fps。3、在Flash中的幀有這樣幾種類型:(1)關鍵幀:動畫中發(fā)生改變的畫面也即關鍵畫面我們稱之為關鍵幀。當創(chuàng)建逐幀動畫時,每個幀都是關鍵幀。在補間動畫中,可以在動畫的重要位置定義關鍵幀,F(xiàn)l

23、ash會創(chuàng)建關鍵幀之間的幀內容。補間動畫的插補幀顯示為淺藍色或淺綠色,并會在關鍵幀之間繪制一個箭頭。 關鍵幀用實心圓表示。(3)普通幀:普通幀是延續(xù)前面相鄰關鍵幀畫面的時間,它的內容與緊鄰的前關鍵幀畫面一樣。(4)空白關鍵幀:沒有內容的關鍵幀。用空心圓則表示該幀為空白的關鍵幀。(5)補間幀(插補幀):在補間動畫中,F(xiàn)lash會創(chuàng)建關鍵幀之間的幀內容,這些幀稱為插補幀,顯示為淺藍色或淺綠色,并會在關鍵幀之間繪制一個箭頭。如圖所示淺藍色顯示動畫補間的補間幀,如圖所示淺綠色顯示形狀補間的補間幀。如圖5-14、幀的基本操作常用的幀操作有:創(chuàng)建幀、選擇幀、復制幀、粘貼幀、剪切幀、刪除幀、反轉幀。5、Fl

24、ash動畫類型Flash中可以制作三種動畫:(1)逐幀動畫創(chuàng)建每幀動畫的內容,然后逐幀播放(2)形狀漸變動畫指兩個圖形對象的變換,其變化效果是由Flash控制的,其動畫效果是從一個圖形轉換為另一個圖形(3)移動漸變動畫指同一個對象不同狀態(tài)的變化,其變化效果是由Flash控制的,常用于制作對象的位移、尺寸縮放、旋轉、顏色漸變等效果6、動畫制作流程 打開新影片文件并安排場景; 插入動畫元件(幀、圖層等); 設定動畫效果并測試動畫; 使用 文件/保存 命令保存擴展名為 .fla 的 Flash 動畫文件; 輸出影片.swf7、制作動畫的注意事項:(1)如果一幅動畫中有兩個或兩個以上的不同類的對象同時

25、運動,要把這些對象分別放在不同的圖層上,使之各自獨立,互不干擾。 (2)制作動畫時,最好把一個動作單獨放置在一個圖層中,等這個圖層制作好后,再制作另一個圖層。 4.2 逐幀動畫的制作逐幀動畫:在舞臺上一幀一幀地繪制或修改圖像,連續(xù)播放形成動畫。 制作步驟: 1. 單擊層名稱,使之成為當前層,選擇層中的某一關鍵幀作為動畫的起點。 2. 創(chuàng)建圖形,可以使用繪圖工具直接繪圖,也可以從剪板板粘貼圖象或導入圖象。 3. 單擊右邊的下一幀,鼠標右鍵點擊在彈出菜單中選擇插入關鍵幀命令或按F6鍵 4. 修改舞臺上的內容 5. 重復步驟4、5,完成所有關鍵幀。 (如果我們擔心有些幀之間圖形的位置間隔不

26、太恰當,可以打開燈箱顯示模式,來查看各幀的相對效果,)4.3 繪圖紙顯示模式通常情況下,F(xiàn)lash一次只顯示動畫序列中的一個幀。如果用戶需要定位和編輯多個幀或調節(jié)幀之間圖形的位置間隔,可以使用繪圖紙顯示模式,來查看多個幀各幀的相對效果。在繪圖紙顯示模式下時間軸中的各幀像隔著一層透明繪圖一樣重疊顯示。  繪圖紙功能的使用:1. 單擊“繪圖紙外觀”按鈕,在繪圖紙起始標記和結束標記之間的所有幀被重疊顯示 2. 單擊“繪圖紙外觀輪廓”按鈕,標記之間的幀顯示為輪廓 3. 單擊“編輯多個幀”按鈕,可以編輯繪圖紙標記之間的所有幀 4. 要更改一繪圖紙標記的位置,將指針拖到一個新的位置 5. 單擊“

27、修改繪圖紙標記”按鈕,修改繪圖紙外觀標記的顯示 4.4 形狀補間動畫的制作 使用形狀補間動畫可以制作一個形狀隨著時間變成另一個形狀的形變效果。一形狀補間動畫制作步驟 1. 選擇要制作動畫的層;在動畫開始播放的地方創(chuàng)建或選擇一個關鍵幀 2. 創(chuàng)建或放置圖形對象或分離的組、位圖、實例或文本塊 3. 在同一層上再創(chuàng)建一個關鍵幀,并選擇該關鍵幀 4. 選擇在前一個關鍵幀中放置的圖形執(zhí)行以下操作之一 · 修改插圖的形狀、顏色或位置。 · 刪除該插圖,然后在第二個關鍵幀中放入新的圖形或分離的組、位圖、實例或文本塊。 5.在時間軸上選擇第1個關鍵幀,從“屬性”面板中的“補間”彈出菜單中選

28、擇“形狀”7.要調整漸變過渡幀的變化速度??梢酝蟿印皵U大值”旁邊的箭頭或輸入一個值 注意: · 變形對象必須在一個圖層上,否則不能形成補間動畫。 · 要對組合體、實例、文本、位圖圖象應用補間形狀動畫,必須首先將這些元素打散。 實例1:數(shù)字變化實例2:波浪實例3:畫矩形課堂小結1.掌握逐幀動畫、形狀補間動畫的制作方法。2.使學生能夠靈活使用設置動畫的基本方法并制作簡單動畫。3.注意形狀補間動畫提示點的設置方法布置作業(yè)1、制作逐幀動畫“倒計時”2、制作逐幀動畫“夜空下的燭火”教學反思第五節(jié) 兩種補間動畫課時安排2課時教學目標掌握制作動作補間動畫的過程教學重點掌握動作補間動畫的制

29、作要點教學難點動作補間的動畫的綜合應用;時間幀延后的效果教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注一、導入新課教師播放幾個Flash影片,由此引入課題。問題的提出:如何制作移動動畫?二、講述新課動作補間動畫:用于對實例、組合體和文字的位置、大小、旋轉、傾斜、顏色屬性等產生漸變。 動作補間動畫創(chuàng)建步驟: 1. 單擊層名使之成為當前層,選擇層中的一個空白關鍵幀作為動畫的起點。 2. 創(chuàng)建補間動畫的第一個幀,執(zhí)行以下操作之一: · 創(chuàng)建一個圖形對象并轉換為元件 · 在舞臺中創(chuàng)建一個

30、實例、組或文本塊 · 將元件的實例從“庫”面板中拖出 3. 在動畫要結束的地方創(chuàng)建第二個關鍵幀,然后選擇結束幀4. 更改結束幀中的實例、組或文本塊,執(zhí)行以下操作之一:· 將項目移動到新的位置 · 修改項目的大小、旋轉或傾斜 · 修改項目的顏色(僅限實例或文本) 5. 右鍵單擊補間幀范圍內的任何幀,從彈出的菜單中選擇創(chuàng)建補間動畫;或從屬性面板的“補間”彈出菜單中選擇“動作” 6. 如果修改了項目的大小,勾選“縮放”選項7. 如果要調整補間幀之間的變化速率可以拖動“簡易”框右邊的箭頭或輸入一個值若要加速設置值為-1至 -100;若要減速設置值為1到100 8

31、. 若要旋轉對象,從“旋轉”菜單中選擇一個選項: · 選擇“無”不旋轉 · 選擇“自動”可以在需要最少動畫的方向上旋轉對象一次 · 選擇“順時針”或“逆時針”按指定的方向旋轉對象,輸入一個數(shù)值指定要旋轉的次數(shù) 注:移動漸變動畫首尾幀間有淡藍色背景,并有黑色箭頭表示,若出現(xiàn)虛線表示漸變過程有問題。元件的五種變化:移動、縮放、旋轉、顏色、透明度 實例1:跳動的小球實例2:碰撞的小球課堂小結1.逐幀動畫、動作補間動畫、形狀補間動畫和場景動畫的設計方法。2.使學生能夠靈活使用設置動畫的基本方法并制作簡單動畫。布置作業(yè)1:轉動的風車2:卷軸動畫教學反思第六節(jié) 引導動畫課程內

32、容1課時教學目標1、要求學生掌握各類曲線運動的制作技巧,掌握引導線、引導層的概念及作用;2、能根據運動的需求,畫出運動軌跡線,即引導線。教學重點運動引導層的創(chuàng)建,動畫關鍵幀的設置。教學難點做引導層時的幾個注意點。教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注一、復習舊課總結上周實訓中的問題,比較兩種補間動畫的制作步驟和先決條件。注意和圖層結合完成特效。二、導入新課我們已經知道在以前所涉及的移動動畫過程都是兩點一直線,不存在曲線運動,這對設計者來講是不夠的,我們需要更豐富的移動動畫,這就引出我們這一章

33、節(jié)所要講的FLASH中的功能層之一-引導線層。我們可以比較一下面三幅動畫:1、用逐幀技術   2、用移動補間  3、用引導線技術 通過觀察我們可以發(fā)現(xiàn)用引導線做出的動畫,它的運動路徑可以是一條曲線,這樣,動畫也就隨之而豐富起來。思考:以上動畫能直接用移動補間來完成嗎?自己動手試一試用移動補間做該動畫效果,然后比較用幾個關鍵幀來完成最相像?(教師提供素材)通過實驗我們發(fā)現(xiàn):按照以前所學,除非使用逐幀動畫,否則無法完成該動畫效果,那么,有沒有其它方法?引導線功能層三、講述新課61引導線、引導層的概念 1、引導層:引導線必須制作在引導層中,而需要使用引導線作為

34、運動軌跡線的物體所在層必須在引導層的下方,一個引導層可以為多個圖層提供運動軌跡。同時在一個引導層中可以有多條運動軌跡。 2、引導線:引導線就是軌跡或輔助線的作用。它讓物體沿著引導線路徑運行,運動的對象其關鍵幀必須完全吸附在軌跡上(即物體運動的軌跡,一般使用鋼筆工具來制作) 注意:思考引導線的顏色和線條的粗細是否影響引導效果?在運動引導層中的線條在實際導出成SWF文件時是不否可見?62創(chuàng)建引導路徑動畫的方法1、創(chuàng)建引導層和被引導層 一個最基本“引導路徑動畫”由二個圖層組成,上面一層是“引導層”,它的圖層圖標為,下面一層是“被引導層”,圖標同普通圖層一樣。在普通圖層上點擊時間軸面板的“添加引導層”

35、按鈕,該層的上面就會添加一個引導層,同時該普通層縮進成為“被引導層”,如圖所示。 2、引導層和被引導層中的對象 引導層是用來指示元件運行路徑的,所以“引導層”中的內容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導層”中的對象是跟著引導線走的,可以使用影片剪輯、圖形元件、按鈕、文字等,但不能應用形狀。由于引導線是一種運動軌跡,不難想象,“被引導”層中最常用的動畫形式是動作補間動畫,當播放動畫時,一個或數(shù)個元件將沿著運動路徑移動。3、向被引導層中添加元件 “引導動畫”最基本的操作就是使一個運動動畫“附著”在“引導線”上。所以操作時特別得注意“引導線”的兩端,被引導

36、的對象起始、終點的2個“中心點”一定要對準“引導線”的2個端頭。 63應用引導路徑動畫的技巧1、“被引導層”中的對象在被引導運動時,還可作更細致的設置,比如運動方向,把【屬性】面板上的【路徑調整】前打上勾,對象的基線就會調整到運動路徑。而如果在【對齊】前打勾,元件的注冊點就會與運動路徑對齊。2、引導層中的內容在播放時是看不見的,利用這一特點,可以單獨定義一個不含“被引導層”的“引導層”,該引導層中可以放置一些文字說明、元件位置參考等,此時,引導層的圖標為。3、在做引導路徑動畫時,按下工具欄上的【對齊對象】功能按鈕,可以使“對象附著于引導線”的操作更容易成功。4、過于陡峭的引導線可能使引導動畫失

37、敗,而平滑圓潤的線段有利于引導動畫成功制作。5、被引導對象的中心對齊場景中的十字星,也有助于引導動畫的成功。6、向被引導層中放入元件時,在動畫開始和結束的關鍵幀上,一定要讓元件的注冊點對準線段的開始和結束的端點,否則無法引導,如果元件為不規(guī)則形,可以按下工具欄上的任意變形工具,調整注冊點。7、如果想解除引導,可以把被引導層拖離“引導層”,或在圖層區(qū)的引導層上單擊右鍵,在彈出的菜單上選擇【屬性】,在對話框中選擇“正?!弊鳛閳D層類型。8、如果想讓對象作圓周運動,可以在“引導層”畫個圓形線條,再用橡皮擦去一小段,使圓形線段出現(xiàn)2個端點,再把對象的起始、終點分別對準端點即可。9、引導線允許重疊,比如螺

38、旋狀引導線,但在重疊處的線段必需保持圓潤,讓Flash能辨認出線段走向,否則會使引導失敗。注意:引導層一旦建立完成后應將其鎖定對運動對象定位時最好打開“帖緊至對象”工具,這樣當吸附正確時中心點會放大。實例1:小球的無規(guī)則運動實例2:飛舞的蝴蝶實例3:飄雪綜合實例:寒梅傲雪課堂小結引導層動畫的概念引導層動畫的制作方法布置作業(yè)實訓十:制作引導動畫教學反思第七節(jié) 遮罩動畫課時安排1課時教學目標1、掌握遮罩的基本原理;2、運用遮罩制作簡單的場景動畫教學重點遮罩層和被遮罩層教學難點多層遮罩動畫教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件

39、、素材、ppt等。教學過程備注一、導入新課 在Flash的作品中,我們常??吹胶芏嘌D可衿娴男Ч?,而其中不少就是用最簡單的“遮罩”完成的,如水波、萬花筒、百頁窗、放大鏡、望遠鏡等等。那么,“遮罩”如何能產生這些效果呢?請同學們先觀看下面兩個動畫,并思考以下問題:1、動畫中具體表現(xiàn)出什么樣的變化?2、動畫中是否有透過某個區(qū)域可以看到另一番景象?二、新課講解 71遮罩動畫的概念 遮罩動畫是Flash中的一個很重要的動畫類型,很多效果豐富的動畫都是通過遮罩動畫來完成的。在Flash的圖層中有一個遮罩圖層類型,為了得到特殊的顯示效果,可以在遮罩層上創(chuàng)建一個任意形狀的“視窗”,遮罩層下方的對象可以通過該

40、“視窗”顯示出來,而“視窗”之外的對象將不會顯示。 72創(chuàng)建遮罩的方法1、創(chuàng)建遮罩在Flash中沒有一個專門的按鈕來創(chuàng)建遮罩層,遮罩層其實是由普通圖層轉化的。你只要在某個圖層上單擊右鍵,在彈出菜單中選擇【遮罩層】,使命令的左邊出現(xiàn)一個小勾,該圖層就會生成遮罩層,“層圖標”就會從普通層圖標變?yōu)檎谡謱訄D標,系統(tǒng)會自動把遮罩層下面的一層關聯(lián)為“被遮罩層”,在縮進的同時圖標變?yōu)椋绻阆腙P聯(lián)更多層被遮罩,只要把這些層拖到被遮罩層下面就行了,如圖所示。 2、構成遮罩和被遮罩層的元素 遮罩層中的圖形對象在播放時是看不到的,遮罩層中的內容可以是按鈕、影片剪輯、圖形、位圖、文字等,但不能使用線條,如果一定要用

41、線條,可以將線條轉化為“填充”。 被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層,可以使用按鈕,影片剪輯,圖形,位圖,文字,線條。 3、遮罩中可以使用的動畫形式 可以在遮罩層、被遮罩層中分別或同時使用形狀補間動畫、動作補間動畫、引導線動畫等動畫手段,使遮罩動畫變成一個可以施展無限想象力的創(chuàng)作空間。 3應用遮罩時的技巧l 遮罩層的基本原理是:能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性(包括它們的變形效果),但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如,我們不能通過遮罩層的漸變色來實現(xiàn)被遮罩層的漸變色變化。(1) 要在場景中顯示

42、遮罩效果,可以鎖定遮罩層和被遮罩層。 (2) 可以用“Actions”動作語句建立遮罩,但這種情況下只能有一個“被遮罩層”,同時,不能設置_Alpha屬性。 (3) 不能用一個遮罩層試圖遮蔽另一個遮罩層。 (4) 遮罩可以應用在gif動畫上。 (5) 在制作過程中,遮罩層經常擋住下層的元件,影響視線,無法編輯,可以按下遮罩層時間軸面板的顯示圖層輪廓按鈕,使之變成,使遮罩層只顯示邊框形狀,在種情況下,你還可以拖動邊框調整遮罩圖形的外形和位置。 (6) 在被遮罩層中不能放置動態(tài)文本。 實例1:探照燈效果實例2:放大鏡效果實例3:萬花筒課堂小結a) 在做遮照時要分清楚什么是遮照,什么是被遮照的?關鍵

43、記住顯示的是兩層的重疊部分,而具體顯示的內容由被遮照層決定,即看到的是什么,那一層就是被遮照層。b) 遮照層和被遮照層兩層都可做動畫,我們的動畫是在哪一層?c) 很多時候遮照不只有兩層,還有兩個普通層,一個在被遮照層下,一般用作背景;還有一層在遮照層上,一般是做一些和遮照同步的動畫,有些還可在遮照層的基礎上再作加工,比如說一些放大鏡的樣子等d) 分清楚遮照的這些概念以后,就可以用以前學過的知識做各類元件放在相應的層中,就可以做出我們需要的一些遮照效果。布置作業(yè)1:MTV字幕效果2:百葉窗效果教學反思第八節(jié) 聲音導入課程內容1課時教學目標將聲音添加到時間軸上;為關鍵幀添加聲音;為按鈕添加聲音;M

44、TV制作教學重點為元件添加聲音教學難點MTV制作教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注一、導入新課 請各位同學觀看兩個影片,并思考兩個影片中突出部分是什么?這部分在影片中起到了什么作用?二、講述新課8.1 聲音的導入1、Flash中控制音頻的主要方法: 讓聲音獨立于時間軸循環(huán)播放 為動畫配音樂 為按鈕添加某種聲音 設置聲音漸入漸出等效果 通過動作控制音效的回放 2、導入到Flash中的聲音文件格式: Flash中不能自己創(chuàng)建或錄制聲音,編輯動畫所使用的聲音素材都要從外部以文件的形式導入到Fl

45、ash中。 直接導入 Flash 應用的聲音文件,主要包括 WAV 和 MP3 兩種格式。如果系統(tǒng)上安裝了 QuickTime 4 或更高版本,則還可以導入 AIFF 格式和只有聲音的 QuickTime 影片格式。3、導入聲音操作步驟: 選擇“文件”“導入”“導入到庫”。 在“導入”對話框中,定位并打開所需的聲音文件 Flash將音頻文件存放在元件庫中。打開庫,按下播放按鈕可以試聽。 注: 1)在庫中的聲音文件有上下兩個波形,表示此聲音文件為雙聲道文件。如果只顯示一個波形,則表示文件為單聲道的聲音2)如果在導入mp3聲音文件時顯示“讀取文件時出現(xiàn)問題,一個或多個文件沒有導入”,可以將該文件使

46、用音頻轉換軟件重新壓縮或轉換為wav文件后再導入。練習8-1:1) 打開素材文件8-1源文件.fla;2) 導入聲音music.mp3;3) 打開庫測試聲音;4) 插入新層;在新層第1關鍵添加聲音。8.2 為影片添加聲音在影片中添加聲音操作步驟:1、 將聲音文件導入到電影中。 2、 單擊插入層命令為聲音創(chuàng)建一個新層。在該圖層上要開始播放聲音的幀處創(chuàng)建一個關鍵幀。 3、 點擊要添加聲音的關鍵幀,在屬性面板聲音下拉列表框中選擇一個聲音文件 4、 從“同步”彈出菜單中選擇需要的選項: 事件: 聲音的播放和事件的發(fā)生同步。聲音在它的起始關鍵幀開始播放,并不受時間軸控制。即使影片播放完畢,聲音也繼續(xù)播放

47、,直到此聲音文件播放完畢為止。采用該方式的聲音文件必須完全下載后才能夠播放。該方式的聲音文件最好短小,常用于制作按鈕聲音或各種音效。 開始:與事件選項的功能相似,所不同的是,如果聲音正在播放,使用此選項則不會播放新的聲音。 停止:停止播放指定的聲音。 數(shù)據流:聲音和時間軸保持同步。聲音文件可以一邊下載一邊播放,當影片播放完畢,聲音也隨之終止。主要用于制作背景音樂或MTV 5. 選擇播放次數(shù): 選擇“重復”:需要輸入一個值,以指定聲音應循環(huán)的次數(shù) 選擇“循環(huán)”:連續(xù)重復播放聲音 注:1) 聲音在到達時間軸中的終點就會停下來??梢酝ㄟ^在聲音圖層中加入更多的幀來延長聲音的播放時間。2) 在編輯過程中

48、按Enter鍵可以測試聲音。也可按Ctrl+Enter鍵通過測試影片方法測試。練習8-2:1)打開素材文件8-2源文件.fla2)導入聲音文件:晴天.mp3、雨聲.mp3、鳥叫.wav、閃電雷聲.wav、青蛙.WAV3)根據畫面,將聲音文件添加到時間軸相應的位置8.3 聲音的效果設置和編輯1. 在時間軸上,選擇包含聲音文件的第一個幀2. 在聲音屬性面板中,從“效果”彈出菜單中選擇聲音效果選項: 3. 如果選擇自定義或點擊編輯按鈕,可以打開聲音編輯控件,使用此控件可以改變聲音開始播放和停止播放的位置或調整音量的大小打開練習8-2制作的Flash文件設置聲音效果:1)將雷電聲設置為淡出2) 設置雨

49、聲效果為自定義聲音,開頭由小到大,結尾由大到小3) 改變晴空聲音的起始點與終點4) 降低青蛙聲音的音量 8.4 給按鈕附加聲音在Flash中通過給按鈕符號的不同狀態(tài)附加聲音,可以為按鈕加入聲效。 為按鈕添加聲音的操作步驟: 使用“文件”“導入”命令,導入要附加到按鈕上的聲音文件。 從庫面板或舞臺上選擇按鈕,單擊右鍵,從彈出的快捷菜單中選擇“編輯”命令,進入按鈕的編輯狀態(tài) 在按鈕的時間軸新建一個層,專門用于附加聲音。 練習8-4:給按鈕附加聲音1) 打開素材文件8-4源文件.fla;導入素材文件夾中的聲音文件 2)從公用庫中拖出一個按鈕,制作點擊時發(fā)出聲音效果 3)制作點擊小孩動畫發(fā)出笑聲效果4

50、) 制作點擊播放按鈕播放音樂/點擊停止按鈕,停止播放音樂5) 在按鈕的經過或按下狀態(tài)上放置電影元件與聲音,制作鼠標經過或點擊按鈕出現(xiàn)動畫與聲音效果。 8.5 聲音的壓縮與屬性設置聲音屬性設置方法: 1. 雙擊庫面板中的聲音文件圖標或右鍵點擊后從上下文菜單中選擇“屬性”。打開聲音屬性對話框2. 去掉使用導入的MP3品質項的勾選3. 打開“壓縮”框下拉菜單選擇:4. 點擊“測試”按鍵,試聽設置的聲音。5. 設置完畢點擊“確定”按鈕。8.6 使用行為控制聲音在Flash 中可以使用行為來控制聲音的加載與播放。使用行為控制聲音的操作步驟: 1、 為庫中的聲音設置鏈接屬性(1)在“庫”面板中選擇聲音;

51、(2)右擊庫面板中的聲音名稱,從上下文菜單中選擇“鏈接”; (3)勾選鏈接中的“為動作腳本導出”; (4)在標識符框中輸入標識字符串,標識符要寫入文件的擴展名; (5)后單擊“確定”。 2、使用行為將聲音載入(1)選擇一個要用于觸發(fā)行為的對象(如按鈕);(2)在行為面板上單擊(+)按鈕(3)從“聲音”子菜單中選擇“從庫加載聲音”或“加載MP3流文件”(外部文件);(4)在出現(xiàn)的對話框中輸入鏈接標識符或聲音位置(外部MP3文件);(5)輸入此聲音的實例名稱, 單擊“確定”3、使用行為控制聲音 (1)在舞臺上選擇用于觸發(fā)行為的按鈕。(2)在行為面板上單擊(+)按鈕,從“聲音”子菜單中選擇所需的行為

52、(例如:停止聲音、播放聲音等)(3)在彈出的對話框中輸入此聲音的實例名稱,點擊確定;(4)打開“事件框的下拉菜單,選擇一個鼠標事件。如果要使用 “釋放時”事件,保持該選項不變。練習8-6使用行為控制聲音選擇與播放。1) 打開素材8-6源文件.fla,將庫中的按鈕拖入舞臺2)導入聲音文件 3)為按鈕1添加從庫中打開聲音行為4)為按鈕2添加播放外部mp3文件的行為5)為按鈕3添加從庫中加載并播放mp3文件行為6)為按鈕4添加停止播放所有聲音行為課堂小結1. 將聲音添加到時間軸上及處理方法2. 為關鍵幀添加聲音3為按鈕添加聲音布置作業(yè)導入和應用聲音教學反思第九節(jié) 腳本基礎應用課程內容2課時教學目標掌

53、握程序編輯環(huán)境動作面板的使用方法;能夠通過動作面板開發(fā)與編輯ActiongScript腳本程序。了解ActionScript編程要素與ActiongScript程序的語法規(guī)則;掌握如何在Flash中為時間軸中的關鍵幀、按鈕元件實例和影片剪輯實例等對象添加腳本指定動作。教學重點了解ActionScript編程要素與ActiongScript程序的語法規(guī)則;教學難點掌握如何在Flash中為時間軸中的關鍵幀、按鈕元件實例和影片剪輯實例等對象添加腳本指定動作。教學方法講授演示法,任務驅動學習法和協(xié)作學習法教學資源多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等。教學過程備注一

54、、導入新課教師播放幾個Flash影片,由此引入課題。問題的提出:如何制作交互式動畫?二、講述新課ActionScript是Flash內置的腳本編寫語言,用于向影片添加交互性。使用該語言為Flash動畫編程,可以實現(xiàn)Flash中內容與內容,內容與用戶之間的交互;實現(xiàn)各種動畫特效、對影片的進行控制、進行強大的人機交互以及與網絡服務器的交互功能。 9.1 動作面板的使用動作面板是Flash程序編輯環(huán)境。使用該面板可以開發(fā)與編輯ActiongScript腳本程序。一.啟動動作面板啟動動作面板方法:1. 選中關鍵幀、按鈕或影片剪輯等對象 2. 選擇菜單 “窗口”“開發(fā)面板”“動作”(或按快捷鍵F9打開動

55、作面板)。 二.動作面板的組成Flash 動作面板由以下部分組成: · 動作工具箱:列出所有ActionScript動作腳本語言元素。 雙擊命令,或者將命令拖到右邊的腳本輸入區(qū)中即可向腳本中添加命令。 · 腳本導航器: 列出當前工作的項目中含有腳本程序的界面元素,用于瀏覽文件以查找動作腳本代碼。單擊腳本導航器中的某一項目,則與該項目關聯(lián)的腳本將出現(xiàn)在“腳本”輸入區(qū),并且播放頭將移到時間軸上的該位置。 · 腳本輸入區(qū):輸入與編輯腳本代碼的區(qū)。 · 工具欄:列出腳本編輯中常用的命令按鈕。點擊可執(zhí)行選定的操作三.使用動作面板添加動作可以使用以下方法之一添加動作。· 直接在“腳本”輸入區(qū)中編輯輸入命令、參數(shù)或編輯命令。 · 雙擊“動作”工具箱中的某一項向

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論