Animate動(dòng)畫設(shè)計(jì)與制作實(shí)例教程-動(dòng)畫片制作

動(dòng)畫片制作通過本章,應(yīng)該掌握:Animate動(dòng)畫角色繪制Animate場景、元件和情節(jié)的配合按分鏡制作Animate動(dòng)畫情節(jié)

在Animate中，動(dòng)畫片的制作是最絢麗多彩的，但任何一個(gè)動(dòng)畫角色都是從基本圖形的繪制開始。繪制好角色后，將設(shè)計(jì)好的故事情節(jié)細(xì)分成一個(gè)個(gè)片段。然后使用元件、場景等方法進(jìn)行動(dòng)畫的制作。7.1代碼片斷和模板代碼片斷是預(yù)先編寫好的ActionScript3.0代碼段，可以方便地添加到項(xiàng)目里，利用“代碼片斷”面板里提供的動(dòng)作立即給項(xiàng)目添加交互功能?？梢允褂么a片段添加能影響舞臺上行為的代碼，添加能在時(shí)間軸中控制播放頭移動(dòng)的代碼，還可以將創(chuàng)建的新代碼片段添加到面板。使用代碼片段控制對象，對象必須是影片剪輯、按鈕或者文本，必須在屬性面板中為對象添加實(shí)例名，代碼片段不能直接添加到對象上，只能添加到時(shí)間軸的幀中。7.1.1代碼片斷（1）打開“飛機(jī)飛行.fla”文檔。（2）在【時(shí)間軸】面板中找到“PLAY”圖層，在【屬性】面板中將其命名為“btn”，保持btn對象為選中狀態(tài)。（3）單擊【窗口】菜單中的【代碼片段】，打開【片段代碼】對話框，單擊“ActionScript”類別文件夾，打開子文件夾“時(shí)間軸導(dǎo)航”，雙擊“單擊以轉(zhuǎn)到幀并播放”命令，如左圖所示。（4）打開【動(dòng)作】面板，Animate會自動(dòng)將代碼加載到“Action”層中，在代碼中修改“gotoAndPlay(5);”為“gotoAndPlay(2);”，實(shí)現(xiàn)單擊“PLAY”后跳轉(zhuǎn)到相應(yīng)的幀并播放功能，如右圖所示。★實(shí)例練習(xí)----使用【片段代碼】控制影片的播放7.1.1代碼片斷控制影片的播放（5）回到“飛機(jī)飛行.fla”文檔，按Ctrl+Enter組合鍵測試影片，效果下圖所示。7.1.1代碼片斷★實(shí)例練習(xí)----使用【片段代碼】控制影片的播放Animate的模板為創(chuàng)作各種常見項(xiàng)目提供了很大便利，有許多模板可供項(xiàng)目使用，如照片幻燈片模板、測驗(yàn)?zāi)０濉⒁苿?dòng)內(nèi)容模板以及其他許多項(xiàng)目模板。（1）執(zhí)行【文件】>【從模板新建】命令，打開【從模板新建】對話框，如下圖所示。7.1.2模板★實(shí)例練習(xí)——制作簡單相冊效果。（2）在【類別】列表中選擇【媒體播放】，然后在【模板】列表中選擇【簡單相冊】，如圖左所示。（3）單擊【確定】按鈕，打開Anmiate文檔，時(shí)間軸如右圖所示。（4）導(dǎo)入若干張圖片到“庫”中，在“圖像/標(biāo)題”圖層中選擇和圖片數(shù)相同的幀數(shù)，按F7鍵插入逐幀空白關(guān)鍵幀。7.1.2模板★實(shí)例練習(xí)——制作簡單相冊效果。（5）在每一個(gè)關(guān)鍵幀中從“庫”中拖入一張位圖，分別調(diào)整每張圖片的大小和位置，寬為528，高為392，x為54.20，y為26.45。（6）在每個(gè)圖層上添加相應(yīng)的幀數(shù)，時(shí)間軸如左圖所示。（7）按Ctrl+Enter組合鍵測試影片，效果如右圖所示。7.1.2模板★實(shí)例練習(xí)——制作簡單相冊效果。7.2任務(wù)一——魚兒游魚兒游實(shí)例效果圖本實(shí)例是一個(gè)引入實(shí)例——魚兒游，魚兒游是一個(gè)魚兒在水中游來游去效果的小動(dòng)畫，主要學(xué)習(xí)了元件的應(yīng)用方法。魚兒游使用了5個(gè)繪制魚兒不同形態(tài)的圖形元件，組成1個(gè)影片剪輯元件，由影片剪輯元件內(nèi)部放置圖形元件的順序和幀數(shù)來控制魚兒的動(dòng)作。然后導(dǎo)入背景圖片，并將影片剪輯元件放置在合適的位置做動(dòng)畫補(bǔ)間，這樣就完成了這個(gè)引入實(shí)例。7.2.1案例效果分析7.2任務(wù)一——魚兒游本例在元件的不同關(guān)鍵幀中改變魚兒的形狀，以形成魚兒在水中不斷穿梭、翻騰的動(dòng)畫效果。（1）Animate中的形狀為分散的狀態(tài)，在繪制魚兒形狀時(shí)，每出現(xiàn)一處重疊的線條，魚兒形狀就被分割成分散的形狀。在調(diào)整顏色時(shí)要注意，魚兒身體是由多個(gè)分散的色塊構(gòu)成的，要統(tǒng)一調(diào)配顏色。（2）將5個(gè)形態(tài)不同的魚兒圖形元件放置在一個(gè)影片剪輯元件中，再對影片剪輯元件設(shè)置補(bǔ)間動(dòng)畫，從而制作魚兒游走的效果。7.2.2設(shè)計(jì)思路7.2.3相關(guān)知識和技能點(diǎn)7.3任務(wù)二——貓和老鼠

