Animate動(dòng)畫(huà)設(shè)計(jì)與制作實(shí)例教程-電子相冊(cè)

電子相冊(cè)通過(guò)本章,你應(yīng)該掌握:圖形元件、按鈕元件和影片剪輯元件的使用實(shí)例和“庫(kù)”的使用全家福相冊(cè)、婚禮相冊(cè)、成長(zhǎng)相冊(cè)制作

隨著數(shù)碼相機(jī)的使用，制作電子相冊(cè)成為現(xiàn)在人們的普遍需求，而使用Animate制作電子相冊(cè)以制作方法簡(jiǎn)單和動(dòng)態(tài)的效果成為人們的首選。本章主要介紹元件、實(shí)例和“庫(kù)”的使用。通過(guò)一系列電子相冊(cè)的制作，使讀者掌握元件、實(shí)例和“庫(kù)”的相關(guān)知識(shí)，掌握用Animate制作電子相冊(cè)的方法。3.1元件、實(shí)例和庫(kù)

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

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

影片剪輯元件就是通常所說(shuō)的MC（MovieClip）。可以把“舞臺(tái)”上任何看得到的對(duì)象，甚至整個(gè)時(shí)間軸的內(nèi)容創(chuàng)建為一個(gè)MC，可以把一個(gè)MC放置到另一個(gè)MC中，還可以把一段動(dòng)畫(huà)（如逐幀動(dòng)畫(huà)）轉(zhuǎn)換成影片剪輯元件。影片剪輯元件庫(kù)面板中的影片剪輯元件3.1.4按鈕元件

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

利用

Animate的幀動(dòng)畫(huà)，制作出炫美的切換效果，從而烘托出婚禮相冊(cè)的華美，效果如圖3-46所示。3.3.2設(shè)計(jì)思路1.導(dǎo)入素材，將位圖素材轉(zhuǎn)換為圖形元件。2.制作封面按鈕元件素材：心形圖形元件、心形旋轉(zhuǎn)圖片剪輯元件、文字按鈕。3.使用遮罩動(dòng)畫(huà)制作相片切換效果。3.3.4相關(guān)知識(shí)和技能點(diǎn)1.元件：圖形元件、按鈕元件、影片剪輯元件。2.遮罩動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)。3.【動(dòng)作】面板設(shè)置動(dòng)作。

制作婚禮相冊(cè)

3.4實(shí)訓(xùn)項(xiàng)目---制作家庭相冊(cè)1.制作動(dòng)畫(huà)的目的與主題制作本項(xiàng)目的目的是強(qiáng)化元件和“庫(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ì)本項(xiàng)目以漫畫(huà)人物為原型，所以動(dòng)畫(huà)的整體風(fēng)格生動(dòng)活潑，連按鈕也是一只淘氣的小貓咪，同時(shí)給按鈕配上相應(yīng)的貓咪叫聲。3、素材收集與處理

素材的搜集主要包括：以《歡樂(lè)家庭》為主題的素材圖片和貓咪的叫聲。3.4.2動(dòng)畫(huà)設(shè)計(jì)1.故事情節(jié)設(shè)計(jì)小女孩的家庭合影。2.造型設(shè)計(jì)按照卡通人物原型