AnimateCC平面動(dòng)畫(huà)設(shè)計(jì)與制作案例教程 課件 第2章 電子賀卡制作

第2章電子賀卡制作教學(xué)提示教學(xué)重點(diǎn)與難點(diǎn)教學(xué)內(nèi)容本章小結(jié)第2章電子賀卡制作教學(xué)提示本章主要通過(guò)3個(gè)導(dǎo)入案例介紹使用Flash工具箱中的工具繪制圖形的方法和技巧。最后通過(guò)綜合項(xiàng)目“中秋賀卡”介紹電子賀卡類作品的制作流程和技巧第2章電子賀卡制作教學(xué)重點(diǎn)與難點(diǎn)掌握Flash工具箱中的各種工具的使用方法，元件和實(shí)例的建立和編輯方法，圖層的基本操作方法，場(chǎng)景的應(yīng)用方法，電子賀卡類作品的制作方法與技巧第2章電子賀卡制作教學(xué)內(nèi)容2.1概述2.2“都市街道”案例2.3“春天來(lái)了”案例2.4“特效文字”案例2.5“圣誕賀卡”項(xiàng)目2.1概述本節(jié)內(nèi)容1.繪圖工具介紹2.繪圖常用的操作技巧2.1概述一、繪圖工具介紹徒手繪制工具基本繪圖工具幾何形狀繪制工具選擇工具變形工具圖形修改工具填充工具文本工具2.1概述二、繪圖常用的操作技巧（1）選擇、移動(dòng)和復(fù)制對(duì)象；（2）進(jìn)入對(duì)象內(nèi)部進(jìn)行操作；（3）排列圖形；（4）進(jìn)行圖形的組合和打散；（5）導(dǎo)入位圖；（6）將位圖轉(zhuǎn)換為矢量圖形；（7）建立和使用元件；（8）建立新圖層和使用圖層的技巧；（9）將線條轉(zhuǎn)換為填充；

第2章電子賀卡制作教學(xué)內(nèi)容2.1概述2.2“都市街道”案例2.3“春天來(lái)了”案例2.4“特效文字”案例2.5“中秋賀卡”項(xiàng)目2.2“都市街道”案例本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)拓展4.練習(xí)2.2“都市街道”案例一、案例效果

重點(diǎn)與難點(diǎn)：“線條”、“鉛筆”、“矩形”、“橢圓”、“刷子”、“橡皮擦”的使用及“屬性”面板的設(shè)置，一點(diǎn)透視法的繪圖方法與原理，以及圖形的平滑、伸直和優(yōu)化等功能應(yīng)用2.2“都市街道”案例二、操作步驟1.設(shè)置“文檔屬性”，并把文件保存為“都市街道”2.繪制天空，繪制效果如下圖注意：“填充顏色”設(shè)為“#C7EDFC”

2.2“都市街道”案例二、操作步驟3.繪制具有透視效果的道路

，繪制過(guò)程如下圖2.2“都市街道”案例二、操作步驟4.繪制具有透視效果路燈

，繪制過(guò)程如下圖

2.2“都市街道”案例二、操作步驟5.繪制具有透視效果的建筑物

，繪制過(guò)程如下圖2.2“都市街道”案例二、操作步驟6.繪制白云，利用刷子和橡皮擦工具實(shí)現(xiàn)7.保存并測(cè)試影片2.2“都市街道”案例三、技術(shù)拓展1.“線條工具”的使用：“線條工具”擅長(zhǎng)的是繪制直線?！熬€條工具”的屬性面板如下圖提示：在使用“線條工具”繪制直線時(shí)，按住【Shift】鍵可以繪制水平、豎直方向上的直線，也可以繪制出傾斜45°的直線。2.2“都市街道”案例三、技術(shù)拓展2.“鉛筆工具”的使用：可以繪制出任意形狀的線條和圖形。“鉛筆工具”有3種繪圖模式：“直線化”、“平滑”和“墨水”繪圖模式，如圖所示。2.2“都市街道”案例三、技術(shù)拓展3.“矩形工具”的使用：“矩形工具”擅長(zhǎng)繪制矩形、正方形和圓角矩形?！熬匦喂ぞ摺钡膶傩悦姘迦缦聢D2.2“都市街道”案例三、技術(shù)拓展4.“橢圓工具”的使用：“橢圓工具”擅長(zhǎng)繪制橢圓和正圓，還可繪制扇形、空心橢圓或空心扇形?！盎緳E圓工具”的屬性面板如下圖。注意：Shift鍵可以畫(huà)正圓。使用“基本橢圓工具”繪制扇形時(shí)，需要輸入起始角度，其范圍為0～360，沿順時(shí)針?lè)较蛐D(zhuǎn)。

