FlashCS平面動畫案例教程與實(shí)訓(xùn)案例

1、 第七章 經(jīng)典案例 教學(xué)目標(biāo) 教學(xué)重點(diǎn)、難點(diǎn) 本章小結(jié) 教學(xué)內(nèi)容 教學(xué)目標(biāo) 通過本章的學(xué)習(xí)，使學(xué)生掌握個(gè)人簡歷、公 益廣告、賀卡和MV。 第七章 經(jīng)典案例 教學(xué)重點(diǎn)與難點(diǎn) 復(fù)雜大型動畫的制作思路、制作過程、制 作技巧和注意事項(xiàng)。 第七章 經(jīng)典案例 教學(xué)內(nèi)容 本章計(jì)劃授課12學(xué)時(shí) 本章小結(jié) 第七章 經(jīng)典案例 .1 Flash 平面動畫制作的概述 一、 動畫概述 動畫(Animating)在詞典中的解釋是“賦予生命”的意思，從這 個(gè)意義上來講它是一種手段，使得本來沒有生命的形象活動起來， 它的應(yīng)用范圍非常廣泛，除了作為電影的一種類型（用動畫工藝 講故事）之外，還有用在電影特技制作的動畫、科學(xué)教育動

2、畫、 介紹產(chǎn)品形象的廣告動畫、電子游戲動畫、遠(yuǎn)程教育動畫、網(wǎng)頁 動態(tài)信息動畫等等。 7.1 經(jīng)典動畫制作 .1 Flash 平面動畫制作的概述 二、 動畫制作的技巧 1. 如何有效地管理元件和圖層。 2. 如何設(shè)置動作的預(yù)備和緩沖。 3. 如何利用聲音編輯軟件處理聲音。 4. 如何利用photoshop優(yōu)化圖片。 5. 如何讓聲音與字幕同步。 7.1 經(jīng)典動畫制作 本節(jié)內(nèi)容 案例效果 操作步驟 技術(shù)要點(diǎn) 練習(xí) 7.2 “個(gè)人簡歷” 案例 一、案例效果 重點(diǎn)與難點(diǎn)： 個(gè)人簡歷的結(jié)構(gòu)設(shè)計(jì)、元件的管理 。 7.2 “個(gè)人簡歷” 案例 二、操作步驟 1、新建文檔并命名。 2、制作“與甜甜的天地相關(guān)”的

3、元件 （1）創(chuàng)建“甜”、“的”、“天”“地”四個(gè)“圖形”元件,如下圖 （2）新建一個(gè)“影片剪輯”元件，命名為“甜甜的天地”，如下圖 （3）修改“甜1”圖層的第1幀“甜”字的屬性，設(shè)置其為透明，在1至 10幀建立運(yùn)動補(bǔ)間，并讓其“逆時(shí)針”旋轉(zhuǎn)1圈；“甜2” 、“的”、 7.2 “個(gè)人簡歷” 案例 二、操作步驟 “天”、“地”字也要進(jìn)行相應(yīng)設(shè)置，最后效果如圖 （4）將“甜”、“的”、“天”、“地”和“甜甜的天地”等幾個(gè)元件， 放置到“與甜甜的天地相關(guān)”文件夾中。 7.2 “個(gè)人簡歷” 案例 二、操作步驟 3制作“歡迎進(jìn)入”與“返回”按鈕元件。 （1）新建一個(gè)“按鈕”元件，命名為“歡迎進(jìn)入”。如下圖

4、 （2）新建一個(gè)“按鈕”元件，命名為“返回”。效果如圖7.8所示。 7.2 “個(gè)人簡歷” 案例 二、操作步驟 4制作“與閃爍相關(guān)”元件。 新建一個(gè) “心” 圖形元件和“閃爍” 影片剪輯元件，如下圖 5制作“個(gè)人簡歷等文本”元件如下圖 6制作“個(gè)人簡歷使用按鈕”元件。 新建“百合花”圖形元件、“旋轉(zhuǎn)”影片剪輯元件和“按鈕”三個(gè)元件 7.2 “個(gè)人簡歷” 案例 二、操作步驟 7制作“個(gè)人簡歷等影片剪輯”元件。 （1）利用遮罩動畫制作“個(gè)人簡歷”影片剪輯元件，如下圖 （2）使用直接復(fù)制的方法制作出“個(gè)人相冊”、“聯(lián)系方式”、“未來 憧憬”和“興趣愛好”等四個(gè)影片剪輯。 7.2 “個(gè)人簡歷” 案例 二

