郭闖

【摘 要】本文闡述MG動(dòng)畫扁平風(fēng)格的發(fā)展演變，分析MG動(dòng)畫扁平風(fēng)格在微課設(shè)計(jì)制作中的優(yōu)勢(shì)，以《Banner中的文字排版方法》微課為例探討MG動(dòng)畫扁平風(fēng)格微課的實(shí)踐，并從前期策劃、中期制作和后期合成三個(gè)階段實(shí)施，前期策劃包括選題與文案、素材收集與制作、配音錄制等，中期制作包括可視化、圖文編排、動(dòng)畫制作等，后期合成包括字幕、音樂、合成輸出等。

【關(guān)鍵詞】MG動(dòng)畫 微課 制作 扁平化風(fēng)格 文字排版

【中圖分類號(hào)】G? 【文獻(xiàn)標(biāo)識(shí)碼】A

【文章編號(hào)】0450-9889（2020）39-0188-03

隨著現(xiàn)代信息技術(shù)的快速發(fā)展，適應(yīng)信息化社會(huì)而產(chǎn)生的微課，以其短小精悍、靈活多變的特點(diǎn)滿足了人們學(xué)習(xí)的需要。微課強(qiáng)調(diào)學(xué)習(xí)內(nèi)容、知識(shí)點(diǎn)的碎片化與精細(xì)化，而碎片化的學(xué)習(xí)成為當(dāng)下獲取知識(shí)的“流行”途徑，微課的學(xué)習(xí)更具有普遍性。當(dāng)下，一種新的圖像表現(xiàn)方式越來(lái)越多地出現(xiàn)在人們視野中，這就是MG動(dòng)畫扁平風(fēng)格。它具有獨(dú)特的藝術(shù)表現(xiàn)和簡(jiǎn)潔高效的制作方式，與微課不謀而合。其輕松幽默的語(yǔ)言、簡(jiǎn)潔明快的畫面，可以更好地提升微課的呈現(xiàn)效果，讓原本枯燥的理論、一鏡到底的實(shí)操拍攝，按照一定的動(dòng)畫規(guī)律原理，巧妙地將圖形和文字結(jié)合動(dòng)畫運(yùn)動(dòng)，展示出一種獨(dú)特的效果。本文分析MG動(dòng)畫扁平風(fēng)格在微課設(shè)計(jì)制作中的優(yōu)勢(shì)，探索和總結(jié)其在微課設(shè)計(jì)與制作中的應(yīng)用方法。

一、MG動(dòng)畫扁平風(fēng)格的發(fā)展演變

“MG”全稱 Motion Graphic，直譯為“動(dòng)態(tài)圖形”或“運(yùn)動(dòng)圖形”。MG 動(dòng)畫是以具有運(yùn)動(dòng)變化的圖形和文字為主要表現(xiàn)形式，這種新的表現(xiàn)形態(tài)不僅傳承了平面設(shè)計(jì)中靜態(tài)的文字、圖形、色彩等表達(dá)，還將動(dòng)畫的運(yùn)動(dòng)原理與視聽語(yǔ)言運(yùn)用其中，創(chuàng)造出具有動(dòng)態(tài)的圖形和文字，與音頻結(jié)合應(yīng)用于多媒體項(xiàng)目。

MG動(dòng)畫的歷史比較短暫，而相關(guān)的實(shí)踐作品越來(lái)越多，頻繁地出現(xiàn)于電視節(jié)目、影視廣告、電影、短視頻、動(dòng)態(tài)網(wǎng)頁(yè)、線上教學(xué)等領(lǐng)域。近年來(lái)，在對(duì)MG動(dòng)畫的實(shí)踐制作中，制作方式和表現(xiàn)手法也是多種多樣，其中扁平風(fēng)格是MG動(dòng)畫主流風(fēng)格的一種常見表現(xiàn)形式，具有獨(dú)特的視覺表現(xiàn)力。MG動(dòng)畫在發(fā)展演變過(guò)程中，畫面表現(xiàn)出簡(jiǎn)潔、單一、清晰等特征，呈現(xiàn)出“極簡(jiǎn)”風(fēng)格。簡(jiǎn)短的消息傳遞與變換的圖形傳遞了豐富的內(nèi)涵，符合當(dāng)下人們快節(jié)奏的生活方式與快餐式、碎片化的學(xué)習(xí)方式。

