Animate動(dòng)畫(huà)設(shè)計(jì)與制作實(shí)例教程（Animate CC 2019）課件 第3-5章 電子相冊(cè)、廣告設(shè)計(jì)、MTV制作

第3章電子相冊(cè)通過(guò)本章,你應(yīng)該掌握:庫(kù)面板的使用方式圖形元件的使用按鈕元件的使用影片剪輯元件的使用

電子相冊(cè)的制作用到了元件和庫(kù)的知識(shí)，使用我們以前學(xué)過(guò)的繪圖和動(dòng)畫(huà)的基礎(chǔ)知識(shí)，來(lái)制作我們的電子相冊(cè)吧。3.1元件、實(shí)例和庫(kù)

3.1.1元件和實(shí)例

元件和實(shí)例是穿件Flash動(dòng)畫(huà)的重要內(nèi)容之一。元件是指在Flash中創(chuàng)建的圖形、按鈕或影片剪輯，可以在影片中重復(fù)使用，它是構(gòu)成Flash動(dòng)畫(huà)的基本單位。實(shí)例是指位于舞臺(tái)或嵌入在另一個(gè)元件內(nèi)的元件副本。通過(guò)元件與實(shí)例結(jié)合使用，可以保證在動(dòng)畫(huà)文件很小的基礎(chǔ)上，實(shí)現(xiàn)Flash作品的交互能力和動(dòng)感表現(xiàn)等功能。實(shí)例3.1.2圖形元件

我們把“元件”比作是“舞臺(tái)”的“基本演員”，要想實(shí)現(xiàn)自己的“動(dòng)畫(huà)劇本”，就得組建“演出班子”。這個(gè)“演出班子”有哪些“演員”呢？在Flash中，主要有“圖形”、“按鈕”、“影片剪輯”3種?！皥D形元件”好比“群眾演員”。到處都有它的身影，能力卻有限。圖形元件庫(kù)面板中的圖形元件3.1.3影片剪輯元件

“影片剪輯元件”就是我們平時(shí)常聽(tīng)說(shuō)的MC（MovieClip）?？梢园选拔枧_(tái)”上任何看得到的對(duì)象，甚至整個(gè)“時(shí)間軸”內(nèi)容創(chuàng)建為一個(gè)MC。而且，還可把一個(gè)MC放置到另一個(gè)MC中。影片剪輯元件庫(kù)面板中的影片剪輯元件3.1.4按鈕元件

按鈕元件是一種特殊的交互式影片剪輯，它只包含4個(gè)幀。當(dāng)新建一個(gè)按鈕元件時(shí)，F(xiàn)lash自動(dòng)創(chuàng)建一個(gè)含有4個(gè)幀的時(shí)間軸，它們分別是“彈起”、“指針經(jīng)過(guò)”、“按下”和“點(diǎn)擊”。按鈕元件時(shí)間軸上的每一幀都具有特殊的含義?！皬椘稹睅罕硎景粹o的原始狀態(tài)，即鼠標(biāo)指針沒(méi)有對(duì)此按鈕產(chǎn)生任何動(dòng)作時(shí)，按鈕表現(xiàn)出的狀態(tài)?！爸羔樈?jīng)過(guò)”幀：表示鼠標(biāo)指針位于該按鈕上時(shí)，按鈕的外觀(guān)狀態(tài)?！鞍聪隆睅罕硎締螕粼摪粹o時(shí)，按鈕的外觀(guān)狀態(tài)?！包c(diǎn)擊”幀：用于定義響應(yīng)鼠標(biāo)單擊時(shí)的相應(yīng)區(qū)域，該幀上的區(qū)域在影片中是不可見(jiàn)的。按鈕元件庫(kù)面板中的按鈕元件3.1.5管理使用庫(kù)【庫(kù)】面板如圖3-20所示?，F(xiàn)介紹如下：①拖動(dòng)它，能夠隨意移動(dòng)【庫(kù)】面板②單擊它能打開(kāi)庫(kù)面板菜單③當(dāng)前【庫(kù)】模板所屬的文件④當(dāng)前選中的元件⑤這是元件項(xiàng)目列表“排序”切換按鈕⑥點(diǎn)擊它能夠切換到“寬”模式，【庫(kù)】面板將以最大化顯示⑦點(diǎn)擊它能夠切換到“窄”模式，它是默認(rèn)的【庫(kù)】的寬度⑧單擊可以更改“元件屬性”⑨單擊可在【庫(kù)】中添加新的文件夾⑩點(diǎn)擊可在【庫(kù)】中添加新的元件庫(kù)面板3.2任務(wù)一----制作成長(zhǎng)相冊(cè)3.2.1案例效果制作小寶貝的主要成長(zhǎng)過(guò)程的照片3.2.2設(shè)計(jì)思路利用圖形元件制作寶寶的簡(jiǎn)單電子相冊(cè)3.2.4相關(guān)知識(shí)和技能點(diǎn)圖形元件的制作、逐幀動(dòng)畫(huà)的制作方法成長(zhǎng)相冊(cè)3.3任務(wù)二----制作婚禮相冊(cè)3.3.1案例效果