5、、操作步驟 （3）新建一個(gè)“影片剪輯”命名為“相冊”。 8制作“菜單”元件。 （1）新建一個(gè)“菜單”影片剪輯，各按鈕引導(dǎo)層如圖 7.2 “個(gè)人簡歷” 案例 二、操作步驟 （2）使用“交換元件”對話框，如下圖 （3）為各個(gè)按鈕添加的動作腳本如下圖 7.2 “個(gè)人簡歷” 案例 二、操作步驟 （4）“菜單”元件各幀設(shè)置效果如下圖 7.2 “個(gè)人簡歷” 案例 二、操作步驟 9主場景設(shè)置 （1）主場景中的圖層設(shè)置和“開始”圖層實(shí)例的放置位置如下圖 （2）“返回”按鈕的動作腳本如圖 7.2 “個(gè)人簡歷” 案例 二、操作步驟 （3）整個(gè)文件元件的分類 10測試影片，保存文件，并導(dǎo)出影片 7.2 “個(gè)人簡歷”

6、 案例 三、技能要點(diǎn) 1、個(gè)人簡歷的結(jié)構(gòu)設(shè)計(jì) （1）鏡頭的變換。 （2）動畫效果的變換。 （3）動畫技巧的使用。 （4）制作復(fù)雜案例時(shí)可以先制作簡單的基本元件。 7.2 “個(gè)人簡歷” 案例 2、元件的管理 （1）復(fù)制元件。 （2）刪除與重命名元件。 （3）查找空閑元件。 （4）排序元件。 （5）使用元件文件夾。 三、技能要點(diǎn) 7.2 “個(gè)人簡歷” 案例 （1）請仿照本案例的設(shè)計(jì)和制作方法制作一個(gè)個(gè)人簡歷動 畫，要求使用到運(yùn)動補(bǔ)間動畫、形狀補(bǔ)間動畫、遮罩動畫和引 導(dǎo)動畫等技巧。 四、練習(xí) 7.2 “個(gè)人簡歷” 案例 本節(jié)內(nèi)容 案例效果 操作步驟 技術(shù)要點(diǎn) 練習(xí) 7.3 “環(huán)境污染公益廣告” 案例

7、 一、案例效果 重點(diǎn)與難點(diǎn)： 如何設(shè)計(jì)公益廣告、常用鏡頭和鏡頭切換的效果。 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 1介紹設(shè)計(jì)思路。 （1）用形容古代四大美女的 “沉魚、落雁、閉月、羞花”一句話,來表 現(xiàn)當(dāng)前我們生活的環(huán)境污染，以此來號召人們愛護(hù)自己的家園。 （2）本案例的設(shè)計(jì)步驟 2制作片頭動畫。 （1）新建一個(gè)文檔大小為550400像素的文件，保存為“公益廣告” （2）制作“beijing”圖形元件如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （3）創(chuàng)建一個(gè)名稱為“bt1”的圖形元件如下圖 （4）選擇“直接復(fù)制”命令，制作出“護(hù)”、“環(huán)”、“境”、保”、 “護(hù)”、“家

8、”、“園”七個(gè)字的圖形元件如下圖 （5）創(chuàng)建一個(gè)名稱為“bt”的影片剪輯元件如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （6）新建一個(gè)“黑條”圖層，畫一個(gè)500*50的矩形放在場景的 底部。 （7）新建一個(gè)名字為“解說1”影片剪輯如下圖 （8）新建一個(gè) “按鈕”層，按鈕上代碼如下 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （9）將庫面板新建的元件都放在“片頭”文件夾里如圖 3制作“活潑的魚兒”畫面。 （1）制作“fishbg”圖形元件如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （2）制作“l(fā)anyu”的影片剪輯元件如下圖 （3）制作“qipaopiao”影片

