第2章電子賀卡

第2章電子賀卡通過本章,你應(yīng)該掌握:逐幀動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)畫引導(dǎo)路徑動(dòng)畫端午節(jié)賀卡、生日賀卡、友情賀卡制作Flash賀卡，是網(wǎng)上人們傳遞信息和交流情感的一種方式。要想制作出生動(dòng)的邀請(qǐng)卡、祝?？ā⑸湛?、友情卡、新年賀卡等Flash動(dòng)畫作品，必須先掌握Flash四種動(dòng)畫的制作方法。

2.1

Flash動(dòng)畫2.1.1逐幀動(dòng)畫1、逐幀動(dòng)畫制作將動(dòng)畫中的每一幀都設(shè)置為關(guān)鍵幀，在每一個(gè)關(guān)鍵幀中創(chuàng)建不同的內(nèi)容，就成為逐幀動(dòng)畫。將這些靜態(tài)圖片快速連續(xù)播放形成動(dòng)畫。實(shí)例練習(xí)——制作倒計(jì)時(shí)實(shí)例描述：通過使用逐幀動(dòng)畫，模擬數(shù)字倒數(shù)計(jì)時(shí)的效果。數(shù)字由10變到1。倒計(jì)時(shí)2.1.1逐幀動(dòng)畫

2）“繪圖紙”各個(gè)按鈕的功能如下：

【繪圖紙外觀】按鈕：按下此按鈕后，在時(shí)間軸的上方，出現(xiàn)繪圖紙外觀標(biāo)記。拉動(dòng)外觀標(biāo)記的兩端，可以擴(kuò)大或縮小顯示范圍。【繪圖紙外觀輪廓】按鈕：按下此按鈕后，場(chǎng)景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對(duì)象輪廓，另外可以節(jié)省系統(tǒng)資源，加快顯示過程?！揪庉嫸鄠€(gè)幀】按鈕：按下此按鈕后可以顯示全部幀內(nèi)容，并且可以進(jìn)行“多幀同時(shí)編輯”。【修改繪圖紙標(biāo)記】按鈕：按下此按鈕后，彈出下拉菜單。1）運(yùn)用繪圖紙功能編輯圖形。使用“時(shí)間軸”面板中提供的繪圖紙功能，可以在編輯動(dòng)畫的同時(shí)查看多個(gè)幀中的動(dòng)畫內(nèi)容。如圖所示，這是使用繪圖紙功能后的場(chǎng)景。在制作逐幀動(dòng)畫時(shí)，利用該功能可以對(duì)各關(guān)鍵幀中圖形的大小和位置進(jìn)行更好的定位，并可參考相仿關(guān)鍵幀中的圖形，對(duì)當(dāng)前幀中的圖形進(jìn)行修改和調(diào)整。2.1.2動(dòng)作補(bǔ)間動(dòng)畫

1、創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫的兩種方法

（1）在時(shí)間軸面板上動(dòng)畫開始播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置一個(gè)對(duì)象，一幀中只能放一個(gè)項(xiàng)目，在動(dòng)畫要結(jié)束的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置該對(duì)象的屬性，再單擊開始幀，在“屬性”面板上單擊“補(bǔ)間”旁邊的“小三角”。在彈出的菜單中選擇“動(dòng)畫”選項(xiàng)，即可創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。(2)選擇要?jiǎng)?chuàng)建動(dòng)畫的第1個(gè)關(guān)鍵幀，單擊右鍵，在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”，F(xiàn)lash將自動(dòng)創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。在一個(gè)關(guān)鍵幀上放置一個(gè)元件，然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等，F(xiàn)lash根據(jù)二者之間的幀的值創(chuàng)建的動(dòng)畫被稱為動(dòng)作補(bǔ)間動(dòng)畫。實(shí)例練習(xí)——蜜蜂采蜜2.1.2動(dòng)作補(bǔ)間動(dòng)畫