貓和老鼠效果展示1、故事情節(jié)：一只貓?jiān)诶鲜蠖催叺戎嚼鲜?，老鼠一直不出來，貓等得睡著了，聽見貓的打鼾聲，老鼠紛紛跑出洞來…?、場景設(shè)計(jì)：應(yīng)用了3個(gè)場景：Loading頁面、字幕和故事場景。Loading頁面由線條和圓圈構(gòu)成，通過按鈕跳轉(zhuǎn)到字幕場景，字幕場景包括線條和閃爍的小星的變化，最后出現(xiàn)標(biāo)題——貓和老鼠，通過Enter按鈕進(jìn)入故事情節(jié)場景。3、具體任務(wù)分解：故事情節(jié)具體分為繪制背景、繪制角色、小貓打鼾、老鼠出洞幾個(gè)小任務(wù)構(gòu)成。分別制作元件完成這些小任務(wù)，并將情節(jié)連貫起來即構(gòu)成本實(shí)例。7.3.1案例效果分析實(shí)例由3個(gè)場景構(gòu)成，按照場景可分為三部分。第一部分為Loading頁面，第二部分為字幕，第三部分是故事情節(jié)：一只小花貓?jiān)诶鲜蠖纯诘壤鲜蟪鰜淼鹊盟耍±鲜髠兟牭截埖拇蝼?，紛紛跑了出來…?、使用了loading、text和maohelaoshu三個(gè)場景，場景之間采用按鈕連接，本實(shí)例故事情節(jié)的實(shí)現(xiàn)是將最后一個(gè)場景maohelaoshu循環(huán)播放，貓不斷地打呼，老鼠不斷地跑出來。2、使用了Animate當(dāng)中的各種元件，并通過實(shí)例了解元件的應(yīng)用：場景的連接使用按鈕元件，角色——貓和老鼠是圖形元件，貓打鼾的“Z”形圖形是影片剪輯元件。7.3.2設(shè)計(jì)思路7.3.3相關(guān)知識和技能點(diǎn)7.3任務(wù)二——貓和老鼠第一部分：Loading頁面Loading頁面最終效果展示7.3任務(wù)二——貓和老鼠7.3.4任務(wù)實(shí)施第二部分：字幕字幕最終效果

7.3任務(wù)二——貓和老鼠7.3.4任務(wù)實(shí)施

貓和老鼠效果圖第三部分：故事情節(jié)7.3任務(wù)二——貓和老鼠7.3.4任務(wù)實(shí)施7.4任務(wù)三——簡單愛簡單愛效果展示制作本項(xiàng)目的目的在于強(qiáng)化制作動(dòng)畫片的邏輯過程，先設(shè)計(jì)情節(jié)和劇情，然后按照分鏡制作，整個(gè)動(dòng)畫片由若干個(gè)影片剪輯元件構(gòu)成，最終場景的合成是由一個(gè)個(gè)影片剪輯元件放置在時(shí)間軸合適的位置上構(gòu)成的。項(xiàng)目的主題是制作一個(gè)搭配音樂的動(dòng)畫片。男女主角是兩個(gè)包子，他們從小青梅竹馬，在不斷成長出摩擦出愛情的火花，通過一個(gè)個(gè)浪漫的情節(jié)表現(xiàn)出來那種少男少女之間純純的愛。簡介按分鏡制作動(dòng)畫。將分鏡情節(jié)完全放入影片剪輯元件中。制作同一角色的不同動(dòng)作元件