利用flash的幀動(dòng)畫(huà)，制作出炫美的切換效果，從而烘托出婚禮相冊(cè)的華美。如圖3-31所示。3.3.2設(shè)計(jì)思路利用圖形元件和幀動(dòng)畫(huà)知識(shí)制作婚紗電子相冊(cè)3.3.4相關(guān)知識(shí)和技能點(diǎn)利用圖形元件準(zhǔn)備好圖片素材，利用學(xué)過(guò)的幀動(dòng)畫(huà)設(shè)計(jì)圖片出現(xiàn)的不同效果。

制作婚禮相冊(cè)

3.4實(shí)訓(xùn)項(xiàng)目---制作家庭相冊(cè)1、制作動(dòng)畫(huà)的目的與主題（任務(wù)與要達(dá)到得效果）制作本項(xiàng)目的目的在于強(qiáng)化對(duì)于元件的使用、【庫(kù)】面板的使用以及【動(dòng)作】面板的引入。項(xiàng)目的主題是制作一個(gè)家庭相冊(cè)，體現(xiàn)和諧的家庭，增進(jìn)親人的感情。3.4.1動(dòng)畫(huà)前期創(chuàng)意與策劃制作家庭相冊(cè)2、動(dòng)畫(huà)整體風(fēng)格設(shè)計(jì)本例的選取用到的是日本動(dòng)畫(huà)片《櫻桃小丸子》的主人公小丸子一家人。因?yàn)槭且月?huà)人物為原型，所以動(dòng)畫(huà)的整體風(fēng)格生動(dòng)活潑，連按鈕的制作也是一只淘氣的小貓咪，同時(shí)給按鈕配上相應(yīng)的貓咪叫聲。3、素材收集與處理素材的搜集主要包括：圖片素材，以《櫻桃小丸子》為主題的圖片。聲音素材：貓咪的叫聲。3.4.2動(dòng)畫(huà)設(shè)計(jì)1故事情節(jié)設(shè)計(jì)小丸子的家庭合影，以及與主要家庭成員的合影。2造型設(shè)計(jì)按照動(dòng)畫(huà)劇情原型為基礎(chǔ)設(shè)計(jì)。3場(chǎng)景設(shè)計(jì)按照動(dòng)畫(huà)劇情原型為基礎(chǔ)設(shè)計(jì)。3.5學(xué)生課外拓展----制作動(dòng)漫相冊(cè)

3.5.1制作效果（圖）3.5.2知識(shí)要點(diǎn)按鈕元件的使用補(bǔ)間動(dòng)畫(huà)的使用簡(jiǎn)單的動(dòng)作與行為第4章廣告制作使用Flash中預(yù)建的時(shí)間軸特效可以用最少的步驟創(chuàng)建復(fù)雜的動(dòng)畫(huà)。使用濾鏡可以為文本、按鈕和影片剪輯增添有趣的視覺(jué)效果。使用混合模式，可以混合重疊影片剪輯中的顏色，從而創(chuàng)造獨(dú)特的效果。通過(guò)本章，你應(yīng)該掌握：時(shí)間軸特效、濾鐿、混合模式宣傳廣告公益廣告產(chǎn)品廣告制作4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效時(shí)間軸特效可以應(yīng)用于文本、圖形（包括形狀、組以及圖形元件）、位圖圖像、按鈕元件以及影片剪輯元件。Flash中預(yù)建的時(shí)間軸特效有8個(gè)，分別為：變形/轉(zhuǎn)換（變形、轉(zhuǎn)換）、幫助（分散式直接復(fù)制、復(fù)制到網(wǎng)格）、效果（分離、展開(kāi)、投影和模糊）。通過(guò)單擊“更新預(yù)覽”按鈕，可以快速預(yù)覽修改參數(shù)后的效果?！安迦搿辈藛沃械摹皶r(shí)間軸特效”或右擊實(shí)例選擇“時(shí)間軸特效”的級(jí)聯(lián)菜單項(xiàng)添加。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效1、變形4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效2、轉(zhuǎn)換4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效3、分散式直接復(fù)制

