AnimateCC平面動畫設(shè)計與制作案例教程 課件 第2章 電子賀卡制作

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

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

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

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

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

，繪制過程如下圖

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

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

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

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

：

：

：

；

2.3“春天來了”案例三、技術(shù)拓展3.“任意變形工具”的使用使用【任意變形工具】不僅可以對矢量圖形進行縮放、旋轉(zhuǎn)、傾斜、扭曲封套等，還可以對元件實例、群組、文本和位圖等執(zhí)行這些操作。提示：當(dāng)按住【Shift】鍵來扭曲圖形時，可以進行對稱扭曲，圖2.83所示的第三個圖就是通過把鼠標(biāo)指針放在右上方的控制柄上單擊并向下拖動實現(xiàn)的。2.3“春天來了”案例三、技術(shù)拓展4.“顏料桶工具”的使用在使用各種線條繪制工具和幾何圖形繪制工具繪制物體的外觀輪廓線之后，一般使用“顏料桶工具”來填充顏色。

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

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

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

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

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

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

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

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

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

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

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

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

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

2.5“中秋賀卡”項目三、操作步驟10．制作點亮祝福動畫，包括孔明燈按鈕制作及孔明燈祝福上升效果制作，效果如下圖，具體操作步驟請參照教材。

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

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

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

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

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