9、剪輯元件如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （4）制作“l(fā)anyuyou”的影片剪輯元件 （5）制作“fish1”的影片剪輯元件如下圖 （6）制作“魚字”影片剪輯元件，將所有與魚有關(guān)的元件都放在 “yu1”文件夾里 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 4制作“翱翔的大雁”畫面。 （1）新建一個(gè)“藍(lán)天和?！?和“沙灘和椰樹”圖形元件如下圖。 （2）“大雁”的影片剪輯元件如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （3）制作“雁和天空”的影片剪輯元件如下圖 （4）將所有與大雁有關(guān)的元件都放在“雁”文件夾里。 7.3 “環(huán)境污染公益廣告” 案例 二、

10、操作步驟 （5）“雁字”影片剪輯元件如下圖 5制作“明亮的月空”畫面。 （1）制作“star”圖形元件、“starmove”影片剪輯元件和 “月0”圖形元件如下圖。 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （2）制作“月動”影片剪輯元件 （3）制作“月亮”影片剪輯元件如下圖 （4）將所有與星月有關(guān)的元件都放在“月”文件夾里并制作 “月字”影片剪輯元件。 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 6制作“盛開的花朵”畫面。 （1）制作“flower1”圖形元件 、“flowerdong”影片剪輯元件 和“葉子”圖形元件，如下圖。 （2）制作“鮮花”影片剪輯元件如下圖 7.3 “

11、環(huán)境污染公益廣告” 案例 二、操作步驟 （3）將所有與花葉有關(guān)的元件都放在“花”文件夾里并制作“花 字”影片剪輯元件。 7美麗環(huán)境動畫制作 （1）在主場景中將“雁和天空”影片剪輯元件放在“雁”圖層； 將“月亮”影片剪輯元件放在“月”圖層，將鮮花”影片剪輯元件放 在 “花”圖層。 （2）將“魚字”、“雁字”、“月字”、“花字”放在“文字” 圖層。 8制作“污染現(xiàn)象”畫面。 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （1）制作“工廠”與“廢氣”圖形元件如下圖 （2）制作一個(gè)“煙動”影片剪輯元件如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （3）制作“一條污水”的圖形元件、“污水

12、”的影片剪輯元件和 “污染動畫”影片剪輯元件，如下圖。 （4）制作“后來”影片剪輯元件和“污染的波紋”圖形元件并將 所有與污染有關(guān)的元件都放在“污染現(xiàn)象”文件夾里。 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 9制作“沉魚”畫面。 （1）制作“fish2”和“魚落”的影片剪輯元件如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 10制作“落雁”畫面。 （1）制作“雁子luo”、“雁和天空2”影片剪輯元件如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 11制作“閉月”畫面。 12制作“羞花”畫面。 13制作“共建美好的家園”畫面如下圖 7.3 “環(huán)境污染公益廣告” 案例

13、二、操作步驟 14污染后動畫制作。 （1）制作“沉魚”圖層文件夾中的動畫如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （2） 制作“落雁”圖層文件夾中的動畫如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （3）制作“閉月”圖層文件夾中的動畫如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 （4）制作“羞花”圖層文件夾中的動畫如下圖 7.3 “環(huán)境污染公益廣告” 案例 二、操作步驟 15添加聲音。 16整理作品。 7.3 “環(huán)境污染公益廣告” 案例 三、技能要點(diǎn) 1.公益廣告的設(shè)計(jì)思路 2. Flash動畫中的常用鏡頭 搖鏡頭 推/拉鏡頭 7.3 “環(huán)境污染公益廣告

14、” 案例 三、技能要點(diǎn) 3. 鏡頭切換的效果設(shè)定 鏡頭切換有幾種方式： （1）黑屏 （2）模糊 （3）部分顯示 7.3 “環(huán)境污染公益廣告” 案例 請你制作一個(gè)“森林防火”的公益廣告。 四、練習(xí) 7.3 “環(huán)境污染公益廣告” 案例 本節(jié)內(nèi)容 案例效果 操作步驟 技術(shù)要點(diǎn) 練習(xí) 7.4 “圣誕賀卡” 案例 一、案例效果 重點(diǎn)與難點(diǎn)： 了解分鏡頭腳本的繪制、動作中的預(yù)備與緩沖、多米諾骨牌式 動畫的設(shè)置技巧、AS腳本的運(yùn)用。 7.4 “圣誕賀卡” 案例 二、操作步驟 1故事情節(jié)概述及分鏡頭腳本的繪制如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 2新建文檔并命名。 3繪制雪球、圣誕樹和雪花素材。