4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效4、復(fù)制到網(wǎng)格4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效5、分離

4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效6、展開(kāi)

4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效7、投影

4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1時(shí)間軸特效8、模糊

4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡使用AdobeFlashCS3Professional濾鏡，可以為文本、按鈕和影片剪輯增添有趣的視覺(jué)效果。Flash所獨(dú)有的一個(gè)功能是可以使用補(bǔ)間動(dòng)畫(huà)讓?xiě)?yīng)用的濾鏡動(dòng)起來(lái)。使用濾鏡面板可進(jìn)行濾鏡的添加、參數(shù)的設(shè)置及濾鏡的刪除等操作。首先保證選中的對(duì)象是文本、按鈕或影片剪輯，然后在濾鏡面板中單擊“+”號(hào)，在彈出的濾鏡菜單中，選擇要使用的濾鏡。共有7種：投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角和調(diào)整顏色。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡1、投影4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡2、模糊4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡3、發(fā)光4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡4、斜角4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡5、漸變發(fā)光4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡6、漸變斜角4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡7、調(diào)整顏色4.1時(shí)間軸特效、濾鏡和混合模式

4.1.3混合模式使用混合模式，可以創(chuàng)建復(fù)合圖像。復(fù)合是改變兩個(gè)或兩個(gè)以上重疊對(duì)象的透明度或者顏色相互關(guān)系的過(guò)程。使用混合，可以混合重疊影片剪輯中的顏色，從而創(chuàng)造獨(dú)特的效果?；旌夏Ｊ桨韵略兀夯旌项伾簯?yīng)用于混合模式的顏色不透明度：應(yīng)用于混合模式的透明度基準(zhǔn)顏色：混合顏色下面的像素的顏色結(jié)果顏色：基準(zhǔn)顏色上混合效果的結(jié)果4.1時(shí)間軸特效、濾鏡和混合模式

4.1.3混合模式正常：正常應(yīng)用顏色，不與基準(zhǔn)顏色發(fā)生交互。圖層：可以層疊各個(gè)影片剪輯，而不影響其顏色。變暗：只替換比混合顏色亮的區(qū)域。比混合顏色暗的區(qū)域?qū)⒈３植蛔?。色彩增殖：將基?zhǔn)顏色與混合顏色復(fù)合，從而產(chǎn)生較暗的顏色。變亮：只替換比混合顏色暗的像素。比混合顏色亮的區(qū)域?qū)⒈３植蛔儭V色：將混合顏色的反色與基準(zhǔn)顏色復(fù)合，從而產(chǎn)生漂白效果。疊加：復(fù)合或過(guò)濾顏色，具體操作需取決于基準(zhǔn)顏色。強(qiáng)光：復(fù)合或過(guò)濾顏色，具體操作需取決于混合模式顏色。該效果類(lèi)似于用點(diǎn)光源照射對(duì)象。差異：從基色減去混合色或從混合色減去基色，具體取決于哪一種的亮度值較大。該效果類(lèi)似于彩色底片。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.3混合模式加色：通常用于在兩個(gè)圖像之間創(chuàng)建動(dòng)畫(huà)的變亮分解效果。減色：通常用于在兩個(gè)圖像之間創(chuàng)建動(dòng)畫(huà)的變暗分解效果。反色：反轉(zhuǎn)基準(zhǔn)顏色。Alpha：應(yīng)用Alpha遮罩層。擦除：刪除所有基準(zhǔn)顏色像素，包括背景圖像中的基準(zhǔn)顏色像素。說(shuō)明：混合的對(duì)象是影片剪輯元件或按鈕元件。4.2任務(wù)1——宣傳廣告

4.2.1案例效果分析4.2任務(wù)1——宣傳廣告

