淺談利用flash等軟件設(shè)計(jì)與制作二維動(dòng)畫流程

楊建強(qiáng)

摘要：利用flash等軟件完成二維動(dòng)畫設(shè)計(jì)與制作是高職數(shù)字媒體應(yīng)用技術(shù)專業(yè)和其他相關(guān)專業(yè)必修的專業(yè)課程。利用Flash動(dòng)畫技術(shù)雖完成二維動(dòng)畫設(shè)計(jì)與制作的場景、人物、動(dòng)作、聲音、文字等全過程制作。但是結(jié)合其他軟件輔助設(shè)計(jì)與制作能讓動(dòng)畫質(zhì)量更高。本文通過對(duì)指導(dǎo)學(xué)生完成的二維動(dòng)畫短片《指尖智能》，簡述以flash為主，其他軟件為輔完成二維動(dòng)畫的主要步驟。

關(guān)鍵字：flash；二維動(dòng)畫；設(shè)計(jì)與制作

中圖分類號(hào)：TP319 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2018）22-0195-02

Flash軟件是Adobe公司開發(fā)的一款優(yōu)秀的矢量動(dòng)畫制作軟件，入門簡單，便于操作和創(chuàng)作；廣泛應(yīng)用在二維動(dòng)畫制作、網(wǎng)站廣告、游戲設(shè)計(jì)、多媒體課件等領(lǐng)域。本文主要介紹利用以flash為主，其他軟件為輔的二維動(dòng)畫制作過程。選取了本人擔(dān)任指導(dǎo)教師，指導(dǎo)學(xué)生參加廣東省大學(xué)生計(jì)算機(jī)設(shè)計(jì)大賽作品獲得三等獎(jiǎng)作品《指尖智能》動(dòng)畫為例進(jìn)行介紹。

每一部flash動(dòng)畫短片的制作過程都包括前期策劃、劇本設(shè)計(jì)與造型設(shè)計(jì)、中期動(dòng)畫制作、后期動(dòng)畫合成及輸出這幾個(gè)主要的環(huán)節(jié)。本文將通過動(dòng)畫短片《指尖智能》制作流程中涉及的各個(gè)環(huán)節(jié)進(jìn)行分析和介紹，闡述動(dòng)畫短片的制作步驟。

1 團(tuán)隊(duì)組建

為參與本次全省大學(xué)生計(jì)算機(jī)設(shè)計(jì)大賽，指導(dǎo)老師從動(dòng)漫制作技術(shù)專業(yè)中選取三名優(yōu)秀學(xué)生組成一個(gè)團(tuán)隊(duì)。她們具備扎實(shí)的動(dòng)畫基礎(chǔ)知識(shí)、良好的美術(shù)造型能力、熟練運(yùn)用flash軟件制作動(dòng)畫的技術(shù)能力、豐富的想象能力和良好的團(tuán)隊(duì)合作能力，在老師的指導(dǎo)下分工合作完成了動(dòng)畫短片《指尖智能》的設(shè)計(jì)與制作。

2 動(dòng)畫的策劃與前期設(shè)定

2.1 前期策劃

動(dòng)畫前期策劃主要圍繞動(dòng)畫的文字劇本、文字分鏡頭劇本和畫面分鏡頭劇本三個(gè)部分展開。在該階段進(jìn)行完整的動(dòng)畫項(xiàng)目策劃。創(chuàng)作動(dòng)畫項(xiàng)目的劇本，包括構(gòu)思角色、確定選題、編寫劇情、組織結(jié)構(gòu)和設(shè)定分鏡頭劇本，并收集整理各種音效與素材。

2.2 劇本創(chuàng)作

本動(dòng)畫選擇了大賽設(shè)定人工智能類別進(jìn)行構(gòu)思，確定動(dòng)畫的題目是《指尖智能》，故事梗概是年輕帥氣的機(jī)械工程師面試的一天。一早通過指尖智能喚醒，出門通過指尖智能購買早餐、支付共享單車費(fèi)用，到達(dá)公司，僅僅通過握手與秘書完成信息交換，通過指尖獲取面試官的評(píng)價(jià)信息。短片旨在讓觀眾體會(huì)到不久的將來，將人工智能芯片移植到人的指尖上，人們通過指尖能完成很多的社會(huì)活動(dòng)，體會(huì)到科技帶來的便捷性。

2.3 分鏡頭劇本的設(shè)定