15、7.4 “圣誕賀卡” 案例 二、操作步驟 “下雪總動畫”影片剪輯元件的圖層設(shè)置如下圖 4制作Loading動畫。 （1） “載入條”影片剪輯元件 7.4 “圣誕賀卡” 案例 二、操作步驟 （2）制作小箭頭、小箭頭動畫、載入條、字元件,小箭頭動畫元 件如下圖 （3）主場景中“as”圖層，第1幀和第2幀的代碼如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 5制作雪球滾動動畫鏡頭。 （1） 制作“開頭動畫”圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 （2） 制作“中間動畫” 和“場景2背景”圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 6制作雪球撞在樹上鏡頭。 （1）制作

16、“樹”、“鳥窩”、“蛋”圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 （2）制作“碰到樹特寫鏡頭”圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 7制作多米諾骨牌動畫鏡頭。 （1）制作“多米諾骨牌動畫”圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 （2） 制作“雞蛋碰到多米諾牌動畫總合”圖形元件如下圖 （3）制作“多米諾落入懸崖” 圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 8制作落到翹翹板上牌動畫鏡頭。 （1）制作“星星動畫” 影片剪輯元件如下圖 （2）制作“禮炮”圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 （3）制作“翹翹板”圖

17、形元件如下圖 （4）制作“多米諾骨牌掉在翹翹板上鏡頭”圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 9制作禮花動畫鏡頭。 （1）制作“單個(gè)禮花動畫”圖形元件如下圖 （2）制作 “禮花動畫總” 圖形元件 （3）制作 “放煙花動畫總” 影片剪輯元件 （4）制作 “老人拉車總” 影片剪輯元件 7.4 “圣誕賀卡” 案例 二、操作步驟 10制作老人發(fā)禮物鏡頭。 （1）制作“圣誕帽運(yùn)動動畫” 和“煙霧”圖形元件如下圖 （2）制作“字動畫”圖形元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 （3）制作“圣誕老人發(fā)禮物動畫總合”影片剪輯元件如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟

18、11制作總鏡頭。 （1）制作“鏡頭總”圖形元件如下圖a 7.4 “圣誕賀卡” 案例 二、操作步驟 “鏡頭總”圖形元件圖b 7.4 “圣誕賀卡” 案例 二、操作步驟 12布置場景。 （1） 制作“箭頭按鈕” 按鈕元件如下圖 （2）“我要走” 按鈕和“想要禮物請進(jìn)”按鈕的位置如下圖 7.4 “圣誕賀卡” 案例 二、操作步驟 （3）“replay”按鈕的位置如下圖 13導(dǎo)入音樂。 14測試影片，保存文件，并導(dǎo)出影片。 7.4 “圣誕賀卡” 案例 三、技能要點(diǎn) 1. Flash分鏡頭腳本的繪畫 分鏡頭腳本（畫面劇本）是影片計(jì)劃的藍(lán)圖，也是影片最 初的視覺形象。 鏡頭分為長焦鏡頭和廣角鏡頭。 為故事繪制

19、分鏡頭腳本，實(shí)際上就是一個(gè)紙上談兵的過程。 7.4 “圣誕賀卡” 案例 三、技能要點(diǎn) 2. 動作中的預(yù)備與緩沖 （1）預(yù)備 （2）緩沖 3. 多米諾骨牌式動畫的設(shè)置技巧 多米諾骨牌動畫的設(shè)置，利用的是先整體后局部的方法， 主要是運(yùn)用了開始播放時(shí)間的不一樣從而達(dá)到很強(qiáng)的視覺效果。 7.4 “圣誕賀卡” 案例 四、練習(xí) 找一個(gè)有意義的故事或者漫畫，根據(jù)此案例的方法制作畫 出分鏡頭腳本，制作出動畫。要求要包括案例中所提到的鏡頭 的運(yùn)用、鏡頭的切換等效果。 7.4 “圣誕賀卡” 案例 本節(jié)內(nèi)容 案例效果 操作步驟 技術(shù)要點(diǎn) 練習(xí) 7.5 “兩只老虎MV” 案例 一、案例效果 重點(diǎn)與難點(diǎn)： 了解MV的制

