Flash CS4動畫制作項目實訓教程 PPT10.ppt

1、第10章 電子賀卡制作,10.1 電子賀卡概述 10.2 電子賀卡教師節(jié)快樂 10.3 任務總結(jié) 10.4 任務拓展,10.1 電子賀卡概述,電子賀卡是網(wǎng)絡連接友情的一種常見動畫媒體形式。通過賀卡可以把自己對親朋的祝福用動畫和聲音表現(xiàn)出來 ,電子賀卡相對傳統(tǒng)賀卡更加具有表現(xiàn)力.,電子賀卡的制作流程 1分析需要制作的電子賀卡的表現(xiàn)內(nèi)容 2制定電子賀卡制作的計劃 3收集制作電子賀開所需素材 4執(zhí)行電子賀卡制作計劃 5測試作品,10.2 電子賀卡教師節(jié)快樂,10.2.1 賀卡內(nèi)容分析及工作思路,10.2.2 制作落葉場景 1初始化文檔 設(shè)置舞臺大小為550400。按Shfit+F2鍵啟動“場景”面板

2、。將“場景一”命名為“main”.2繪制動畫背景 （1）在場景“main”的時間軸中，將“圖層1”命名為“背景”。 （2）在“工具欄”選擇“矩形”工具，設(shè)置填充顏色為透明，筆觸顏色為黑色，繪制大小為550400，并且設(shè)置它的位置為00。 （3）使用“鉛筆”和“線條”工具在“背景”層上繪制圖形輪廓，如圖10-2-3所示。 （4）選擇“顏料桶”工具，填充樹枝以外的區(qū)域,填充樹枝內(nèi)部如圖10-2-4所示。,3繪制樹葉 （1）鎖定“背景”層，在“背景”層之上新建圖層命名為“樹葉”，使用線條工具繪制樹葉的輪廓，如圖10-2-5所示。 （2）使用“顏料桶”工具為樹葉填充顏色。葉脈填充為#EA9E00，樹葉

3、主體填充為#FFCC00，樹葉高光填充為#FFEEAA，樹葉陰影填充為#996600，如圖10-2-6所示。,圖10-2-5,圖10-2-5,4為樹葉制作動畫,（1）制作樹葉擺動 選中繪制好的樹葉按Ctrl+G鍵將其組合， “轉(zhuǎn)換為元件” ，將樹葉轉(zhuǎn)換為影片剪輯。雙擊舞臺上的樹葉實例進入影片剪輯的編輯環(huán)境。選中樹葉按F8鍵啟動“轉(zhuǎn)換為圖形元件” . 在“mc_left”影片剪輯元件編輯環(huán)境樹葉所在的時間線上第5、10、15、20幀插入關(guān)鍵幀。使用“任意變形工具”調(diào)整每一幀的旋轉(zhuǎn)方向，如圖10-2-9所示。選中1到19幀，單擊右鍵在上下文菜單中選擇“創(chuàng)建傳統(tǒng)補間”，如圖10-2-10所示。,（2

4、）制作樹葉飄落 點擊返回按鈕（），回到文檔編輯模式。使用“任意變形”工具將樹葉縮小到11070像素。選中“樹葉”圖層，單擊右鍵在上下文菜單中選擇“添加傳統(tǒng)運動引導層”。在引導層中使用線條工具繪制引導線，如圖10-2-11所示。 （3）選中“樹葉”層的第1幀，單擊右鍵，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補間”。選中第90幀插入關(guān)鍵幀，在引導層和“背景”層的第90幀插入幀。將樹葉圖層中第1幀中的樹葉拖動到舞臺的頂部，如圖10-2-12所示。在90幀將樹葉拖動到舞臺的底部，如圖10-2-13所示。,圖10-2-11,圖10-2-12,圖10-2-13,（4）制作樹葉放大動畫 新建圖層命名為“樹葉2”，