當(dāng)下，扁平化的設(shè)計(jì)廣泛運(yùn)用于平面設(shè)計(jì)、動(dòng)畫設(shè)計(jì)等領(lǐng)域，受到視覺設(shè)計(jì)師的青睞。例如在手機(jī)界面的應(yīng)用程序上，有著更少的按鈕和選項(xiàng)，UI界面變得更加干凈整齊，使用起來(lái)格外簡(jiǎn)單，從而帶給用戶更加良好的操作體驗(yàn)。無(wú)論是網(wǎng)站還是一個(gè)應(yīng)用程序，扁平化和極簡(jiǎn)的設(shè)計(jì)已成為新的趨勢(shì)，它可以直接地將信息和事物展示出來(lái)，有效地減少用戶認(rèn)知障礙的產(chǎn)生。當(dāng)前，軟件的開發(fā)使制作技術(shù)越來(lái)越多元化，對(duì)MG動(dòng)畫扁平風(fēng)格的表達(dá)也越來(lái)越方便，抽象元素如基本幾何圖形，通過(guò)剪切、重組來(lái)展現(xiàn)趣味的動(dòng)態(tài)圖像，再到色彩、創(chuàng)意表達(dá)的思考和制作技術(shù)的開發(fā)，這種形式一經(jīng)面世便受到市場(chǎng)的歡迎。作為一種新型影像表現(xiàn)方式，其平面插畫式的場(chǎng)景風(fēng)格，夸張且充滿趣味性的人物造型，動(dòng)作流暢自然，圖形運(yùn)動(dòng)收放自如，再配合音樂“卡點(diǎn)”渲染，在新媒體發(fā)展迅速的今天，MG動(dòng)畫扁平風(fēng)格這種簡(jiǎn)潔有力的表現(xiàn)方式掀起了極簡(jiǎn)主義浪潮。

二、MG動(dòng)畫扁平風(fēng)格在微課設(shè)計(jì)中的優(yōu)勢(shì)

（一）畫面簡(jiǎn)約，凸顯極簡(jiǎn)之美

MG動(dòng)畫扁平風(fēng)格是由時(shí)間和空間相結(jié)合的影像，運(yùn)用于微課學(xué)習(xí)中，視聽融合，其運(yùn)動(dòng)元素圖形和文字，簡(jiǎn)單明了，具有極好的視覺欣賞性，能將知識(shí)點(diǎn)更好地呈現(xiàn)給學(xué)習(xí)者。MG動(dòng)畫中的動(dòng)態(tài)圖形，可以改善微課內(nèi)容單一知識(shí)點(diǎn)文字講述的枯燥性弊端，將原本靜態(tài)的表述經(jīng)過(guò)動(dòng)態(tài)的設(shè)定，變得更加直觀、賦有動(dòng)感，有效地提升了閱讀者理解知識(shí)的時(shí)間和效率。