2、動(dòng)作補(bǔ)間動(dòng)畫參數(shù)設(shè)置（1）緩動(dòng)：設(shè)置物體的加速減速運(yùn)動(dòng)。（2）編輯：可以自定義物體的緩沖效果。（3）旋轉(zhuǎn)：讓物體進(jìn)行旋轉(zhuǎn)。（4）調(diào)整到路徑：此功能主要用于引導(dǎo)層動(dòng)畫中，可將物體調(diào)整到引導(dǎo)路徑上。在一個(gè)關(guān)鍵幀上放置一個(gè)元件，然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等，F(xiàn)lash根據(jù)二者之間的幀的值創(chuàng)建的動(dòng)畫被稱為動(dòng)作補(bǔ)間動(dòng)畫。實(shí)例練習(xí)——足球運(yùn)動(dòng)2.1.3形狀補(bǔ)間動(dòng)畫

在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀，F(xiàn)lash根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。1、創(chuàng)建形狀補(bǔ)間動(dòng)畫的具體操作方法

（1）在時(shí)間軸面板上動(dòng)畫開始播放的地方繪制動(dòng)畫的初始形狀，在動(dòng)畫結(jié)束處插入空白關(guān)鍵幀，繪制動(dòng)畫的結(jié)速圖形。（2）單擊開始幀，在“屬性”面板上單擊“補(bǔ)間”旁邊的小三角，在彈出的下拉菜單中選擇“形狀”，此時(shí)，時(shí)間軸面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭，如圖所示。。

實(shí)例練習(xí)——制作一個(gè)簡(jiǎn)單的萬花筒效果2.1.3形狀補(bǔ)間動(dòng)畫

在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀，F(xiàn)lash根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。。如圖所示。2、形狀補(bǔ)間動(dòng)畫“屬性”面板參數(shù)(1)“緩動(dòng)”選項(xiàng)設(shè)置物體的加速減速運(yùn)動(dòng)，和動(dòng)作補(bǔ)間動(dòng)畫參數(shù)相同。

(2)“混合”選項(xiàng)“角形”選項(xiàng),創(chuàng)建的動(dòng)畫中間形狀會(huì)保留有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀。“分布式”選項(xiàng)，創(chuàng)建的動(dòng)畫中間形狀比較平滑和不規(guī)則，形狀變化得更加自然。3、使用形狀提示（1）單擊開始關(guān)鍵幀，執(zhí)行“修改”>“形狀”>“添加形狀提示”命令，該幀的形狀里面就會(huì)增加一個(gè)帶字母的紅色圓圈（一般第一個(gè)提示是字母“a”），相應(yīng)地，在結(jié)束幀形狀中也會(huì)出現(xiàn)一個(gè)一模一樣的紅色圓圈。（2）在不同的關(guān)鍵幀中，用鼠標(biāo)左鍵單擊并分別按住這二個(gè)“提示圓圈”，拖放到適當(dāng)位置，如果使用形狀提示成功后，開始幀上的“提示圓圈”將變?yōu)辄S色，結(jié)束幀上的“提示圓圈”會(huì)變?yōu)榫G色。安放不成功或者它們不在一條曲線上時(shí)，“提示圓圈”顏色將保持不變。（3）刪除所有的形狀提示，可執(zhí)行“修改”>“形狀”>“刪除所有提示”命令，刪除單個(gè)形狀提示，可用鼠標(biāo)右鍵單擊它，在彈出菜單中選擇“刪除提示”。2.1.3形狀補(bǔ)間動(dòng)畫

實(shí)例練習(xí)——字母E變?yōu)镕2.1.4引導(dǎo)路徑動(dòng)畫

1、創(chuàng)建引導(dǎo)層的方法

（1）選擇菜單“文件”>“新建”命令，新建一個(gè)文檔，選擇系統(tǒng)自動(dòng)創(chuàng)建的“圖層1”，并單擊該鼠標(biāo)右鍵，然后從彈出的快捷菜單中選擇“引導(dǎo)層”命令，這時(shí)“圖層1”將被轉(zhuǎn)換為普通引導(dǎo)層。（2）選擇“插入”>“圖層”命令，新建一個(gè)“圖層2”。（3）選擇“插入”>“運(yùn)動(dòng)引導(dǎo)層”命令，在“圖層2”上會(huì)添加了一個(gè)運(yùn)動(dòng)引導(dǎo)層，如圖所示?；蛑苯訂螕魰r(shí)間軸下方的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕來添加運(yùn)動(dòng)引導(dǎo)層。2、引導(dǎo)層的種類