5、將這個圖層拖動到其他所有圖層之上。在第91幀插入空白關(guān)鍵幀。復制圖層“樹葉”第90幀的樹葉實例，選中圖層“樹葉2”的第91幀按Ctrl+Shift+V粘貼，并且按Ctrl+B將樹葉實例進行一步分離，分離的結(jié)果為圖形元件實例。在圖層“樹葉2”的第150幀插入關(guān)鍵幀，在這一幀，使用“任意變形”工具調(diào)整樹葉，如圖10-2-14所示。選中第91幀，單擊右鍵在上下文菜單中選擇“創(chuàng)建傳統(tǒng)補間”。在“背景”層的第150幀插入幀，時間軸如圖10-2-15所示。選中“樹葉2”圖層第91幀，單擊右鍵在上下文菜單中選擇“創(chuàng)建傳統(tǒng)補間”。 （5）保存動畫命名為“教師節(jié)賀卡”，預覽動畫觀察結(jié)果。,10.2.3 制作小樹

6、逐漸長大,1建立新場景 在文檔中打開“場景”面板，在“main”場景的下面建立新場景，命名為“main2”， 2制作遮照背景 （1）將“圖層1”命名為“遮照背景”，回到“main”場景，將場景“main”中“背景”圖層的內(nèi)容復制到“main2”場景的“遮照背景”圖層。 （2）將場景“main”中“樹葉2”圖層的第150幀的樹葉也復制到“main2”場景的“遮照背景”圖層。 （3）選中復制過來的樹葉，反復按Ctrl+B鍵將樹葉圖形實例打散為圖形，取消選擇。刪除整個樹葉后，鎖定該圖層。結(jié)果如圖10-2-17所示。,3繪制動畫背景,新建圖層，命名為“背景”。先將這個圖層拖動到“遮照背景”圖層之上。使

7、繪圖工具繪制如下背景，如圖10-2-18所示。,4制作飄動的白云 （1）在“背景”圖層的工作區(qū)上繪制一朵白云，選中繪制好的白云按F8鍵將其轉(zhuǎn)換為影片剪輯元件。將轉(zhuǎn)換好的影片剪輯拖動到舞臺。 （2）雙擊轉(zhuǎn)換好的影片剪輯，進入到影片剪輯的編輯環(huán)境。按Alt鍵反復拖動白云，并且使用“任意變形”工具調(diào)整白云的大小，使白云布滿整個舞臺，如圖10-2-20所示。 （3）在時間線的第1幀上單擊右鍵，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補間”。在第171幀插入關(guān)鍵幀。將白云向右移動，結(jié)果如圖10-2-22所示。在第170幀插入關(guān)鍵幀，刪除第171幀，返回到“main2”場景中。,10-2-20,10-2-22,4

8、制作動畫過渡 （1）將“遮照背景”圖層拖動到“背景”圖層之上，調(diào)整白云和其他圖形的位置，如圖10-2-23所示。 （2）在所有圖層之上新建圖層命名為“樹葉”，將場景“main”中圖層“樹葉2”中的第150幀中的樹葉實例復制到場景“main”中圖層“樹葉”的第1幀。 （3）在“樹葉”圖層的第1幀上單擊右鍵，在彈出的上下文菜單中選擇“創(chuàng)建傳統(tǒng)補間”。在第45幀插入關(guān)鍵幀，并且將第45幀中的圖形實例設(shè)置為透明。在圖層“遮照背景”和“背景”的第45幀插入幀，如圖10-2-24所示。 （4）測試動畫,4制作樹苗、小樹和大樹 （1）制作樹苗 新建影片剪輯元件，名稱為“mc_樹苗。使用繪圖工具繪制樹苗，如圖

9、10-2-26所示。在“樹苗”所在圖層的第1幀上單擊右鍵在上下菜單中選擇“創(chuàng)建傳統(tǒng)補間”，在第17幀和第38幀插入關(guān)鍵幀，在第52正插入幀，如圖10-2-27所示。選中第17幀的“樹苗”，使用“任意變形”工具，按住Alt鍵使樹苗水平方向傾斜，如圖10-2-28所示。返回到“main2”場景。,（2）使用相同方法制作小樹和大樹，建立的影片剪輯分別為“mc_小樹”和“mc_大樹”。其圖形為10-2-29到10-2-30所示。,5制作樹的成長過程 （1）在“main2”場景的背景圖層之上新建圖層，命名為“樹苗”。打開“庫”面板拖動到舞臺上兩個實例，并且使用“任意變形”工具調(diào)整其位置及大小，如圖10-