2.2“都市街道”案例三、技術(shù)拓展5.“刷子工具”的使用：刷子可以設(shè)置其形狀和大小，共有5種模式可供選擇2.2“都市街道”案例三、技術(shù)拓展6.“橡皮擦工具”的使用：橡皮擦可以設(shè)置其形狀和大小，共有5種模式可供選擇2.2“都市街道”案例三、技術(shù)拓展7．圖形的平滑、伸直和優(yōu)化在Flash中還有一些輔助功能不但可以使圖形美觀，而且可以減少線段的數(shù)量，減小Flash影片的尺寸，以方便使用“選擇工具”來(lái)調(diào)整線條，它們是“平滑”、“伸直”和“優(yōu)化”功能。2.2“都市街道”案例三、技術(shù)拓展8.透視：在Flash動(dòng)畫(huà)中安排場(chǎng)景中的人物、道具、背景時(shí)，常常需要使用“透視”原理，簡(jiǎn)單的說(shuō)，“透視”就是指按照近大遠(yuǎn)小的原理安排圖形2.2“都市街道”案例三、技術(shù)拓展一點(diǎn)透視法：是指畫(huà)面上透視線匯集于一點(diǎn)，就像伸向遠(yuǎn)方的鐵軌那樣，而這一點(diǎn)又叫消失點(diǎn)。如下圖所示：2.2“都市街道”案例四、練習(xí)(1)使用“矩形工具”、“橢圓工具”和“多角星形工具”繪制一座別墅，樣式自己設(shè)計(jì)。(2)“刷子工具”有幾種繪畫(huà)模式？它們各有什么特點(diǎn)？(3)“橡皮擦工具”有幾種擦除模式？它們各有什么特點(diǎn)？第2章電子賀卡制作教學(xué)內(nèi)容2.1概述2.2“都市街道”案例2.3“春天來(lái)了”案例2.4“特效文字”案例2.5“中秋賀卡”項(xiàng)目2.3“春天來(lái)了”案例本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)拓展4.練習(xí)2.3“春天來(lái)了”案例一、案例效果重點(diǎn)與難點(diǎn)：“選擇工具”、“鋼筆工具”、“多角星形工具”、“任意變形工具”、“顏料桶工具”、“漸變變形工具”的使用，元件的建立和編輯，實(shí)例的編輯，圖層的基本操作2.3“春天來(lái)了”案例二、操作步驟1.設(shè)置“文檔屬性”，并把文件保存為“春天來(lái)了”。2.繪制樹(shù)干（1）使用“鉛筆工具”的“平滑”模式繪制大樹(shù)的樹(shù)干輪廓，利用“選擇工具”調(diào)整線條，使其如下圖2.3“春天來(lái)了”案例二、操作步驟（2）使用“顏料桶工具”填充樹(shù)干，“漸變變形工具”調(diào)整填充效果，過(guò)程如下圖

（3）選中整棵大樹(shù)，把其轉(zhuǎn)換為“大樹(shù)”元件2.3“春天來(lái)了”案例二、操作步驟3.繪制樹(shù)葉(1)設(shè)置“鋼筆工具”的屬性，繪制一片樹(shù)葉，過(guò)程如下圖2.3“春天來(lái)了”案例二、操作步驟3.繪制樹(shù)葉（2）復(fù)制5片樹(shù)葉，調(diào)整樹(shù)葉位置及大小如下圖。（3）使用“鉛筆工具”繪制樹(shù)干，效果如下圖。（4）將繪制好的整個(gè)樹(shù)葉轉(zhuǎn)換為“樹(shù)葉”圖形元件。2.3“春天來(lái)了”案例二、操作步驟4.繪制“小草”元件，并“平滑”小草，過(guò)程如下圖。5.繪制“小鳥(niǎo)”元件，并進(jìn)行顏色填充，過(guò)程如下圖。2.3“春天來(lái)了”案例二、操作步驟6.整合圖層。繪制草地，并把繪制好的各個(gè)元件，拖放到舞臺(tái)的適當(dāng)位置進(jìn)行調(diào)整，最后效果如下圖。2.3“春天來(lái)了”案例三、技術(shù)拓展1.“多角星形工具”的使用：“多角星形工具”擅長(zhǎng)繪制多邊形和星形?！岸嘟切切喂ぞ摺钡膶傩悦姘迦缦聢D：2.3“春天來(lái)了”案例三、技術(shù)拓展2.“鋼筆工具”的使用：鋼筆工具擅長(zhǎng)繪制直線和曲線（1）鋼筆工具下拉菜單不同圖標(biāo)的含義如下圖2.3“春天來(lái)了”案例三、技術(shù)拓展（2）在使用【鋼筆工具】繪制圖形的過(guò)程中，光標(biāo)也會(huì)出現(xiàn)不同的三種樣式，表示單擊可以創(chuàng)建一個(gè)錨點(diǎn)，表示單擊該錨點(diǎn)并拖動(dòng)可以繪制出一條直線，還可以將原來(lái)弧線的錨點(diǎn)變成直線的連接點(diǎn)。表示單擊錨點(diǎn)可以形成一個(gè)封閉的圖形?！?/p>