在MG動(dòng)畫扁平風(fēng)格中，圖形大多以幾何抽象圖形來(lái)表現(xiàn)，對(duì)圖形的排列與運(yùn)動(dòng)，組合成有序的流動(dòng)線條，運(yùn)動(dòng)方式與停留時(shí)間符合該階段學(xué)習(xí)者的知識(shí)認(rèn)知。當(dāng)然，在對(duì)時(shí)間進(jìn)行設(shè)計(jì)時(shí)，既要對(duì)圖，也要對(duì)文字所傳遞的課程內(nèi)容進(jìn)行分析，主要對(duì)觀看者達(dá)到的效果即教學(xué)目標(biāo)進(jìn)行設(shè)計(jì)，目的是便于學(xué)習(xí)內(nèi)容的重難點(diǎn)聚焦，讓觀者清晰閱讀與理解文字。在畫面運(yùn)動(dòng)表現(xiàn)過(guò)程中，MG動(dòng)畫扁平風(fēng)格趨向于簡(jiǎn)單與抽象，在圖形轉(zhuǎn)換與內(nèi)容呈現(xiàn)時(shí)，遵循運(yùn)動(dòng)規(guī)律，也可以打破原有的物理原理，為微課視覺設(shè)計(jì)傳達(dá)出更多的可能性，再加之圖形本身的運(yùn)動(dòng)與攝像機(jī)鏡頭的運(yùn)動(dòng)相互影響，服務(wù)于跳動(dòng)的畫面和內(nèi)容的本身。

（二）妙趣橫生，增強(qiáng)學(xué)生學(xué)習(xí)主觀能動(dòng)性

MG動(dòng)畫風(fēng)趣、幽默的文案，炫酷的轉(zhuǎn)場(chǎng)動(dòng)畫，富于想象力的角色表現(xiàn)，再加之色彩豐富多變，都能更好地配合鏡頭，保持流暢的動(dòng)態(tài)呈現(xiàn)效果，讓學(xué)習(xí)者集中注意力，體驗(yàn)MG動(dòng)畫扁平風(fēng)格帶來(lái)的趣味。在與常見的PPT錄屏、課堂實(shí)錄或者演播室錄制等微課呈現(xiàn)方式比較中，發(fā)現(xiàn)畫面較為單一，且大多呆板無(wú)趣，影響了微課的質(zhì)量與學(xué)習(xí)者的知識(shí)獲取體驗(yàn)，從而降低了學(xué)習(xí)效率。筆者在進(jìn)行翻轉(zhuǎn)課堂教學(xué)模式的實(shí)踐中發(fā)現(xiàn)，前置學(xué)習(xí)中通過(guò)MG動(dòng)畫呈現(xiàn)的任務(wù)點(diǎn)，相對(duì)于拍攝、操作錄屏等視頻學(xué)習(xí)方式，學(xué)生參與學(xué)習(xí)人數(shù)更多，前置作業(yè)效果更好，且普遍受到學(xué)生喜愛。

此外，夸張、創(chuàng)意的動(dòng)畫角色造型，能給微課增添豐富的語(yǔ)言，使角色表情豐富、動(dòng)作流暢，語(yǔ)言生動(dòng)。教師在講述相對(duì)應(yīng)的知識(shí)點(diǎn)時(shí)，給角色添加相關(guān)的服飾和道具，極具擬人化風(fēng)格的動(dòng)畫角色造型，可促使微課充滿娛樂性與幽默感，動(dòng)畫角色吸引學(xué)生的眼球。

（三）技藝結(jié)合，制作效率大大提升

在MG動(dòng)畫扁平風(fēng)格微課制作過(guò)程中，可以完全用MG動(dòng)畫表現(xiàn)，也可以在服務(wù)內(nèi)容的同時(shí)融合其他形式呈現(xiàn)。在軟件的選擇上，一般有Powerpoint、萬(wàn)彩動(dòng)畫大師、Abobe—Animate（簡(jiǎn)稱An）、Adobe—Effects（簡(jiǎn)稱AE）、Cinema-4D（簡(jiǎn)稱C4d）等。PPT、萬(wàn)彩動(dòng)畫大師相對(duì)于后面幾種制作技術(shù)更加簡(jiǎn)易，而An、AE、C4d更多用于動(dòng)畫專業(yè)的制作者。相對(duì)于實(shí)拍類，有其獨(dú)特的優(yōu)勢(shì)，如有些特殊場(chǎng)景難以模擬，甚至無(wú)法拍攝，拍攝大型場(chǎng)景需要專業(yè)的拍攝團(tuán)隊(duì)成本太高等，而在MG動(dòng)畫制作軟件中，相關(guān)預(yù)設(shè)或者相關(guān)素材能夠給制作者更方便的操作，從而達(dá)到理想的效果，在制作成本、藝術(shù)與技術(shù)相結(jié)合的表現(xiàn)效果及制作周期上都是更佳的選擇。