10、2-31所示。 圖10-2-31 舞臺上擺放樹苗 （2）將舞臺上所有的樹苗轉(zhuǎn)換為圖形元件，命名為“g_樹苗”。在第60和第90幀插入關(guān)鍵幀，將第90幀樹苗的透明度設(shè)置為0，在60到90幀中間創(chuàng)建傳統(tǒng)運動補間動畫。在“遮照背景”和“背景”圖層的第90幀插入幀。如圖10-2-32所示。,（3）鎖定“樹苗”圖層，新建圖層命名為“小樹”，將“小樹”圖層拖動到“遮照背景”和“背景”圖層之間。在第80幀插入空白關(guān)鍵幀，從庫中拖動“小樹”到舞臺上并且調(diào)整大小和位置。將繪制好的小樹轉(zhuǎn)換為圖形元件。在“小樹”圖層的第100，130和150幀插入關(guān)鍵幀，將第100和150幀中小樹的透明度設(shè)置為0，如圖10-2-3

11、4所示。 （4）鎖定“小樹”圖層，新建圖層命名為“大樹”。將“大樹”圖層拖動到“遮照背景”和“背景”圖層之間。在第140幀插入空白關(guān)鍵幀，從庫中拖動“小樹”到舞臺上并且調(diào)整大小和位置。將繪制好的大樹轉(zhuǎn)換為圖形元件。在“大樹”圖層的第160和190幀插入關(guān)鍵幀，將第16幀中大樹的透明度設(shè)置為0。在第204幀插入關(guān)鍵幀，在“遮照背景”層和“背景”層的地204幀插入幀，如圖10-2-36所示。,10.2.4 制作感謝畫面,1繪制祝福畫面 新建圖層，命名為“祝福語”，將“祝福語”圖層拖動到“遮照背景”圖層之下，在第205幀插入關(guān)鍵幀。在“祝福語”圖層的第205幀繪制畫面，如圖10-2-37所示。,2制

12、作過渡 （1）新建圖層，命名為“過渡”，將“過渡”圖層拖動到“遮照背景”之下“祝福語”圖層之上，在第191幀插入空白關(guān)鍵幀。選中191幀，使用“矩形”工具繪制大小為550400的白色填充矩形，設(shè)置其X和Y的位置都為0。 （2）選中繪制好的白色矩形，將其裝換位圖形元件。 （3）在第204、205幀和220幀插入關(guān)鍵幀，將第191幀和第220幀矩形實例的透明度設(shè)置為0。選中191幀到219幀，打開“屬性”檢查器，設(shè)置運動補間動畫。在圖層“遮照背景”的第220幀插入幀，在圖層“大樹”的第204幀插入關(guān)鍵幀，如圖10-2-39所示。,10.2.5 添加聲音控件及動畫控制,1添加聲音控件,“創(chuàng)建新元件”

13、對話框,聲音播放狀態(tài),聲音停止狀態(tài),（2）選中第1幀的圖形將其轉(zhuǎn)換為按鈕元件。雙擊轉(zhuǎn)換好的按鈕，進入按鈕的編輯狀態(tài)，在“點擊”狀態(tài)插入關(guān)鍵幀，使用“顏料桶”工具將圖形填充為一個圓形，保證按鈕的有效區(qū)域，如圖10-2-44所示。在“編輯欄”單擊“mc_聲音控件”返回“mc_聲音控件”的編輯環(huán)境。 （3）使用同樣的方法將第2幀的圖形轉(zhuǎn)換為按鈕元件，命名為“btn_聲音關(guān)”。,（4）將“bg.mp3”文件導入到庫中，選中第1幀，打開”屬性”檢查器，在“聲音”屬性的下拉菜單下選擇“bg.mp3”，“同步”屬性設(shè)置為“開始”和“循環(huán)”。如圖10-2-45所示。 （5）選中第1幀，按F9鍵啟動“動作”面板