動(dòng)畫分鏡頭劇本分為文字分鏡頭和畫面分鏡頭，每個(gè)分鏡頭都是視聽語言的最基本單位，將文學(xué)劇本中的文字情節(jié)轉(zhuǎn)換都變成包括畫面和聲音的一個(gè)個(gè)獨(dú)立鏡頭，是動(dòng)畫前期制作流程的最后一個(gè)步驟。動(dòng)畫鏡頭目的是將文學(xué)劇本轉(zhuǎn)換成更為直觀的拍攝方案以供團(tuán)隊(duì)成員參考，讓每個(gè)團(tuán)體成員清楚每個(gè)鏡頭應(yīng)該做什么，怎么做。分鏡頭腳本中一般包括鏡頭號(hào)、景別、時(shí)間、內(nèi)容（畫面）、音樂等內(nèi)容，其中畫面分鏡頭畫面可以簡單勾勒、突出重點(diǎn)畫面，體現(xiàn)動(dòng)態(tài)觀念即可。下面以《指尖智能》的開場某個(gè)鏡頭為例，制作一個(gè)簡短的文字分鏡頭劇本范例，以及將該文字鏡頭劇本轉(zhuǎn)換為畫面分鏡頭劇本。

3 動(dòng)畫中期設(shè)計(jì)與制作

動(dòng)畫中期設(shè)計(jì)與制作階段主要完成包括角色造型設(shè)計(jì)、場景設(shè)計(jì)、動(dòng)作設(shè)計(jì)以及原動(dòng)畫制作等。利用flash軟件制作動(dòng)畫工序與傳統(tǒng)二維動(dòng)畫的制作工序相似，但是更簡單。Flash軟件是動(dòng)畫全過程軟件。在flash中能完成原畫設(shè)計(jì)，場景設(shè)計(jì)、動(dòng)畫設(shè)計(jì)與制作、聲音處理等內(nèi)容，功能十分強(qiáng)大。

3.1 角色及場景設(shè)計(jì)

在《指尖智能》動(dòng)畫中，根據(jù)文字劇本和故事情節(jié)，人物角色設(shè)計(jì)采用寫實(shí)風(fēng)格，場景設(shè)計(jì)采用的是現(xiàn)實(shí)生活類。

A.角色設(shè)計(jì)

在flash中新建項(xiàng)目文檔，在庫中新建元件。使用手繪板在元件中主要運(yùn)用鋼筆工具、選擇工具和顏色面板完成角色阿明、秘書和面試官不同狀態(tài)的設(shè)計(jì)。根據(jù)動(dòng)畫中角色的動(dòng)作情況，再采用分層技術(shù)將各個(gè)人物角色的頭部、軀干、四肢等部分分解成元件以備動(dòng)作使用。如例圖1出現(xiàn)的人物睡眠鏡頭，根據(jù)人物動(dòng)作和層疊關(guān)系在元件將人的組成部分分解成手、眼、頭發(fā)1、耳朵、頭發(fā)2、臉和頭發(fā)3等圖層，每個(gè)圖層內(nèi)容再轉(zhuǎn)換為元件保持在庫中以便反復(fù)使用，轉(zhuǎn)換為元件的優(yōu)勢在于某些動(dòng)作較復(fù)雜的部分在元件中可以繼續(xù)采用分層技術(shù)或嵌套元件技術(shù)實(shí)現(xiàn)復(fù)雜動(dòng)作制作。

B.場景設(shè)計(jì)

場景設(shè)計(jì)也是動(dòng)畫制作中非常重要的一個(gè)環(huán)節(jié)，主要是塑造整個(gè)動(dòng)畫短片的情感和氛圍，確定動(dòng)畫片的基調(diào)和風(fēng)格。一個(gè)好的動(dòng)畫場景設(shè)計(jì)能更好地烘托故事情節(jié)，服務(wù)動(dòng)畫角色，為動(dòng)畫的成功奠定基礎(chǔ)。

在《指尖智能》動(dòng)畫中，故事是講述充滿智能高科技的當(dāng)代生活，場景設(shè)計(jì)采用了現(xiàn)實(shí)生活類和城市建筑類風(fēng)格。貼切反映了主角阿明當(dāng)代青年的工作性質(zhì)和生活特點(diǎn)。

《指尖智能》動(dòng)畫采用了以flash為主、photoshop為輔的方式進(jìn)行場景設(shè)計(jì)與繪制。在flash里，主要采用了鋼筆工具、矩形工具、顏色和選擇工具進(jìn)行繪制，在photoshop中主要運(yùn)用了畫筆工具繪制。

3.2 原動(dòng)畫設(shè)計(jì)與制作

動(dòng)畫片的原動(dòng)畫設(shè)計(jì)與制作是將制作好的靜態(tài)角色、場景、道具等變成動(dòng)態(tài)形式。原動(dòng)畫的設(shè)計(jì)與制作雖然可以有天馬行空的藝術(shù)創(chuàng)作，但是也要遵循人們對(duì)運(yùn)動(dòng)規(guī)律的一般認(rèn)識(shí)。動(dòng)畫的設(shè)計(jì)與制作要符合劇情發(fā)展需要和不同角色的性格特點(diǎn)。