（1）普通引導(dǎo)層（2）運(yùn)動(dòng)引導(dǎo)層將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫形式被稱為“引導(dǎo)路徑動(dòng)畫”。這種動(dòng)畫可以使一個(gè)或多個(gè)元件完成曲線或不規(guī)則運(yùn)動(dòng)。2.1.4引導(dǎo)路徑動(dòng)畫

3、創(chuàng)建引導(dǎo)路徑動(dòng)畫的方法

（1）選擇菜單“文件”>“新建”命令，新建一個(gè)文檔，選擇系統(tǒng)自動(dòng)創(chuàng)建的“圖層1”，并單擊該鼠標(biāo)右鍵，然后從彈出的快捷菜單中選擇“引導(dǎo)層”命令，這時(shí)“圖層1”將被轉(zhuǎn)換為普通引導(dǎo)層。（2）選擇“插入”>“圖層”命令，新建一個(gè)“圖層2”。（3）選擇“插入”>“運(yùn)動(dòng)引導(dǎo)層”命令，在“圖層2”上會(huì)添加了一個(gè)運(yùn)動(dòng)引導(dǎo)層?；蛑苯訂螕魰r(shí)間軸下方的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕來添加運(yùn)動(dòng)引導(dǎo)層。4、將圖層與運(yùn)動(dòng)引導(dǎo)層鏈接起來

（1）將現(xiàn)有圖層拖到運(yùn)動(dòng)引導(dǎo)層的下面。該圖層在運(yùn)動(dòng)引導(dǎo)層下面以縮進(jìn)形式顯示。該圖層上的所有對(duì)象自動(dòng)與運(yùn)動(dòng)路徑對(duì)齊。（2）在運(yùn)動(dòng)引導(dǎo)層下面創(chuàng)建一個(gè)新圖層。在該圖層上補(bǔ)間動(dòng)畫的對(duì)象會(huì)自動(dòng)沿著運(yùn)動(dòng)路徑運(yùn)動(dòng)。（3）在運(yùn)動(dòng)引導(dǎo)層下面選擇一個(gè)圖層，然后選擇“修改”>“時(shí)間軸”>“圖層屬性”命令，然后選擇“被引導(dǎo)”。2.1.4引導(dǎo)路徑動(dòng)畫

1、實(shí)例練習(xí)——蜻蜓飛上荷花

2、實(shí)例練習(xí)——?jiǎng)討B(tài)導(dǎo)航按鈕

2.1.5遮罩動(dòng)畫

1、創(chuàng)建遮罩的方法（1）選擇或創(chuàng)建一個(gè)圖層作為被遮罩層，在該圖層中應(yīng)包含將出現(xiàn)在遮罩中的對(duì)象。在被遮罩層，可以使用按鈕、影片剪輯、圖形、位圖、文字、線條等元素。（2）選擇該圖層，然后執(zhí)行“插入”>“圖層”命令，在被遮罩層上面再創(chuàng)建一個(gè)新圖層，該圖層將作為遮罩層。（3）在遮罩層上創(chuàng)建填充形狀、文字、元件、影片剪輯、圖形、位圖等元素，會(huì)忽略其中的漸變色、顏色和線條等。因此，在遮罩層中任何填充區(qū)域都是完全透明的，而任何非填充區(qū)域都是不透明的。（4）在“時(shí)間軸”面板中用鼠標(biāo)右鍵單擊創(chuàng)建的遮罩層，然后從彈出的快捷菜單中單擊“遮罩層”，該層將轉(zhuǎn)換為“遮罩層”，用一個(gè)遮罩層圖標(biāo)來表示，如圖所示。遮罩層相當(dāng)于一個(gè)窗口，窗口的范圍是遮罩層圖形的邊緣勾勒的范圍，被遮罩的圖層只能在該區(qū)域內(nèi)顯示。如果被遮罩的圖層中圖形不夠大，無法占滿遮罩層中的所有空間時(shí)，將用背景色填充。2.1.5遮罩動(dòng)畫

