中學《動畫設計》校本課程教材

1、主編 副主編 課程簡介1、 動畫設計的背景動畫設計是新興的設計。 動畫影片中負責繪制動畫的工作人員。動畫設計分為人物造型設計和場景設計，動畫設計師要運用運動學原理，使靜態(tài)的人物、場景在二維、三維中連貫的運動。同時為這個動畫提供藝術的詼諧性，這是動畫的主流。 二、動畫設計的基本理念 本課程以實例為主，由淺入深地講解Flash動畫的操作知識，從最基礎的繪圖到較高級的動作交互，再到更深入的動作腳本編寫，均有豐富詳細的例子。全課程以理論知識為引導，通過對各個實例的學習，全面掌握Flash的各種功能和制作技巧。 三、動畫設計課程標準的設計思路 本課程的設計體現(xiàn)“以能力為本位、以職業(yè)實踐為主線、以項目課程

2、為主體”，打破了傳統(tǒng)的學科體系的模式，將職業(yè)崗位能力中用到的知識點融合在項目中。學生通過各項目的系列練習操作，熟練地掌握崗位所需知識和技能，并不斷強化，項目體現(xiàn)操作能力和解決問題能力的培養(yǎng)。它體現(xiàn)了職業(yè)教育“以就業(yè)為導向，以能力為本位”的職業(yè)教育理念。四、活動對象和指導教師四、五、六年級學生，具備一定得計算機基礎知識。以Flash動畫制作軟件為教學軟件，指導教師：達生強。五、活動時間和地點時間：每周周三第二節(jié)課下至放學前五分鐘。地點：綜合樓二樓微機教室。目 錄 第一節(jié)：（圖形繪畫）案例（雞蛋、太陽、白云、藍天、太陽花） 第二節(jié) ：豐富多彩的文字效果案例（七彩文字、透視文字、波浪文字、

3、立體文字等） 第三節(jié) ：動作動畫（一）位置、旋轉(zhuǎn)、大小等變化而產(chǎn)生的動畫 第四節(jié)：動作動畫（二）色彩、透明、亮度等變化而產(chǎn)生的動畫 第五節(jié)：形狀補間動畫 案例（蛋生雞、變幻的字母、奇妙的七彩文字） 第六節(jié)：引導動畫案例（會飛的蝴蝶等） 第七節(jié)：遮罩動畫  第八節(jié)：按鈕制作  第九節(jié)：插入聲音  第十節(jié)：交互動畫  第十一、十二節(jié)：創(chuàng)作作品  第十三節(jié)：作品交流第一節(jié)：（圖形繪畫）案例（雞蛋、太陽、白云、藍天、太陽花）1、 電腦繪圖工具的使用1、打開畫圖程序的步驟如上圖所示。開

4、始>所有程序>附件>畫圖2找到程序，直接單擊左鍵就可以打開了2、打開這個界面之后，就可以自己發(fā)揮了。用鉛筆畫也好，有線條畫也罷了，完全看自己的心意去涂鴉了。3、畫好之后直接點擊“文件>另存為”即可保存下來你所努力的成果了。二、了解動畫設計的所需軟件以及背景等常規(guī)知識。第二節(jié) ：豐富多彩的文字效果案例（七彩文字、透視文字、等）一、在Word中對文字進行動態(tài)設置是比較簡單電腦操作，過程如下：1、輸入或選擇要添加七彩霓虹的文字；2、從菜單中格式(或是右擊鼠標)找到字體；3、彈出如圖所示的對話框，其中就有你想要的七彩霓虹。二、了解動畫設計的主要軟件Flash界面和時間軸，認識時

5、間軸的作用和用法。第三節(jié) ：動作動畫（一）位置、旋轉(zhuǎn)、大小等變化而產(chǎn)生的動畫一、初步認識Flash界面以及工具欄:1. 選擇工具:選擇目標和修改形狀的輪廓.2. 部分選取工具:調(diào)節(jié)節(jié)點位置或曲柄改線條的形狀.3. 線條工具4. 套索工具:選擇目標形狀5. 鋼筆工具:以節(jié)點方式建立復雜選區(qū)形狀6. 橢圓工具:7. 矩形工具8. 鉛筆工具:使用線條繪制形狀9. 刷子工具:填充繪制圖形10. 變形工具:調(diào)整大小,旋轉(zhuǎn)等變形操作11. 漸變工具:漸變填充色的方向及距離.12. 墨水瓶工具:填充輪廓線條的色彩13. 顏料桶工具:填充封閉形狀的內(nèi)部色彩14. 吸管工具:提取目標色彩為填充色彩.基