三、微課制作中MG動(dòng)畫扁平風(fēng)格的實(shí)踐

MG動(dòng)畫扁平風(fēng)格的微課制作流程一般分為前期策劃、中期制作和后期合成三個(gè)階段，本文基于相關(guān)的理論研究，結(jié)合筆者制作MG動(dòng)畫扁平風(fēng)格微課的實(shí)踐，以《Banner中的文字排版方法》微課為例進(jìn)行探討。表1是微課制作流程表，下面將從前、中、后期三個(gè)階段對(duì)微課制作過(guò)程進(jìn)行展開分析。

（一）前期策劃

1.選題與文案。微課制作前期策劃中，選題和文案的制作是至關(guān)重要的，選題要適合線上學(xué)習(xí)觀看，提高使用價(jià)值，內(nèi)容知識(shí)點(diǎn)要相對(duì)單一，做到短小精悍，也需要配合課堂線下教學(xué)。當(dāng)下應(yīng)用廣泛的翻轉(zhuǎn)課堂、混合式教學(xué)、在線教學(xué)等，越來(lái)越多地運(yùn)用于課程教學(xué)設(shè)計(jì)中，對(duì)前置學(xué)習(xí)的線上知識(shí)越來(lái)越關(guān)注，如何更好地配合線下課程做好前置學(xué)習(xí)，完成課前作業(yè)對(duì)達(dá)到教學(xué)目標(biāo)至關(guān)重要，這就需要在微課運(yùn)用中選取合適的教學(xué)內(nèi)容。筆者在電商Banner圖版式設(shè)計(jì)章節(jié)教學(xué)設(shè)計(jì)中，發(fā)現(xiàn)網(wǎng)絡(luò)教學(xué)資源更多是借助圖片資料，學(xué)生難以理解、興趣不高，因而選取電商Banner中的文字編排和背景分割等知識(shí)點(diǎn)，進(jìn)行MG動(dòng)畫系列微課設(shè)計(jì)制作。

確定教學(xué)內(nèi)容后，精心設(shè)計(jì)文案編寫，在邏輯清楚的同時(shí)，引用流行的網(wǎng)絡(luò)語(yǔ)言、表情包或視頻，增加畫面的趣味性，提升學(xué)習(xí)者的興趣，直觀形象地將教學(xué)內(nèi)容表達(dá)給觀看者。在課程導(dǎo)入時(shí)，運(yùn)用流行話題或精彩視頻片段，結(jié)尾提煉并總結(jié)出“順口溜”，加深印象，便于識(shí)記。接著，根據(jù)文案來(lái)設(shè)計(jì)分鏡腳本，選定好角色、場(chǎng)景設(shè)計(jì)，有條件的可以繪制分鏡頭畫面，添加轉(zhuǎn)場(chǎng)等視頻效果，讓畫面連貫，盡量做到MG動(dòng)畫作品一氣呵成。

2.素材收集與制作。根據(jù)設(shè)計(jì)分鏡腳本，對(duì)需要的人物卡通角色、場(chǎng)景、音視頻、文本等進(jìn)行素材收集與繪圖制作。選擇輕松的音樂與文案配合，能讓MG動(dòng)畫看起來(lái)動(dòng)感，畫面活潑。在網(wǎng)絡(luò)資源的搜索階段，需要收集大量的素材，如以扁平化風(fēng)格為主的矢量圖形、音樂、音效、視頻或動(dòng)態(tài)圖片等，可以節(jié)省大量的制作時(shí)間，有效提高效率;也可以通過(guò)相關(guān)軟件進(jìn)行繪制，常見的有Illustrator（簡(jiǎn)稱AI）軟件來(lái)繪制矢量圖。圖1是筆者在制作《Banner中的文字排版方法》微課時(shí)繪制的矢量圖形。