：

：

：

；

2.3“春天來(lái)了”案例三、技術(shù)拓展3.“任意變形工具”的使用使用【任意變形工具】不僅可以對(duì)矢量圖形進(jìn)行縮放、旋轉(zhuǎn)、傾斜、扭曲封套等，還可以對(duì)元件實(shí)例、群組、文本和位圖等執(zhí)行這些操作。提示：當(dāng)按住【Shift】鍵來(lái)扭曲圖形時(shí)，可以進(jìn)行對(duì)稱扭曲，圖2.83所示的第三個(gè)圖就是通過(guò)把鼠標(biāo)指針?lè)旁谟疑戏降目刂票蠁螕舨⑾蛳峦蟿?dòng)實(shí)現(xiàn)的。2.3“春天來(lái)了”案例三、技術(shù)拓展4.“顏料桶工具”的使用在使用各種線條繪制工具和幾何圖形繪制工具繪制物體的外觀輪廓線之后，一般使用“顏料桶工具”來(lái)填充顏色。

（1）純色填充（2）漸變色填充（3）位圖填充2.3“春天來(lái)了”案例三、技術(shù)拓展5.“漸變變形工具”的使用“漸變變形工具”主要用來(lái)調(diào)整漸變色填充和位圖填充的效果，如漸變色的范圍、方向和角度等。

2.3“春天來(lái)了”案例三、技術(shù)拓展6.元件的使用（1）使用“元件”的好處：一是可以重復(fù)使用“庫(kù)”中已存在的元件；二是想改變實(shí)例的效果不用一個(gè)一個(gè)來(lái)修改，只要修改“庫(kù)”中的元件；三是同個(gè)元件的實(shí)例還可以通過(guò)“屬性”面板來(lái)修改它的“位置”、“顏色”“透明度”等，使每個(gè)實(shí)例都有所不同，四是舞臺(tái)上每個(gè)元件的實(shí)例是一個(gè)整體，圖形之間不會(huì)相互影響。（2）“元件”的建立、編輯和修改方法。（3）“元件”實(shí)例的編輯方法。2.3“春天來(lái)了”案例三、技術(shù)拓展7.對(duì)實(shí)例的編輯對(duì)實(shí)例位置和大小的修改是比較簡(jiǎn)單的，可以把實(shí)例拖放到不同位置，再使用“任意變形工具”就可以修改它的位置和大小了，而實(shí)例的“顏色”、“透明度”等則是通過(guò)實(shí)例的“屬性”面板來(lái)修改的。

2.3“春天來(lái)了”案例三、技術(shù)拓展8.對(duì)圖層的操作（1）圖層的種類：普通圖層、引導(dǎo)圖層、遮罩圖層（2）新建、刪除、重命名、復(fù)制和移動(dòng)、隱藏、顯示和移動(dòng)圖層（3）設(shè)置和修改圖層屬性