6、本繪圖工具使用：Flash 提供了各種工具，用來繪制自由形狀或準確的線條、形狀和路徑，并可用來對對象進行上色，現(xiàn)在我們來實踐一下?！局本€工具】，【顏料桶】和【刷子工具】的用法例1：畫一片樹葉:“樹葉”圖形元件編輯場景中，首先用【線條工具】畫一條直線，設置【筆觸顏色】為深綠色2.用【選擇工具】將它拉成曲線3.再用【線條工具】繪制一個直線，用這條直線連接曲線的兩端點4.用【選擇工具】將這條直線也拉成曲線5.一片樹葉的基本形狀已經(jīng)繪制出來了，現(xiàn)在我們來繪制葉脈，先在兩端點間繪制直線，然后拉成曲線6.再畫旁邊的細小葉脈，可以用直線，也可以將直線略彎曲，這樣，一片簡單的樹葉就畫好了7.要移動選中的線條，

7、就用鼠標拖動它，要刪除它，就直接按鍵盤上的Delete鍵。按住Shift鍵的同時連續(xù)單擊線條，可以同時選取多個對象。也可以用【選擇工具】框選對象，被框選起來的對象將都被選中。如果要選取全部的線條，按鍵盤上的快捷鍵Ctrl+A，就可以將其全部選中了8.給樹葉上色:這片樹葉填上顏色。在工具箱中看到這個【顏色】選項了嗎？9. 單擊【填充色】按鈕 ，彈出一個調(diào)色板，同時光標變成吸管狀如果你覺得調(diào)色板的顏色太少不夠選，那么單擊調(diào)色板右上角的【顏色選擇器】按鈕，此時會彈出一個【顏色】對話框，其中有更多的顏色選項，在這里，你能把選擇的顏色添加到自定義顏色中在【自定義顏色】選項下單擊一個自定義色塊，該色塊會被

8、虛線包圍，在【顏色】對話框右邊選擇你喜歡的顏色，上下拖動右邊顏色條上的箭頭，拖動鼠標到你需要的顏色上，單擊【添加到自定義顏色】按鈕，這種顏色就被你收藏起來了。下一次要使用時，打開【顏色】對話框，在【自定義顏色】中可以方便的選取你中意的顏色。10.現(xiàn)在我們在調(diào)色板上選取綠色，單擊工具箱中的【顏料桶工具】 ，在畫好的葉子上單擊一下【顏料桶工具】能在一個封閉的區(qū)域中填色。按快捷鍵Ctrl+Z，取消剛填充的顏色，現(xiàn)在我們用【橡皮擦工具】將線條擦出一個缺口，再填充右下角的區(qū)域。繪制樹枝（1）旋轉(zhuǎn)樹葉選擇【任意變形工具】后，單擊舞臺上的樹葉，這時樹葉被一個方框包圍著，中間有一個小圓圈，這是變形點，當我們進

9、行縮放旋轉(zhuǎn)時，以它為中心,變形點是可以移動的。將鼠標移近它，鼠標右下角會出現(xiàn)一個圓圈，按住鼠標拖動，將它拖到葉柄處，便于樹葉繞葉柄進行旋轉(zhuǎn), 再將鼠標移動到方框的右上角，鼠標變成旋轉(zhuǎn)圓弧狀，表示這時就可以進行旋轉(zhuǎn)了。向下拖動鼠標，葉子繞變形點旋轉(zhuǎn)，到合適位置時松開鼠標（2）復制樹葉用【選擇工具】選中樹葉圖形，執(zhí)行【編輯】|【復制】命令，再執(zhí)行【編輯】|【粘貼到中心位置】命令，這樣就復制出了樹葉圖片（3）變形樹葉將粘貼好的樹葉拖到旁邊，再用【任意變形工具】進行旋轉(zhuǎn)。使用【任意變形工具】時，也可以像使用【選擇工具】一樣移動樹葉的位置。拖動任一角上的縮放手柄，可以將對象放大或縮小。拖動中間的手柄，可

10、以在垂直和水平方向上放大縮小，甚至翻轉(zhuǎn)對象。將樹葉適當變形（4）創(chuàng)建“三片樹葉”圖形元件再復制一片樹葉，用【任意變形工具】將三片樹葉調(diào)整三片樹葉圖形創(chuàng)建好以后，將它們?nèi)窟x中，然后執(zhí)行【修改】|【轉(zhuǎn)換為元件】命令（快捷鍵為F8），將它們轉(zhuǎn)換為名字為“三片樹葉”的圖形元件。（5）繪制樹枝以上的繪圖操作都是在“樹葉”編輯場景中完成的，現(xiàn)在返回到主場景：場景1，在時間軸的右上角有一個【場景1】按鈕，如圖2-1-44所示，單擊它，這樣就切換到了場景1。單擊【刷子工具】，選擇一種填充色，在工具箱下邊的【選項】中，選擇【刷子形狀】為圓形，【刷子大小】自定，單擊按鈕，選擇【后面繪畫】模式，移動鼠標到場景中，