3.配音錄制。配音錄制時(shí)，需要選擇合適的設(shè)備及相關(guān)的錄制環(huán)境，應(yīng)盡量做到錄音流暢、音質(zhì)清晰，注意語(yǔ)音與語(yǔ)調(diào)，普通話要標(biāo)準(zhǔn)。錄制前可以選擇耳機(jī)、話筒、手機(jī)和電腦等設(shè)備，有條件的可以在專業(yè)的錄音室里進(jìn)行，避免雜音的干擾，也可以錄音后通過(guò)專業(yè)軟件如Adobe Audition進(jìn)行聲音處理。錄音軟件也有很多，如在PPT中，通過(guò)影片與聲音來(lái)錄制聲音，這種方法相對(duì)簡(jiǎn)單;在眾多錄屏軟件中名氣較大的Camtasia Studio（簡(jiǎn)稱CS）中進(jìn)行錄制，優(yōu)點(diǎn)是功能強(qiáng)大、音質(zhì)效果好，缺點(diǎn)是操作難度較大。筆者在設(shè)計(jì)制作前期，常常會(huì)提前錄制好文案演說(shuō)稿，以便在中后期制作中更好地控制動(dòng)畫節(jié)奏。

（二）中期制作

微課制作中期，根據(jù)前期微課腳本，對(duì)每個(gè)鏡頭、講授的知識(shí)點(diǎn)內(nèi)容進(jìn)行可視化設(shè)計(jì)，制作者可以根據(jù)自身對(duì)軟件的熟悉程度進(jìn)行選擇。AE是相對(duì)專業(yè)的MG動(dòng)畫制作軟件，常常與AI、C4d等軟件配合使用，在運(yùn)用該軟件制作MG動(dòng)畫時(shí)，可以根據(jù)前期所收集的素材和繪制的矢量圖形，進(jìn)行關(guān)鍵幀動(dòng)畫制作，也可以對(duì)圖形和角色的制作添加插件、腳本和模板等輔助實(shí)施，這樣能夠節(jié)約制作時(shí)間、提高效率。比如，文字的彈跳、圖形的運(yùn)動(dòng)、角色骨骼腳本和轉(zhuǎn)場(chǎng)等，這種微課制作方式對(duì)軟件的熟悉程度要求較高，難度較大。在制作文字或圖形動(dòng)畫時(shí)，需要注意文字外形與內(nèi)容的緊密結(jié)合，字體色彩與畫面運(yùn)動(dòng)的協(xié)調(diào)，強(qiáng)調(diào)整體布局才能取得更好的視覺效果。PPT制作起來(lái)就會(huì)更容易上手一些，經(jīng)過(guò)精心設(shè)計(jì)并運(yùn)用組合動(dòng)畫，也可能出現(xiàn)不錯(cuò)的視覺效果。萬(wàn)彩動(dòng)畫大師預(yù)設(shè)動(dòng)畫較多，自帶矢量素材豐富，一些人物、動(dòng)物角色素材方便制作者使用。