14、。 （6）輸入如圖10-2-47所示。,圖10-2-45,圖10-2-47,（7）選中第2幀的按鈕，啟動“動作”面板。輸入如圖10-2-48所示。,（8）制作聲音波形 打開“庫”面板，雙擊“mc_聲音控件”元件進入到“mc_聲音控件”的聲音編輯環(huán)境，在第1幀繪制圓環(huán)并且使用放射狀填充，選中圓環(huán)將其裝換為影片剪輯，命名為“mc_波形”,如圖10-2-49所示。 （9）雙擊“mc_波形”實例，進入元件編輯環(huán)境，選中第1幀單擊右鍵選擇“創(chuàng)建傳統(tǒng)補間”，在第15幀插入關(guān)鍵幀。使用“任意變形”工具將第1幀的圖形縮小。在第10幀插入關(guān)鍵幀。將第1幀和第15幀圖形實例設(shè)置為透明。新建3個圖層，將“圖層1”中

15、的1到15幀復制到新建圖層的1到15幀，每個圖層幀一次向后拖動6幀，如圖10-2-50所示。返回“main2”場景編輯模式。,圖10-2-49,圖10-2-50,2使用聲音控件 打開“場景”面板，進入“main”場景，將制作好的聲音控件拖動到“背景”圖層的舞臺上，復制聲音控件。進入“main2”場景，選中“遮照圖層”，按Ctrl+Shift+V鍵粘貼聲音控件。 3添加“播放”和“重放”控制 （1）新建按鈕元件，命名為“btn_控制”，制作按鈕。如圖10-2-51所示。導入聲音“btn.mp3”，并且應用到“按下”狀態(tài)。 （2）進入“main”場景，新建圖層命名為“控制”，并將其拖動到其他圖層之

16、上，將“btn_控制”按鈕拖動到圖層“控制”的第1幀，使用“文本”工具輸入“play”，設(shè)置文本字體為“華文行楷”、顏色為“#116C98”、字號為“25”。如圖10-2-52所示。在第2幀插入空白關(guān)鍵幀。,（3）選中“控制”層第1幀，打開“動作”面板輸入代碼，如圖10-2-53所示。選中播放按鈕，打開“動作”面板，輸入代碼，如圖10-2-54所示。,（4）進入“main”場景，新建圖層命名為“控制”，并將其拖動到其他圖層之上，在第220幀插入關(guān)鍵幀。將“btn_控制”按鈕拖動到圖層“控制”的第220幀，使用“文本”工具輸入“replay”，設(shè)置文本字體為“華文行楷”、顏色為“#116C98”

17、、字號為“25”。如圖10-2-55所示。,10.2.6 制作下載進度條,1制作進度條動畫 （1）啟動“場景”面板，新建場景，命名為“l(fā)oadBar”,并且將其放置到最上面。 （2）將“圖層1”重命名為“背景”，將“main”場景的背景復制到“l(fā)oadbar”場景的“背景”圖層。 （3）新建圖層，命名為“進度條”，使用“矩形”工具繪制進度條，填充顏色為#0394DA，線條顏色為#BCE9FE。如圖10-2-61所示。,（4）選中繪制好矩形的填充，復制一份，按F8鍵將其轉(zhuǎn)換為影片剪輯。 （5）雙擊轉(zhuǎn)換完畢的影片剪輯，進入其編輯狀態(tài)，給圖形設(shè)置線形漸變，然后退出影片剪輯編輯環(huán)境，如圖10-2-63所示。選中第1幀單擊右鍵，在打開的上下文菜單中選擇“創(chuàng)建傳統(tǒng)補間”，在第100幀插入關(guān)鍵，將第1幀進度條圖形的長度修改為1px，如圖10-2-64所示。,圖10-2-63,圖