20、作流程，動畫素材的準(zhǔn)備工作、 詞曲同步、動畫制作的技巧、MV的優(yōu)化和管理。 7.5 “兩只老虎MV” 案例 二、操作步驟 1新建一個(gè)文檔，“幀頻”為“25”，保存文檔命名為“兩只老虎”。 2制作“正面老虎運(yùn)動”元件。 （1） “正面頭” 圖形元件的繪制如下圖 （2）制作“正面眼睛”圖形元件，該元件圖層如下 （3）繪制“正面身體”圖形元件，如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （4） “正面手” 圖形元件的繪制如下圖 （5） “正面腳” 圖形元件的繪制如下圖 （6）制作“老虎說話動畫”影片剪輯元件,如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （7）將所有與“正面說話動畫

21、”相關(guān)的元件放到此文件夾中。 （8） 復(fù)制“正面說話動畫”文件夾并改名為 “正面跑步動畫”。 （9）創(chuàng)建“老虎正面動畫”影片剪輯元件 制作“快速運(yùn)動腳”影片剪輯元件如下圖 改變尾巴的形狀如下圖 （10）復(fù)制“正面說話動畫”文件夾改名為 “多只老虎唱歌情形” 7.5 “兩只老虎MV” 案例 二、操作步驟 （11）創(chuàng)建“老虎唱歌動畫”影片剪輯元件 繪制正面手第2幀的形狀如下圖 繪制正面腳的第2、3幀的形狀如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 制作“老虎唱歌動畫”影片剪輯元件的1、3、5、7、9、11、 13幀動畫如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （12） 制作“

22、老虎唱歌集合”影片剪輯元件如下圖 （13） 制作“老虎唱歌總合”影片剪輯元件如下圖 （14）制作“老虎舞臺表演動畫”和 “老虎舞臺表演集合”影片剪 輯元件如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （15）將“老虎舞臺表演總合”影片剪輯元件交換成“老虎舞臺表 演集合”元件。 3制作側(cè)面老虎運(yùn)動元件。 （1）制作 “老虎頭”圖形元件如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （2）制作 “眼睛”和 “身體”圖形元件如下圖 （3）制作“左手”和 “右手”圖形元件如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （4）制作“老虎側(cè)面動畫”影片剪輯元件1、3、5、7、9、11幀

23、 動畫如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （5）創(chuàng)建“老虎缺陷動畫”文件夾 制作“老虎沒有眼睛”影片剪輯元件 制作“老虎沒有尾巴”影片剪輯元件 4制作鏡頭。 （1）制作“鏡頭1”圖形元件如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （2）制作“鏡頭2”圖形元件如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （3）制作“鏡頭3”圖形元件如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （4）制作“鏡頭4”圖形元件如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （5）制作“燈光動畫”圖形元件如下圖 （6）制作“鏡頭總”圖形元件 5制作片頭。 （1）制作“

24、片頭文件”圖形元件如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 6組織場景并添加音樂。 （1）制作“字幕”圖形元件及相關(guān)操作如下圖 7.5 “兩只老虎MV” 案例 二、操作步驟 （2）插入及編輯音樂 7測試影片，保存文件，并導(dǎo)出影片。 7.5 “兩只老虎MV” 案例 三、技能要點(diǎn) 1. MV制作的流程 7.5 “兩只老虎MV” 案例 三、技能要點(diǎn) 2. 動畫素材的準(zhǔn)備 （1）對音樂的處理如下圖 7.5 “兩只老虎MV” 案例 三、技能要點(diǎn) （2）編寫劇本。 （3）對圖片的處理。 7.5 “兩只老虎MV” 案例 三、技能要點(diǎn) 3. 音樂與歌詞的同步 （1）查看音樂的長度有兩種方法。 （2）如何讓音樂與歌詞同時(shí)出現(xiàn)。 4. MV的動畫制作技巧 5. MV的優(yōu)化與管理 （1）“庫”的管理。 （2）“圖層”的管理。 7.5 “兩只老虎MV” 案例 四、練習(xí) 選擇一首自己喜歡的歌曲，按照本章中介紹的MV制作方法。 制作出自己第一部MV作品。（要求要有一定的創(chuàng)意，影片素材 中要有自己繪制的圖形和外部導(dǎo)入的圖片，同時(shí)