2、添加多個(gè)被遮罩層的方法（1）將現(xiàn)有的圖層直接拖到遮罩層下面，如圖所示。（2）在遮罩層下面的任何地方創(chuàng)建一個(gè)新圖層。（3）選擇“修改”>“時(shí)間軸”>“圖層屬性”命令，然后選擇“被遮罩”選項(xiàng)。3、斷開（1）拖拽該圖層到遮罩層的上面。（2）選擇“修改”>“時(shí)間軸”>“圖層屬性”命令，然后選擇“一般”作為圖層類型，如圖所示。2.1.5遮罩動(dòng)畫

1、實(shí)例練習(xí)——制作遮罩動(dòng)畫2、實(shí)例練習(xí)——卷軸畫2.2任務(wù)一-----制作春節(jié)賀卡

2.2.1案例效果分析作品以紅色為主色調(diào)，配上節(jié)日的代表物燈籠和鞭炮，四個(gè)福字轉(zhuǎn)動(dòng)出拜年的“吉祥語”，突出體現(xiàn)了節(jié)日熱鬧祥和的氣氛，如圖所示。2.2.2設(shè)計(jì)思路影片剪輯元件“福字動(dòng)”的制作。4個(gè)“福字”按鈕的制作。燈籠和影片剪輯元件“穂動(dòng)”的制作。上部花紋制作。底圖和鞭炮效果制作。2.2.4相關(guān)知識(shí)和技能點(diǎn)

“變形面板”的使用，在制作圖形元件時(shí)應(yīng)綜合使用各種繪圖工具。影片剪輯元件的制作，按鈕的制作，動(dòng)作補(bǔ)間動(dòng)畫的制作。2.3任務(wù)二------制作端午節(jié)賀卡

2.3.1案例效果分析本案例設(shè)計(jì)的是端午節(jié)賀卡，畫面以綠色為主，將翠竹、粽葉和粽子等端午節(jié)特有的元素應(yīng)用到動(dòng)畫中。整個(gè)動(dòng)畫輕悠、流暢，配上好聽的音樂，給人一種美的享受，如圖所示。2.3.2設(shè)計(jì)思路背景、邊框、圖框制作。翠竹、漣漪、星星制作。粽子補(bǔ)間動(dòng)畫制作。文本動(dòng)畫制作。插入背景音樂。添加腳本。2.2.4相關(guān)知識(shí)和技能點(diǎn)

應(yīng)用形狀補(bǔ)間動(dòng)畫制作畫面過渡效果，使用動(dòng)作補(bǔ)間動(dòng)畫創(chuàng)建文本動(dòng)畫，圖層的使用。

2.4實(shí)訓(xùn)項(xiàng)目-------制作友情賀卡

1、制作動(dòng)畫的目的與主題主題主要通過四葉草來傳達(dá)友情的內(nèi)涵，再配以音樂烘托主題，效果如圖所示。2.4.1動(dòng)畫前期創(chuàng)意與策劃2、動(dòng)畫整體風(fēng)格設(shè)計(jì)動(dòng)畫主體風(fēng)格比較舒緩柔美，隨著輕柔的音樂，一句句的友情文字帶給我們對(duì)友情的美好向往。3、素材收集與處理收集四葉草植物，動(dòng)的植物組合，動(dòng)態(tài)氣泡，半透明漸變圓（自己制作）；圖片素材，背景圖片，音樂素材。2.4實(shí)訓(xùn)項(xiàng)目-------制作校園文化節(jié)會(huì)徽

2.4.2實(shí)訓(xùn)要求背景的設(shè)定，通過靜的背景和動(dòng)的四葉草植物組合，以及一些動(dòng)的裝飾元件（如動(dòng)態(tài)氣泡，漸變半圓，動(dòng)態(tài)星星）的添加，使背景更有生氣，友情卡的內(nèi)容更豐富。祝福語的文本動(dòng)畫的設(shè)定。主要通過四葉草引出文本，文本逐漸出現(xiàn)。按鈕、音樂的添加。2.5課外拓展---制作生日