Animate動畫設計與制作實例教程（Animate CC 2019）課件 第3-5章 電子相冊、廣告設計、MTV制作

第3章電子相冊通過本章,你應該掌握:庫面板的使用方式圖形元件的使用按鈕元件的使用影片剪輯元件的使用

電子相冊的制作用到了元件和庫的知識，使用我們以前學過的繪圖和動畫的基礎知識，來制作我們的電子相冊吧。3.1元件、實例和庫

3.1.1元件和實例

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

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

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

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

利用flash的幀動畫，制作出炫美的切換效果，從而烘托出婚禮相冊的華美。如圖3-31所示。3.3.2設計思路利用圖形元件和幀動畫知識制作婚紗電子相冊3.3.4相關知識和技能點利用圖形元件準備好圖片素材，利用學過的幀動畫設計圖片出現(xiàn)的不同效果。

制作婚禮相冊

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

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

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

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

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

4.1.1時間軸特效3、分散式直接復制

4.1時間軸特效、濾鏡和混合模式

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

4.1.1時間軸特效5、分離

4.1時間軸特效、濾鏡和混合模式

4.1.1時間軸特效6、展開

4.1時間軸特效、濾鏡和混合模式

4.1.1時間軸特效7、投影

4.1時間軸特效、濾鏡和混合模式

4.1.1時間軸特效8、模糊

4.1時間軸特效、濾鏡和混合模式

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

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

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

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

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

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

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

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

4.1.3混合模式使用混合模式，可以創(chuàng)建復合圖像。復合是改變兩個或兩個以上重疊對象的透明度或者顏色相互關系的過程。使用混合，可以混合重疊影片剪輯中的顏色，從而創(chuàng)造獨特的效果?；旌夏Ｊ桨韵略兀夯旌项伾簯糜诨旌夏Ｊ降念伾煌该鞫龋簯糜诨旌夏Ｊ降耐该鞫然鶞暑伾夯旌项伾旅娴南袼氐念伾Y(jié)果顏色：基準顏色上混合效果的結(jié)果4.1時間軸特效、濾鏡和混合模式

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

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

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

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

4.3.1案例效果分析

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

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

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

手機宣傳第五章

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

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

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

Flash提供了許多使用聲音的方式。通過增加聲音的效果，可以使動畫更具有感染力。FlashCS3中聲音應用的方法很多?？梢宰屄曇舄毩⒂跁r間軸連續(xù)播放，或使動畫與聲音同步播放，也可以向按鈕添加聲音。另外，還可以通過設置屬性來實現(xiàn)聲音淡入淡出的效果。在影片中添加聲音，需要先將聲音文件導入到影片文件中，新建一個新圖層，用來放置聲音。選中需要加入聲音的關鍵幀，在“庫”中將聲音文件拖入到場景中即可?？稍谕粚又胁迦攵喾N聲音，也可以把聲音放入含有其他對象的圖層中。通過增加聲音的效果，可以使動畫更具有感染力。方法:執(zhí)行【文件】>【導入】>【導入到庫】命令

5.1.4在Flash應用視頻

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

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

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