本案例在制作時(shí)，將微課內(nèi)容與MG動(dòng)畫風(fēng)格的優(yōu)勢(shì)緊密銜接，制作上將AE與AI軟件結(jié)合運(yùn)用。在進(jìn)行案例教學(xué)時(shí)，微課中列舉了3個(gè)案例，運(yùn)用AI軟件繪制多元的幾何造型，通過(guò)AE動(dòng)效設(shè)計(jì)，將原本枯燥無(wú)味的畫面變得活潑起來(lái);在進(jìn)行常見問題糾錯(cuò)時(shí)，添加修剪路徑動(dòng)畫設(shè)置，流動(dòng)的線條，讓知識(shí)點(diǎn)講解更為清晰，一目了然。又如，在進(jìn)行課程講解時(shí)，繪制了動(dòng)態(tài)的卡通角色，讓畫面更加活潑，針對(duì)重難點(diǎn)運(yùn)用文字、圖像彈跳等操作，加深學(xué)習(xí)者的印象，快速獲取知識(shí)，大大提高學(xué)習(xí)效率。

（三）后期合成

微課制作后期，需要給視頻添加字幕、特效，剪輯背景音樂，檢查動(dòng)畫是否流暢，畫面運(yùn)動(dòng)過(guò)程中微課內(nèi)容重點(diǎn)和難點(diǎn)是否突出，聲音和畫面是否同步等，并按照規(guī)定的視頻格式進(jìn)行合成輸出，常用的有MP4、AVI、MOV等格式。本案例字幕使用的是微軟雅黑字體，添加了描邊與陰影效果，輸出MP4格式的MG動(dòng)畫型微課。

筆者在制作完本案例MG動(dòng)畫類型的微課后，進(jìn)行線上教學(xué)試用與評(píng)價(jià)修改，應(yīng)用混合教學(xué)模式中的線上前置學(xué)習(xí)，借助網(wǎng)絡(luò)課程超星學(xué)習(xí)平臺(tái)，更好地了解學(xué)習(xí)者學(xué)習(xí)情況，然后進(jìn)一步完善和制作系列MG動(dòng)畫類微課。

MG動(dòng)畫扁平風(fēng)格融合了圖形設(shè)計(jì)與動(dòng)畫技術(shù)，是新媒體時(shí)代發(fā)展的必然要求，其快節(jié)奏、碎片化的傳播理念，動(dòng)態(tài)圖形的審美優(yōu)勢(shì)與微課教育教學(xué)內(nèi)容的傳達(dá)深度融合，深受學(xué)習(xí)者、教育工作者的熱愛。將其應(yīng)用于微課教學(xué)時(shí)，需要注意動(dòng)畫決不能違反教學(xué)中所體現(xiàn)的科學(xué)性，要做到內(nèi)容和形式的合理統(tǒng)一。隨著制作技術(shù)的逐漸完善，從技術(shù)層面以及藝術(shù)層面制作出充滿趣味性、實(shí)用性的MG動(dòng)畫扁平風(fēng)格運(yùn)用于微課中，不斷優(yōu)化呈現(xiàn)效果，能夠在未來(lái)的互聯(lián)網(wǎng)線上教學(xué)中發(fā)揮更大的作用。

【參考文獻(xiàn)】

[1]伊恩·克魯克.動(dòng)態(tài)圖形設(shè)計(jì)基礎(chǔ)：從理論到實(shí)踐[M].北京：中國(guó)青年出版社，2017.

[2]曾驥飛.淺析MG動(dòng)畫的國(guó)內(nèi)現(xiàn)狀與發(fā)展前景[J].西部皮革，2019（20）.

[3]李珊珊.Motion Graphic動(dòng)畫制作與發(fā)展[J].大眾文藝，2016（22）.

[4]任鵬.微課視頻制作中的技巧探索[J].辦公自動(dòng)化，2020（2）.

[5]孫亞娟，高明珍.影視后期制作中AE文字的設(shè)計(jì)與應(yīng)用[J].設(shè)計(jì)，2017（17）.

【作者簡(jiǎn)介】郭 闖（1991— ），男，湖南南縣人，柳州職業(yè)技術(shù)學(xué)院藝術(shù)學(xué)院講師，研究方向：視覺傳達(dá)設(shè)計(jì)研究。

（責(zé)編 黎 原）