在flash中，制作原動(dòng)畫主要通過調(diào)用之前的角色設(shè)計(jì)的不同狀態(tài)來完成動(dòng)作的設(shè)計(jì)與制作。完成動(dòng)畫設(shè)計(jì)的方式主要是運(yùn)用逐幀動(dòng)畫和漸變動(dòng)畫兩種。逐幀動(dòng)畫采用在每個(gè)相鄰的關(guān)鍵幀調(diào)整和繪制動(dòng)畫的形式產(chǎn)生“動(dòng)”態(tài)效果。而漸變動(dòng)畫在兩個(gè)相鄰的關(guān)鍵幀之間由計(jì)算機(jī)通過計(jì)算的方式產(chǎn)生漸變變化的過渡效果，可以節(jié)省動(dòng)作設(shè)計(jì)與制作時(shí)間。漸變動(dòng)畫在動(dòng)畫制作中大量使用，但是需要注意的是某些復(fù)雜的動(dòng)作不能通過漸變動(dòng)畫實(shí)現(xiàn)時(shí)，需要通過逐幀動(dòng)畫完成。

下圖2是在flash中以《指尖智能》動(dòng)畫繪制好的人物睡眠狀態(tài)為例制作動(dòng)畫。在flash中調(diào)用之前做好的人物角色，然后分圖層進(jìn)行狀態(tài)設(shè)置。各個(gè)圖層在時(shí)間軸對(duì)應(yīng)的第7幀、11幀、23幀等位置添加關(guān)鍵幀，對(duì)這些關(guān)鍵幀處的狀態(tài)屬性進(jìn)行設(shè)計(jì)和制作，然后添加相應(yīng)的漸變動(dòng)畫類型，形成人物在半睡半醒時(shí)隨著呼吸身體輕微運(yùn)動(dòng)的效果。人物眼部動(dòng)作是比較豐富的，所以在制作動(dòng)作的過程中，運(yùn)用了元件嵌套技術(shù)，如圖3所示，在眼睛元件中分圖層繪制了睫毛、眼皮和眼睛等，并運(yùn)用逐幀動(dòng)畫和漸變動(dòng)畫設(shè)計(jì)和制作眨眼效果。

4 動(dòng)畫的后期合成及輸出

動(dòng)畫后期制作是一項(xiàng)煩瑣的工作，需要添加片頭片尾、剪輯影片、制作聲音、合成和輸出。工作量一樣十分繁重。除了需要熟練使用flash軟件外，還需要熟悉Premiere、After Effects或其他后期編輯軟件才能制作出高質(zhì)量的動(dòng)畫短片。

“動(dòng)畫片中70%的沖擊力來自聲音”，可見聲音是動(dòng)畫片中重要的組成部分。為此《指尖智能》項(xiàng)目組精選了富有節(jié)奏感及輕快的背景音樂與動(dòng)畫片劇情相融合。讓聲音隨著故事事件的發(fā)展為角色注入了生命和活力，加強(qiáng)了動(dòng)畫戲劇情感，強(qiáng)調(diào)角色動(dòng)作，解析了畫面內(nèi)容。

在后期剪輯過程中，運(yùn)用了Adobe Premiere軟件進(jìn)行動(dòng)畫內(nèi)容的剪輯、文字添加、聲音編輯等工作內(nèi)容，并運(yùn)用了After Effects進(jìn)行片頭片尾特效制作及視頻輸出。

最后將作品渲染輸出為.mov格式，分辨率為1920*1080，如圖4效果所示。

5 結(jié)束語

動(dòng)畫設(shè)計(jì)與制作是一個(gè)緊湊而復(fù)雜的過程。需要組建優(yōu)秀的團(tuán)隊(duì)，分工合作。在前期工作中，要求成員有豐富的想象力和創(chuàng)造力，編寫好劇本和分鏡頭；中期體現(xiàn)了成員的美術(shù)功底和軟件運(yùn)用能力；后期強(qiáng)調(diào)了團(tuán)隊(duì)中成員綜合素質(zhì)，各有所長，能用不同的技術(shù)完成視頻的編輯、特效處理及合成設(shè)置等。雖然我們的作品還有許多需要改進(jìn)的地方，但是我們堅(jiān)持按規(guī)范流程來做，一定能創(chuàng)作出更多更好的動(dòng)畫作品。

參考文獻(xiàn)：

[1] 郭笑瑩.動(dòng)畫概論.[M].電子工業(yè)出版社，2013（10）.

[2] 郭長見.高校FLASH動(dòng)畫制作課程的教學(xué)研究.電腦知識(shí)與技術(shù)[J] 2018（4）

[3] 陳克，程月潔.二維動(dòng)畫制作流程淺析[J].甘肅科技，2016，32 （8） ：48-50.

[4] 劉萬輝.flash cs5動(dòng)畫制作案例教程[M].北京：機(jī)械工業(yè)出版社，2014（1）.

【通聯(lián)編輯：唐一東】