11、畫出樹枝形狀（6）組合樹葉和樹枝執(zhí)行【窗口】|【庫】命令（快捷鍵為Ctrl+L），打開【庫】面板，你可以看到，【庫】面板中有兩個剛制作完圖形元件，分別為“樹葉”和“三片樹葉”，單擊“樹葉”圖形元件，將其拖放到場景的樹枝圖形上，用【任意變形工具】進行調(diào)整。元件【庫】中的元件可以重復使用，只要改變它的大小和方向，就能制作出紛繁復雜的效果來。二、使用變形面板:(1).使用工具箱中的矩形工具在舞臺中畫出一個矩形(2).使用工具箱中的選擇工具選中矩形邊框.(3).點擊”窗口/設計面板/變形”(4).輸入矩形的旋轉(zhuǎn)角度為10(5).點擊變形面板中的”復制并應用變形”3、 例1：學做運動的小圓球。 （1）新

12、建一個flash空白文檔。 （2）選擇菜單欄中的“修改文檔”，設置影片屬性。 （3）利用繪圖工具在舞臺左邊畫一個黃色的圓形，選中該圓形，利用菜單“修 改轉(zhuǎn)換成組件”，將繪制的圓形轉(zhuǎn)化為圓形組件，命名為“圓形”。 （4）小技巧：請同學們翻到書17頁小技巧，簡單介紹組件的定義。 （5）在時間軸第 25幀處插入關鍵幀，將第25幀上的小圓球拖到舞臺右邊。在第1幀上右擊，選擇快捷菜單中“創(chuàng)建補間動畫”命令，形成動畫效果。 （6）學生自由練習，教師巡視輔導。 （7）優(yōu)秀學生示范制作，教師點評。四、例2：（1）制作射門動畫。 （2）改變進球的速度和角度。 （3）拓展任務：為影片添加縮放文字。5、 小節(jié)本課1

13、、運動漸變動畫的特點：（1）一個對象。（2）發(fā)生的動作可以是位置的移動、縮放和旋轉(zhuǎn)。2、運動漸變動畫的制作方法：繪制第一關鍵幀，插入最后關鍵幀，調(diào)整最后關鍵幀，形成補間動畫。第四節(jié)：動作動畫（二）色彩、透明、亮度等變化而產(chǎn)生的動畫圖片淡入淡出效果 1、導入圖片到庫，并轉(zhuǎn)換為元件； 2、在圖層1的第1幀拖入元件至場景左側(cè)，選中元件在屬性中的顏色選項中選擇Alpha把值調(diào)至0%； 3、在第35幀按F6，移動圖片到場景中間，并把圖片的Alpha值調(diào)至100%； 4、在第1幀和第35幀之間創(chuàng)建補間動畫，實現(xiàn)淡入效果； 5、在第70幀按F6，移動圖片到場景右側(cè)，并把圖片的Alpha值調(diào)至0% 6、在第3

14、5幀和第70幀之間創(chuàng)建補間動畫，實現(xiàn)淡出效果。 第五節(jié)：形狀補間動畫案例（蛋生雞、變幻的字母、奇妙的七彩文字）例1：小球變大（形變動畫練習）1、 繪制一個小球，選取第20幀，F(xiàn)6鍵（設為關鍵幀），利用【比例】鈕將小球變大，點選【屬性欄】，選【中間】框的下拉鈕【形狀】。創(chuàng)建了【形變動畫】的漸變。2、 Ctrl+Enter鍵看效果。例2：大球變小（動變動畫和圖形元件練習）1、 定義影片屬性：“修改”“影片”，W（寬）：400，H（高）：200。2、 畫一大圓，選取它，F(xiàn)8鍵，名稱框為“ball”，“作用”框為“圖形”，確定鈕。3、 點擊第二十幀，選“插入關鍵幀”，利用“比例”鈕將大球變小。4、 點

15、擊第一幀，選“創(chuàng)建動畫動作”。CTRL+ENTER鍵看效果。例3：字母變形1、 定義影片屬性：“修改影片”，寬：400，高：200，背景色：藍色。2、 單擊工具欄上的“A”鈕，在第一層中插入文本“海角”，字號為48。顏色為粉紅色。3、 選取對象，“修改”“分離”：打散才能實現(xiàn)形變動。4、 在第30幀中插入關鍵幀，刪除“海角”，輸入文本“天涯”，選取對象，“修改”“分離”。5、 在第60幀中插入關鍵幀，刪除“天涯”，輸入文本“歸根”，選取對象，“修改”“分離”。6、 在160幀中，制作兩個形變動畫的過渡。 第六節(jié)：引導動畫案例（會飛的蝴蝶等）一、小球沿曲線運動（引導層練習）1、 在第一