2.3“春天來(lái)了”案例四、練習(xí)（1）在使用【鋼筆工具】時(shí)，光標(biāo)的不同形狀、、各代表什么含義？（2）請(qǐng)使用【線條工具】繪制下面的小船。（3）請(qǐng)說(shuō)出【鉛筆工具】的幾種繪圖模式，各有什么特點(diǎn)？2.3“春天來(lái)了”案例四、練習(xí)(4)Flash中有幾種填充？它們各有什么特色？(5)使用元件有什么好處？(6)平滑圖形和優(yōu)化圖形有什么區(qū)別？各有什么作用？(7)建立影片剪輯有幾種方法？第2章電子賀卡制作教學(xué)內(nèi)容2.1概述2.2“都市街道”案例2.3“春天來(lái)了”案例2.4“特效文字”案例2.5“中秋賀卡”項(xiàng)目2.4“特效文字”案例本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)拓展4.練習(xí)2.4“特效文字”案例一、案例效果重點(diǎn)與難點(diǎn)：導(dǎo)入位圖的方法、“套索工具”的使用和選項(xiàng)的設(shè)置、將位圖轉(zhuǎn)換為矢量圖形的方法、“文本工具”的使用和“墨水瓶工具”的使用技巧2.4“特效文字”案例二、操作步驟1.設(shè)置“文檔屬性”，并把文件保存為“特效文字”。2.制作背景。

(1)將舞臺(tái)的顯示比例設(shè)為50％，繪制一個(gè)矩形，并進(jìn)行線性填充，使用“漸變變形工具”調(diào)整填充效果，效果如下圖2.4“特效文字”案例二、操作步驟(2)新建一個(gè)“圖層2”，在該圖層導(dǎo)入圖片“花與蝴蝶”，將該位圖轉(zhuǎn)換為矢量圖形，選中其中的花朵和蝴蝶，粘貼到“圖層1”并將其轉(zhuǎn)換為元件，調(diào)整元件在舞臺(tái)中的位置，設(shè)置其透明度為45％，并刪除圖層2及庫(kù)中的位圖“花與蝴蝶”，背景圖片的效果如下圖。2.4“特效文字”案例二、操作步驟3.制作文字

(1)新建一個(gè)“文本”圖層，在該圖層上使用“文本工具”書(shū)寫(xiě)“happybirthday”，并將文字打散，變形、擴(kuò)充。

(2)借助“墨水瓶工具”，“刷子工具”“顏料桶工具”對(duì)文字進(jìn)行加工，并為字母“a”和“i”設(shè)置動(dòng)畫(huà)效果，保存為影片剪輯，效果如下圖。

2.4“特效文字”案例二、操作步驟4.女孩和小狗新建一個(gè)圖層，導(dǎo)入位圖“女孩和小狗”，借助“套索工具”將其中的小狗和女孩裁出，放在“happybirthday”文字的下方，最后效果如下圖。2.4“特效文字”案例三、技術(shù)拓展1.圖像的導(dǎo)入2.“套索工具”的使用套索工具用于選擇圖形中的不規(guī)則形狀區(qū)域，被選定區(qū)域可以作為一個(gè)單獨(dú)的對(duì)象進(jìn)行移動(dòng)、旋轉(zhuǎn)或變形。共有3種功能按鈕，“魔術(shù)棒”，“魔術(shù)棒設(shè)置”和“多邊形模式”。

3.將位圖轉(zhuǎn)換為矢量圖形2.4“特效文字”案例三、技術(shù)拓展4.“文本工具”的使用。要?jiǎng)?chuàng)建漂亮的文字，第一步要選擇合適的字體；第二步是對(duì)文字進(jìn)行變形，如壓縮、傾斜、旋轉(zhuǎn)等，還可將文字打散后使用圖形繪制工具來(lái)調(diào)整文字形狀。5.“墨水瓶工具”的使用“墨水瓶工具”主要用來(lái)修改矢量圖形的線條，如改變線條的粗細(xì)和顏色，也可以為沒(méi)有輪廓線的填充區(qū)添加邊線。2.4“特效文字”案例四、練習(xí)（1）制作如圖所示的效果文字。第2章電子賀卡制作教學(xué)內(nèi)容2.1概述2.2“都市街道”案例2.3“春天來(lái)了”案例2.4“特效文字”案例2.5“中秋賀卡”項(xiàng)目2.5“中秋賀卡”項(xiàng)目本節(jié)內(nèi)容1.項(xiàng)目概述2.項(xiàng)目效果3.操作步驟4.技術(shù)拓展5.練習(xí)2.5“中秋賀卡”項(xiàng)目一、項(xiàng)目概述