4.2.2設(shè)計(jì)思路1、使用“調(diào)整顏色”濾鏡實(shí)現(xiàn)圖片的變色效果；2、使用時(shí)間軸特效的“轉(zhuǎn)換”類(lèi)型實(shí)現(xiàn)文字從左右到的展開(kāi)；3、使用“投影”、“模糊”、“發(fā)光”等濾鏡實(shí)現(xiàn)文字的立體效果，通過(guò)補(bǔ)間動(dòng)畫(huà)的創(chuàng)建，實(shí)現(xiàn)動(dòng)態(tài)效果。4.2.3相關(guān)知識(shí)和技能點(diǎn)1、濾鏡的使用2、時(shí)間軸特效的使用3、使用補(bǔ)間動(dòng)畫(huà)使濾鏡效果動(dòng)起來(lái)4.3任務(wù)2——公益廣告

4.3.1案例效果分析

4.3任務(wù)2——公益廣告4.3.2設(shè)計(jì)思路1、先搜集并處理素材，使素材的命名有規(guī)律、大小一致。通過(guò)元件的復(fù)制快速制作類(lèi)似的元件。2、制作開(kāi)始場(chǎng)景1，場(chǎng)景2；3、利用場(chǎng)景的復(fù)制及元件的交換制作出其它類(lèi)似的效果，完成其它場(chǎng)景的制作。4.3.3相關(guān)知識(shí)和技能點(diǎn)1、場(chǎng)景面板，場(chǎng)景的新建、復(fù)制等操作2、元件的交換、元件的直接復(fù)制等操作3、使用補(bǔ)間動(dòng)畫(huà)的使用4.4實(shí)訓(xùn)項(xiàng)目——產(chǎn)品廣告

4.4.1實(shí)訓(xùn)目的1、制作動(dòng)畫(huà)的目的與主題（任務(wù)與要達(dá)到得效果）本次實(shí)訓(xùn)任務(wù)是產(chǎn)品廣告，對(duì)某個(gè)品牌的某種產(chǎn)品進(jìn)行宣傳。體現(xiàn)產(chǎn)品的主題。參考實(shí)例是“百麗鞋品”，本實(shí)例通過(guò)背景顏色及鞋子的動(dòng)態(tài)展示，體現(xiàn)出“百變所以美麗”的主題，達(dá)到宣傳的效果。4.4實(shí)訓(xùn)項(xiàng)目——產(chǎn)品廣告

4.4.1實(shí)訓(xùn)目的2、動(dòng)畫(huà)整體風(fēng)格設(shè)計(jì)利用Flash動(dòng)畫(huà)制作百麗產(chǎn)品廣告，重在變化，顏色的變化、產(chǎn)品的變化、產(chǎn)品效果的變化，體現(xiàn)出“百變所以美麗”的主題。3、素材收集與處理收集百麗標(biāo)志、收集百麗的鞋子圖片；參照百麗標(biāo)志自己制作標(biāo)志，對(duì)鞋子圖片進(jìn)行預(yù)處理，選出鞋子、添加白邊、改變圖片的大小、格式，以備使用。4.4實(shí)訓(xùn)項(xiàng)目——產(chǎn)品廣告4.4.2實(shí)訓(xùn)要求1、熟悉使用時(shí)間軸特效2、熟悉使用濾鏡3、體現(xiàn)出產(chǎn)品的主題，達(dá)到宣傳的目的4.4.3實(shí)訓(xùn)步驟（略）4.5學(xué)生課外拓展——

手機(jī)宣傳第五章

MTV制作通過(guò)本章,你應(yīng)該掌握:素材的收集、處理素材的導(dǎo)入素材的展現(xiàn)寓言故事、詩(shī)歌、MTV制作

MTV是一種現(xiàn)代視頻藝術(shù)，以往都是一些專(zhuān)業(yè)從事演唱的人物才能享受的消費(fèi)。而現(xiàn)在這種可望不可及的娛樂(lè)方式已經(jīng)逐步進(jìn)入了普通百姓生活。MTV即用最好的歌曲配以最精美的畫(huà)面，使原本只是聽(tīng)覺(jué)藝術(shù)的歌曲，變?yōu)橐曈X(jué)和聽(tīng)覺(jué)結(jié)合的一種嶄新的藝術(shù)樣式。5.1位圖、聲音和視頻5.1.1位圖、聲音和視頻的應(yīng)用