16、層中畫一個小球，顏色為紅，選取小球，“插入”菜單，“轉(zhuǎn)換成元件”命令，輸入“ball”作名稱，類型為“圖形”.2、 設40幀為關鍵幀，將小球的位置略改變。3、 在“140”中任一幀上點擊，選取“創(chuàng)建動畫動作”，做一過渡動畫。4、 加一個引導層：點擊圖層左下角的“添加引導圖層”鈕，出現(xiàn)引導層。5、 用鼠標點擊引導圖層的第一幀，然后在編輯區(qū)內(nèi)繪制一曲線。回到第一層，在第1幀中將球的中心位置移到曲線的首端，在第40幀中將球的中心位置移到曲線的末端，Ctrl+Enter鍵看效果。 第七節(jié)：遮罩動畫 書畫漫卷（遮蔽圖層練習） 例1、書畫漫卷1、 在第一層中畫一根木棍，設置它的顏色：紅

17、黃紅，利用“文件”中的“導入”命令導入一幅山水畫，單擊第40幀，F(xiàn)5鍵。選取小木棍，單擊“復制”鈕。2、 單擊“插入圖層”鈕增加一圖層，選“編輯”菜單中的“粘貼”命令，木棍出現(xiàn)在第二層，將它放置在第一層木棍的右邊，緊靠第一層的木棍；把它定義成“圖形”(F8鍵)，單擊第40幀，F(xiàn)6鍵，將小木棍水平向右移動到一定位置，單擊第一幀，選取“創(chuàng)建動畫動作”，做一過渡動畫。3、 又加一圖層：選取矩形工具，繪制一矩形，蓋住第二層和第一層的木棍，選取矩形“修改”“轉(zhuǎn)換為元件”，在第40幀插入關鍵幀，拖動矩形右邊框，使它緊靠第二層的木棍左邊。4、 點擊第一幀，定義“形變”漸變，將第三層的位置移到第二層下，點擊現(xiàn)

18、在的中間圖層，選取“遮蔽”。第八節(jié)：按鈕制作 創(chuàng)建按鈕元件例1、創(chuàng)建按鈕元件1、 “插入”“新建元件”，名稱框為“a”，“行為”框為“button”.2、 這時，按鈕元件編輯窗口被打開，在時間線控制欄中有四個連續(xù)標記：“彈起”、“指針經(jīng)過”、“按下”、“點擊”，其中第一幀“彈起”是一個空白的關鍵幀。3、 在被編輯元件的第一幀（彈起）中繪制一個有黑色邊框的蘭色實心圓；4、 在第二幀（鼠標經(jīng)過）的位置上新建一個關鍵幀。5、 用繪圖工具欄中的“油漆桶”工具，將舞臺中的蘭色矢量圖形變?yōu)榧t色。6、 在“按下”的位置上新建一個關鍵幀，將舞臺中的蘭色矢量圖形變?yōu)榫G色。7、 如果需要另外設置鼠標激活

19、區(qū)域，則在第四幀（點擊）位置上新建一個關鍵幀，并用繪圖工具繪制一個覆蓋激活區(qū)域的矢量色塊圖：如果不設置“反應區(qū)”幀，則以前一個關鍵中的對象所占區(qū)域為激活區(qū)域。8、 執(zhí)行菜單命令“編輯編輯文檔”，將編輯窗口轉(zhuǎn)換為舞臺編輯界面。9、 執(zhí)行菜單命令“窗口”“庫”，用鼠標拖曳新建的按鈕元件到舞臺中，執(zhí)行菜單命令“控制測試影片”，然后在舞臺中測試按鈕效果。第九節(jié)：插入聲音例1、追捕1、 “插入”新建元件，命名為“警車”，類型為圖符，“文件”“導入”，選相關文件。2、 “插入”新建元件，命名為“匪車”，類型為圖符，“文件”“導入”，選相關文件。3、 導入“警車聲音”文件：“文件”“導入”，選相關聲音文件。4、 建四個圖層：最上的為“路徑”圖層，按下來為“匪車”，再下來為“警車”，最下面是“聲音”圖層。5、 在路徑圖層中，繪制一路徑，延長到第20幀，點擊該圖層標志，選“引導線”?！胺塑嚒焙汀熬嚒眻D層為“添加引導線”，“匪車”層和“警車