Animate電子賀卡是由動(dòng)畫(huà)、圖形、祝福文字和音樂(lè)等元素組合而成的特殊藝術(shù)品。與傳統(tǒng)的紙質(zhì)賀卡相比，電子賀卡不僅經(jīng)濟(jì)、環(huán)保，而且方便、快捷。電子賀卡的種類很多，新年卡、中秋卡、生日卡、情人節(jié)卡、兒童節(jié)卡等等，不同種類的電子賀卡適合不同的節(jié)日和人群。2.5“中秋賀卡”項(xiàng)目二、項(xiàng)目效果重點(diǎn)與難點(diǎn)：場(chǎng)景的應(yīng)用，分鏡頭腳本的基本繪制知識(shí)，動(dòng)作中的預(yù)備與緩沖，按鈕元件的建立和使用2.5“中秋賀卡”項(xiàng)目三、操作步驟1.故事情節(jié)及分鏡頭腳本的繪制（1）編寫(xiě)故事情節(jié)（2）根據(jù)情節(jié)介紹，提煉出重點(diǎn)部分，繪制出分鏡頭腳本2.

“文檔屬性”設(shè)置。新建文檔設(shè)置屬性，并把文件保存為“中秋賀卡”。3.導(dǎo)入所有的素材2.5“中秋賀卡”項(xiàng)目三、操作步驟4.制作“燈籠按鈕”元件，效果如下圖：2.5“中秋賀卡”項(xiàng)目三、操作步驟5.制作左右開(kāi)門(mén)元件,排版效果如下圖：2.5“中秋賀卡”項(xiàng)目三、操作步驟6．制作開(kāi)啟門(mén)動(dòng)畫(huà)，效果如下圖：2.5“中秋賀卡”項(xiàng)目三、操作步驟8．制作“禮花”元件,制作過(guò)程如下。（2）move1和move2元件

（1）“hua”元件制作：（3）“禮花”元件

2.5“中秋賀卡”項(xiàng)目三、操作步驟9．制作祝福動(dòng)畫(huà)，排版及時(shí)間軸設(shè)置。

2.5“中秋賀卡”項(xiàng)目三、操作步驟10．制作點(diǎn)亮祝福動(dòng)畫(huà)，包括孔明燈按鈕制作及孔明燈祝福上升效果制作，效果如下圖，具體操作步驟請(qǐng)參照教材。

2.5“中秋賀卡”項(xiàng)目三、操作步驟11．制作場(chǎng)景2動(dòng)畫(huà)，包括再次祝福按鈕元件，孔明燈擺放等，效果如下圖，具體操作步驟請(qǐng)參照教材

2.5“中秋賀卡”項(xiàng)目四、技術(shù)拓展1．Animate賀卡制作流程

制作Flash賀卡一般分為以下幾個(gè)步驟：（1）了解Animate賀卡的種類以及各類賀卡的風(fēng)格特點(diǎn)，分析制作意向，確定賀卡制作方案，寫(xiě)出初步創(chuàng)意設(shè)計(jì)方案；（2）圍繞設(shè)計(jì)方案進(jìn)行策劃、分切鏡頭和尋找相關(guān)素材；（3）根據(jù)現(xiàn)有所得素材和自身動(dòng)畫(huà)制作能力適當(dāng)修改設(shè)計(jì)方案；（4）根據(jù)最終設(shè)計(jì)方案，完成各個(gè)動(dòng)畫(huà)片段制作；（5）將動(dòng)畫(huà)片段合成動(dòng)畫(huà)短片，并對(duì)動(dòng)畫(huà)整體進(jìn)行優(yōu)化，最終發(fā)布作品。2.5“中秋賀卡”項(xiàng)目四、技術(shù)拓展2．按鈕元件的建立與編輯

（2）按鈕元件總共包括4種狀態(tài)：“彈起”、“指針經(jīng)過(guò)”、“按下”和“點(diǎn)擊”（1）按鈕元件的建立方法2.5“中秋賀卡”項(xiàng)目四、技術(shù)拓展3．元件的使用技巧在Flash中經(jīng)常會(huì)用到3類元件:圖形元件、影片剪輯元件和按鈕元件。

提示：“影片剪輯”元件只需要主時(shí)間軸上的一幀就可播放自己時(shí)間軸上的任意數(shù)目的幀；而“圖形”元件只有當(dāng)主時(shí)間軸上的幀數(shù)大于等于自己時(shí)間軸上的幀數(shù)時(shí)才能完整播放。在主時(shí)間軸上無(wú)法直接播放“影片剪輯”元件的動(dòng)畫(huà)效果，但可以直接播放“圖