對(duì)于制作Flash動(dòng)畫(huà)來(lái)說(shuō)，位圖、聲音和視頻文件的靈活應(yīng)用，可以增加作品的效果，可以通過(guò)網(wǎng)絡(luò)和數(shù)碼相機(jī)、攝像機(jī)等等來(lái)收集相關(guān)素材，利用一些現(xiàn)成的位圖、聲音來(lái)制作Flash作品，可以使作品的表現(xiàn)力更豐富，而且一些復(fù)雜的圖形可能只有位圖才能夠表現(xiàn)清楚。因此，掌握在Flash中插入和處理位圖是很重要的。5.1.2導(dǎo)入位圖FlashCS3支持多種圖像格式，如：.jpg、.bmp、.gif等，通過(guò)將圖像文件導(dǎo)入到庫(kù)和舞臺(tái)上，可以將位圖文件絢麗多彩的效果展現(xiàn)給觀(guān)眾，給人以更強(qiáng)烈的視覺(jué)沖擊。方法:執(zhí)行【文件】>【導(dǎo)入】>【導(dǎo)入到庫(kù)】命令5.1.3導(dǎo)入聲音

Flash提供了許多使用聲音的方式。通過(guò)增加聲音的效果，可以使動(dòng)畫(huà)更具有感染力。FlashCS3中聲音應(yīng)用的方法很多。可以讓聲音獨(dú)立于時(shí)間軸連續(xù)播放，或使動(dòng)畫(huà)與聲音同步播放，也可以向按鈕添加聲音。另外，還可以通過(guò)設(shè)置屬性來(lái)實(shí)現(xiàn)聲音淡入淡出的效果。在影片中添加聲音，需要先將聲音文件導(dǎo)入到影片文件中，新建一個(gè)新圖層，用來(lái)放置聲音。選中需要加入聲音的關(guān)鍵幀，在“庫(kù)”中將聲音文件拖入到場(chǎng)景中即可?？稍谕粚又胁迦攵喾N聲音，也可以把聲音放入含有其他對(duì)象的圖層中。通過(guò)增加聲音的效果，可以使動(dòng)畫(huà)更具有感染力。方法:執(zhí)行【文件】>【導(dǎo)入】>【導(dǎo)入到庫(kù)】命令

5.1.4在Flash應(yīng)用視頻

FlashCS3中的視頻具備創(chuàng)造性的技術(shù)優(yōu)勢(shì)，允許把視頻、數(shù)據(jù)、圖形、聲音和交互式控制融入一體，從而創(chuàng)造出引人入勝的豐富體驗(yàn)。支持的視頻類(lèi)型如果機(jī)器上已經(jīng)安裝了QuickTime7及其以上版本，則在導(dǎo)入嵌入視頻時(shí)支持包括MOV（QuickTime影片）、AVI（音頻視頻交叉文件）和MPG/MPEG（運(yùn)動(dòng)圖像專(zhuān)家組文件）等格式的視頻剪輯，2、

FlashCS3支持的視頻格式FlashCS3支持的視默認(rèn)情況下，F(xiàn)lash使用On2VP6編解碼器導(dǎo)入和導(dǎo)出視頻。編解碼器是一種壓縮/解壓縮算法，用于控制多媒體文件在編碼期間的壓縮方式和回放期間的解壓縮方式。如果導(dǎo)入的視頻文件是系統(tǒng)不支持的文件格式，那么Flash會(huì)顯示一條警告消息，表示無(wú)法完成該操作。而在有些情況下，F(xiàn)lash可能只能導(dǎo)入文件中的視頻，而無(wú)法導(dǎo)入音頻，此時(shí)，也會(huì)顯示警告消息，表示無(wú)法導(dǎo)入該文件的音頻部分。但是仍然可以導(dǎo)入沒(méi)有聲音的視頻。5.2任務(wù)一---制作寓言故事

5.2.1案例效果分析本案例是通過(guò)寓言故事“龜兔賽跑”制作的一個(gè)動(dòng)畫(huà)，故事的情節(jié)根據(jù)情況做一些改編，最后以小兔勝利而告終。5.2.2設(shè)計(jì)思路1、收集素材并進(jìn)行相應(yīng)的處理。2、將位圖和動(dòng)畫(huà)文件導(dǎo)入到庫(kù)。3、制作文本動(dòng)畫(huà)效果。4、添加補(bǔ)間動(dòng)畫(huà)效果。5.2.3相