- 零基礎學MG動畫制作(全視頻教學版)
- 麓山文化
- 9776字
- 2019-03-07 13:41:04
第1篇 基礎篇
第1章 什么是MG動畫
隨著社會的發展與時代的進步,設計領域一直在不斷地開拓創新,這使得視覺表現形式越來越趨于多樣化。MG動畫作為一種新衍生的設計形式,在視覺上沿用了平面設計的表現形式,在技術上則使用的是動畫制作手段。傳統的平面設計主要是平面媒介相對靜態的視覺表現,而MG動畫則是在平面設計的基礎上制作出來的影像視覺符號。
MG動畫以其獨特的表現形式,激發了眾多設計愛好者的興趣,為動畫市場注入了一股新鮮血液。從MG動畫的發展來看,運用不同的平面構成因素和色彩搭配來引起觀眾的情感共鳴,從而增加作品的藝術魅力,已經成為MG動畫設計的基本構成因素。
本章重點
MG動畫的概念|MG動畫的特點
MG動畫制作的一般流程|MG動畫的應用領域
1.1 MG動畫概述
MG動畫作為當下影像藝術的一種表現形式,在視覺表現上使用的是平面設計的規則,在技術上使用的是動畫制作手段。MG動畫注重視覺表現形式,同時要具備一定的敘事性。隨著各方面的需求和技術的發展,MG動畫的應用范圍越來越廣泛,適應面也越來越廣。
1.1.1 從蘋果公司說起
在2013年的蘋果全球開發者大會上,蘋果公司播放了一段廣告短片《Designed by Apple in California》,意在詮釋蘋果簡約而不簡單的設計理念。
影片從設計師的角度來自述內容,品牌設計理念層層剝之而出。點、線元素組成的簡單構圖,在簡約而靈動的一段灰底黑文或黑底白文之間交叉演繹著,如圖1-1所示,彰顯出一個富有哲學、專注給予的品牌形象。

圖1-1 點、線元素組成的簡單構圖
背景音如水般的鋼琴曲緩緩彈起,整個音樂中偶有物品跌落水聲、照相變焦聲、擦黑板聲、彈跳聲、橡皮擦擦除聲、煙花爆炸聲,幾乎是人人都曾有過的動作或記憶,同時畫面富有層次和空間感,更顯得品牌親切動人,如圖1-2所示。

圖1-2 富有層次和空間感的畫面
提示
蘋果全球開發者大會的英文全稱是“Worldwide Developers Conference”,簡稱為“WWDC”,每年定期由蘋果公司(Apple Inc)在美國舉辦。大會主要的目的是讓蘋果公司向研發者們展示最新的軟件和技術。
簡單的圖畫配上寥寥數語,再加上極為流暢的動畫切換,讓觀眾感受到了與以往廣告短片完全不一樣的觀看體驗,這便是MG動畫的魅力所在。
1.1.2 MG動畫到底是什么
MG是Motion Graphic或Mograph的縮寫,直譯為“動態圖形”或“圖形動畫”,通常稱之為“MG動畫”,可以理解為一種表現風格。動態圖形指的是“隨時間流動而改變形態的圖形”, MG動畫設計把原本處于靜態的平面圖像和形狀轉變為動態的視覺效果,也可以將靜態的文字轉化為動態的文字動畫,如圖1-3所示。

圖1-3 平面文字可以有動態表現
MG動畫甚至可以創造出一個三維虛擬空間,將平面的一些設計元素立體化,重新賦予它們新的生命力及表現力。它與動畫的區別在于,MG動畫側重于非敘述性、非具象化的視覺表現形式,而傳統動畫片則為故事情節服務。
MG動畫最根本的概念,其實是一個“動”字,即讓靜態的元素動態化,或者給予靜態的圖片新的生命,如圖1-4所示。從廣義上來講,Motion Graphic是一種融合了動畫電影與圖形設計的語言,是基于時間流動而設計的視覺表現形式。

圖1-4 圖形的動態化處理
1.2 MG動畫的特點
相比Flash動畫、文字與平面設計等這些常見的表現形式,MG動畫算得上是一種全新的敘事和表達方式,其豐富的畫面和簡潔流暢的動畫效果可以為觀眾帶來視覺上的動態享受。這種差異也正是MG動畫的特點。
重點 1.2.1 扁平化設計
扁平化概念的核心意義是:去除冗余、厚重和繁雜的裝飾效果,其具體表現為去掉作品上多余的透視、紋理、漸變,以及能做出3D效果的元素,以此來讓“信息”本身重新作為核心被凸顯出來。此外,MG動畫在設計元素上,強調的是抽象、極簡和符號化,如圖1-5所示。

圖1-5 扁平化的設計風格
MG動畫可以說是扁平化設計的絕佳體現,所以,“MG=扁平化設計”這個等式大多數情況下是成立的。
提示
如果客戶說“不要太偏扁平化的設計”,那設計師就應該理解為“增加一些立體感,更寫實一點,或者更偏向手繪風格的設計”。
此外,配色也是扁平化設計中極為重要的一環。扁平化設計通常采用的是比其他風格更明亮炫麗的顏色,它的配色意味著更多的色調。比如,一般的設計中只包含2~3種主要顏色,但是扁平化設計中平均會使用6~8種主要顏色,如圖1-6所示。

圖1-6 扁平化設計中常用的配色
另外還有一些顏色也挺受歡迎,如復古色淺橙、紫色、綠色、藍色等,如圖1-7所示。

圖1-7 復古配色
1.2.2 信息多、成本低
MG動畫整體節奏較快,在單位時間內可以承載更大的信息量,并通過其特有的動畫形式對大量碎片化信息進行整合,更容易讓觀眾理解。例如,傳統的Flash動畫大多數應用于故事類動畫,并帶有一定的劇情故事,而MG動畫通過壓縮簡化(包括畫面簡化、內容簡化、解說簡化等),只給觀眾保留最精簡的核心部分,直擊產品核心,沒有多余的枝節。
傳統方法制作復雜的動畫時比較麻煩,有時候為了使人物運動流暢,甚至需要逐幀繪制,并且細化很多細節。而常見的逐幀動畫,1秒鏡頭就要畫12張(甚至更多),是一項非常耗時耗力的工作,所以報價常常精確到每秒。
Flash動畫矢量繪圖有一定的局限性。由于軟件本身性能所限,動畫過渡色生硬單一,很難畫出豐富柔和的圖像,如圖1-8所示。特別是有空間感的鏡頭(如酷炫的星空), Flash就很吃力了,如圖1-9所示。

圖1-8 傳統Flash動畫稍顯生硬

圖1-9 Flash很難表現出具有空間感的畫面
而MG動畫的主流制作軟件為Adobe Illustrator(簡稱AI)和After Effects(簡稱AE),一般是在AI中繪制好矢量素材后,再導入AE進行動畫制作。與實拍、三維等技術相比,MG動畫制作周期相對較短,并且制作成本相對可控。AE強大的后期功能也能讓創造者設計出更為精致的畫面,做出更為細膩的動態(如Flash難以表現的星空,MG動畫效果非常好,如圖1-10所示),無疑會使觀眾覺得越發豐富和有趣。

圖1-10 MG動畫中的星空表現
1.2.3 符合互聯網的傳播特點
MG動畫時長相對較短,一般來說不超過5分鐘,有些甚至是只有幾秒的GIF動態圖。但是它扁平化的風格、節奏快、信息量大這些特征,正好符合當下互聯網的傳播特點——從PC端轉向移動端播放。
早在2015年,各家主流視頻網站的年終報告上就已經寫明網絡視頻向移動端變遷的速度極快,如圖1-11所示。而時至今日,移動端視頻播放量全面超越PC端是已經發生的事實(占比已超70%)。但移動端對PC端視頻的播放侵蝕不會一直持續,最終會在某一個高點達到動態平衡。

圖1-11 PC端與移動端的播放占比
正是在這樣的大背景下,MG動畫有了茁壯成長的空間。MG動畫的時間短,內容多,成本相對較低,格式也多為MP4和GIF這類便于上傳下載的格式,幾乎在各個播放平臺都可以進行播放。在移動端觀看者越來越多的今天,這種快餐式的傳播方式直接造成MG動畫的傳播速度迅猛,同時以社交網站作為傳播平臺在一定程度上降低了傳播成本,更容易引發關注和討論,畢竟再精彩的內容,也抵不過流量和時間。
1.2.4 多樣的表現形式
MG動畫的表現形式大致可以分為以下幾類。
1.人物MG動畫
人物MG動畫的畫面構成主要是以動畫角色為主,用角色串聯相關的信息,表達設計者想通過影片傳達的相關信息和內容,如圖1-12所示。

圖1-12 人物MG動畫
2.二維圖形MG動畫
二維圖形MG動畫主要是以二維平面的圖形來進行內容的表達。利用平面設計中的點、線、面,來制造出動態效果,這三者在MG動畫設計過程中都蘊含著動態元素,如圖1-13所示。

圖1-13 二維圖形MG動畫
以“點”為例,三個點可以構成豐富多彩的面,把點放在不同的位置進行組合,可以在視覺上營造一種美感和動態感,如圖1-14所示。

圖1-14 點元素MG動畫
點運動之后將會形成線,線有直線和曲線之分。在MG動畫中更加強調線的方向和外形,而且不管是直線還是曲線,都能讓人們產生豐富的聯想,如圖1-15所示。

圖1-15 線元素MG動畫
面是平面設計中一個比較重要的因素,是無數個點聚集形成的一個整體,也能令人產生動的感覺,如圖1-16所示。

圖1-16 面元素MG動畫
3.三維圖形MG動畫
三維圖形MG動畫的主要制作軟件是Cinema 4D(C4D),通過該軟件可以制作出模擬空間旋轉的三維圖形動畫,從而將平面設計的圖形與三維空間完美結合,展現出一個全新的視覺表達效果,如圖1-17所示。

圖1-17 C4D制作的MG圖形動畫
1.3 MG動畫制作的一般流程
MG動畫的創作大致包含十幾個環節,每個環節都很重要,如圖1-18所示。環環之間,屬于“相乘”的關系,即0.8的劇本水平和0.8的分鏡水平,帶來的是0.8×0.8=0.64的結果。

圖1-18 MG動畫制作的總流程
相對而言,中后期的創作環節都是基于前期的劇本、設定等環節,因此前期工作尤為重要。一旦中后期工作已開展,如果還在調整前期的話,中后期的修改工作就極其煩瑣且不便,同時浪費了諸多時間和人力成本。由于涉及的環節眾多,本書篇幅所限,因此僅選取幾個關鍵環節進行介紹。
1.3.1 劇本文案
在做MG動畫之前,客戶或設計者要明確具體的制作思路及想法,然后根據這些思路來明確動畫的大體時間、鏡頭數目、臺詞配音等。
好的文案可以彌補畫面的不足,補充畫面信息。在MG動畫中,文案主要以兩種形式存在,一種是畫外音解說,需后期配音,如圖1-19所示;另一種是純字幕展示,如圖1-20所示,后期不配音。這兩種形式與畫面相互補充、配合,讓MG動畫能夠以一個更加完整的姿態呈現。在文案的創作過程中,首先要明確文案的形式,其次必須考慮到文案與畫面的互補。

圖1-19 后期配音

圖1-20 純字幕展示
在一些商業項目中,文案的具體需求很多時候都來自于客戶。所以在文案的創作過程中,就需要充分考慮客戶的需求以及畫面信息之間關系的處理,既要滿足客戶的需求,完成需求在畫面中的表達,也要兼顧藝術性創作,讓整個MG動畫更具觀賞性。
一部MG動畫的整體基調在于文案以及畫面,其中文案的體現在于它能傳達作者的意圖、訴求,可以點活畫面,突出主旨,能夠讓受眾領會主旨意義,如圖1-21所示。因此MG動畫的文案,最重要的便是語句精簡準確,便于用來壓縮時長;另外,文字的畫面感要強,這樣有利于設計師把握設計要點。

圖1-21 文案結合畫面點明主旨
1.3.2 美術設定
在進行繪制工作前,需要設定好動畫的主體造型、畫面色調及風格等。一般情況下,根據前期的文案腳本,先把設定的角色統一繪制出來,然后畫一兩頁稿子來確定色調等,來保證后期畫面整體的統一。在確立好動畫的整體風格后,就可以開始根據腳本大批量繪制原畫分鏡了,如圖1-22所示。

圖1-22 確保美術風格的統一
1.3.3 設計分鏡頭
分鏡頭指的是在MG動畫制作環節之前,在文案的基礎上通過文字以及繪圖方式對每一個鏡頭進行設計加工,按照順序標注鏡頭,并在每個鏡頭下面寫上對應的文案。在這個過程中,畫面的表現形式、運動、形象和場景的風格設計都能得以體現,如圖1-23所示。

圖1-23 分鏡頭設計
MG動畫的鏡頭多為二維畫面,根據實際情況也會穿插一些三維畫面。在MG動畫中,創作分鏡頭可以提高整個制作環節的效率,讓動畫師能夠通過分鏡頭在最短時間內完成實際需求的動畫。在分鏡頭的創作過程中,需要注意這幾個方面:鏡頭的設計、場景的設計、畫面風格的設計等。
1.3.4 繪制素材
美術風格、分鏡頭設計完畢后,便可以進入中期的創作環節。MG動畫主要由簡單的幾何圖形繪制組成,好的繪畫功底和配色技巧可以極大提升整體的視覺體驗,如圖1-24所示。

圖1-24 素材的繪制
在軟件使用方面,主要利用Illustrator作為繪制工具、Photoshop作為處理工具。由于MG動畫大多使用的是矢量素材,所以一般是在Illustrator中把需要的圖形繪制出來,再導入其他動畫軟件進行后期的處理和制作。
如果是創作以“人”作為主元素的MG動畫,可以根據文案設計一套具有相同設計風格的卡通形象,如圖1-25所示。在這里需要注意的是所設計的人物是以制作MG動畫為目的,所以在人物的肢體上需要具備靈活性和可操作性。

圖1-25 MG動畫風格的人物設計
場景的繪制主要是把在分鏡頭腳本創作過程中所繪制的場景在軟件上加以實現,同樣需要以文案以及整個MG動畫基調為基礎,在Illustrator中繪制矢量元素并導入動畫制作軟件。
1.3.5 聲音的創作
一部MG動畫便是一種視聽語言,聲音和畫面是語言中十分重要的兩個部分。其中聲音又包括三個方面——配音、音樂、音效,MG動畫中聲音的創作也是基于這三個方面。
配音指的是把創作好的文案以畫外音的形式呈現在MG動畫之中,配音的風格根據MG動畫具體的需求而定。如一部偏商務的嚴肅類MG動畫,對于配音的要求是口齒清晰、語音標準等。
提示
配音的先后可以根據項目實際情況來決定。先配音可以根據配音時間的長短來繪制畫面,而后配音就要根據畫面的時間長短進行調整,為了避免出現畫面和配音不搭的情況,如果沒有配音經驗,這里建議可以先完成配音工作。
在MG動畫中,音樂部分大多是背景音樂以及穿插在動畫中的場景音樂。背景音樂來自于平時對音樂素材的積累,也可以邀請專業的聲音工作室進行背景音樂的定制創作。場景音樂通常與MG動畫內容相搭配,是內容的一個補充。
音效可以進一步增強畫面與環境的真實性與節奏感,對于MG動畫是一個很好的補充。音效通常來自于一些音效素材網站,這些網站會提供豐富的音效素材,通過這些素材的組合搭配完成不同類型的聲音效果。
1.3.6 后期剪輯
在MG動畫制作的過程中,后期剪輯的作用更多體現在檢驗動畫是否能與配音同步,這就要求動畫師每隔一個時間點渲染導出一次,并把導出的動畫導入Premiere等剪輯軟件中檢測是否與聲音同步,如圖1-26所示。這就在一定程度上避免了音畫不同步,而要進行反復修改的問題。畫面承載著較多的信息量,因此把握畫面的節奏顯得尤為重要,而后期剪輯則是把握節奏的一個關鍵性步驟。

圖1-26 在Premiere軟件中修正音畫不同步
重點 1.3.7 合成動畫
有了前期充足的準備之后,就可以開始進入動畫制作的環節。主要是以前期設計好的分鏡頭腳本、聲樂、視覺素材等元素為基礎,通過合成軟件After Effects、剪輯軟件Premiere(根據實際情況選擇軟件)把這些元素組合設計成一個MG動畫。
素材是MG動畫制作的基礎,素材的來源主要是前期以分鏡頭腳本為藍本所進行的素材繪制,包括不同的ICON、人物、場景等。把這些繪制好的矢量素材導入After Effects,以便進行動畫的制作。在這里需要注意的是在MG動畫制作的過程當中,是以分圖層的形式進行動畫制作,所以在繪制并導入素材的時候應分層導入。例如,在Illustrator中繪制一個矢量人物,需要分層繪制頭部、四肢、身體等部位,最后同樣是以分層的形式導入After Effects,以便分層制作動畫,如圖1-27所示。

圖1-27 在AI中分層好的素材導入AE后同樣有效
提示
MG動畫制作包括圖形動畫、人物動畫以及文字動畫,根據前期分鏡頭腳本的設計在After Effects中實現。其中需要注意的是動畫制作的時間點需要和文案的時間點相吻合,這就要求前期腳本設計對這個時間進行一個相對準確的估算。
1.4 MG動畫的商業價值
MG動畫融合了平面設計、動畫設計和電影語言,其表現形式豐富多樣,具有極強的包容性,能和各種表現形式以及藝術風格混搭。MG動畫在如今的多媒體領域已經無處不在,其簡約、靈動、極富趣味性、包容性和互動性,比平面設計中的靜態文字、圖像和圖形的表現形式更具優勢。動態的圖形在這些媒介中被體現得淋漓盡致,幾乎任何能使圖像動起來的媒介平臺都會出現動態圖形的身影。
作為近年來大熱的表現形式,MG動畫融合了動畫的運動規律、平面圖形設計和電影視聽語言,并將動畫、平面設計和電影語言巧妙地結合在了一起,以一種非敘事性、非具象化的視覺表現形式和觀眾進行互動。MG動畫的主要應用領域及商業價值包含了以下幾點。
1.4.1 產品宣傳片
相較于枯燥的文字和旁白解說,MG動畫圖形變換和音樂搭配的綜合效果可以幫助觀眾更好地了解產品。其生動的畫面、豐富的色彩、動感十足的特效加上充滿活力的解說,非常適合用來表現產品的特點及功能。圖1-28所示是一則MG動畫風格的APP產品宣傳片。

圖1-28 產品宣傳片
1.4.2 商業活動視頻
在商業活動中,動感的音樂搭配變換豐富的圖形動畫,相較傳統的主持人講解會更顯趣味性,在一定程度上豐富了觀眾的視覺體驗。
1.4.3 音樂MV
一些電子類的音樂MV往往難以用實拍MV表達合適的意境,而點、線、面變換組成的MG動畫則很符合電子音樂的風格,如圖1-29所示。

圖1-29 音樂MV
1.4.4 科普教育小動畫
一些介紹人體功能、病毒作用過程、旅游攻略和歷史事件等類型的教育動畫,用傳統的2D動畫手段制作會比較慢。而MG動畫的人物動畫制作起來相對便捷,可以大大提高制作效率,同時表現效果也毫不遜色于傳統2D動畫,如圖1-30所示。

圖1-30 科普動畫
1.4.5 團隊展示及公司招聘
傳統展示個人與團隊的方式是方便的PPT軟件,但MG相對于PPT來說更加簡潔明了,在講解播放時也相對節省時間,如圖1-31所示。

圖1-31 團隊展示及公司招聘
1.4.6 其他領域應用
MG動畫的運用遠不止上述這些領域,如產品的動態LOGO、APP產品展示、ICON動效設計、電視節目包裝、自媒體展示等都可以通過MG動畫來實現,部分效果如圖1-32所示。

圖1-32 其他領域應用
1.4.7 未來發展趨勢及其影響
MG動畫將動畫與大信息量相結合,既保留了動畫的趣味性,又平衡了商業感。相對于傳統的電視廣告,基于圖形化設計的MG動畫更富想象力。輕松幽默的視頻風格相較于傳統電視廣告更適合互聯網在線推廣,成為一種受大眾喜愛的文化傳播形式,加之扁平化風格又是時下互聯網普遍認可的風格,一經問世便迅速成了大眾喜聞樂見的新形式,如圖1-33所示。

圖1-33 大眾喜聞樂見的扁平化風格
在當下快節奏的發展趨勢下,MG動畫是人們能夠快速有效獲取信息的一種形式。伴隨著未來虛擬現實交互的發展,這種表現形式更能展現其內容傳達的效率和視覺優勢,如圖1-34所示。

圖1-34 未來虛擬現實交互的應用
MG動畫讓人們對于動畫有了新的認識,它在制作上有別于傳統的動畫制作手法,表現更加快捷方便,效果也更加直觀,對市場具有較高的價值。由于它是動畫和平面設計結合的產物,對于制作人員的設計審美能力要求也更高。
1.5 案例:制作一個簡單的MG動畫
在進行后續章節的學習前,先帶領讀者學習制作一個簡單的MG動畫,在邊學邊做的過程中了解制作MG動畫的基本流程,為之后制作更復雜的MG動畫打下基礎。下面,將具體講解如何制作一個簡單的生日蛋糕MG動畫。
素材文件:素材\第1章\1.5制作一個簡單的MG動畫
效果文件:效果\第1章\1.5制作一個簡單的MG動畫.gif
視頻文件:視頻\第1章\1.5制作一個簡單的MG動畫.MP4
1.5.1 導入素材
01 啟動After Effects CC 2018軟件,進入其操作界面。執行“文件”|“導入”|“文件”菜單命令,在彈出的“導入文件”對話框中找到“蛋糕.ai”文件,單擊“導入”按鈕,如圖1-35所示。

圖1-35 導入素材
02 在彈出的對話框中設置“導入種類”為“合成”選項,設置“素材尺寸”為“圖層大小”選項,然后單擊“確定”按鈕,如圖1-36所示。

圖1-36 圖層設置
相關鏈接
本書所使用的Adobe制作軟件均為2018版本,具體操作時請讀者以自身使用的軟件版本為準。AI矢量文件的繪制將在本書第2章的2.3節進行具體講解。
03 導入文件后,執行“編輯”|“首選項”|“導入”菜單命令,在彈出的“首選項”對話框中設置“序列素材”屬性為25幀/秒,然后單擊“確定”按鈕,如圖1-37所示。

圖1-37 設置導入幀速率
04 在“項目”窗口中雙擊“蛋糕”合成,在圖層面板中可以看到分層擺放的矢量素材,如圖1-38所示,同時在“合成”窗口會顯示繪制好的矢量素材。

圖1-38 圖層分布
05 上述操作后,可以在“合成”窗口預覽導入的素材,此時是靜態矢量素材,如圖1-39所示。接下來需要為靜態素材設置關鍵幀動畫。

圖1-39 預覽素材
1.5.2 制作動畫
01 執行“圖層”|“新建”|“純色”菜單命令,在彈出的“純色設置”對話框中,創建一個與合成大小一致的固態層,將其放置在底層,并設置顏色RGB參數為22、23、50,命名為“底色”,如圖1-40所示。

圖1-40 純色設置
02 完成“純色設置”對話框中的參數設置后,單擊“確定”按鈕,此時會在矢量素材底部生成一個藍色背景,在“合成”窗口的預覽效果如圖1-41所示。

圖1-41 添加背景后效果
03 在圖層面板中選擇“背景”圖層,為其執行“效果”|“扭曲”|“變換”菜單命令。接著在圖層面板展開“變換”特效屬性,在0幀位置單擊“縮放”參數前的“時間變化秒表”按鈕,設置關鍵幀動畫,并修改“縮放”參數為0,如圖1-42所示。

圖1-42 設置關鍵幀動畫
提示
上述操作中設置關鍵幀的“縮放”為變換特效中的屬性,并非圖層自帶的“縮放”屬性,設置關鍵幀動畫時切忌弄錯。
04 接著分別在第6幀設置“縮放”參數為110,在第12幀設置“縮放”參數為100,修改參數后,在時間線窗口會自動生成對應的關鍵幀,如圖1-43所示。

圖1-43 縮放關鍵幀動畫
05 為了使上述設置的縮放動畫更加平滑細膩,在時間線窗口同時選擇三個關鍵幀,按快捷鍵F9將菱形關鍵幀轉換為緩入緩出關鍵幀
,如圖1-44所示。

圖1-44 轉換關鍵幀
提示
如果想讓設置的“縮放”動畫彈出效果更加細膩,可以在圖層面板中單擊按鈕,切換到圖表編輯器后調節曲線。
06 為“背景”層設置縮放動畫后,預覽效果,可以發現圖層產生了由小變大,再變小的彈性效果動畫,如圖1-45所示。

圖1-45 彈性效果動畫
07 在圖層面板中選擇“蛋糕”圖層,為其執行“效果”|“扭曲”|“變換”菜單命令。接著全選“背景”圖層上的3個緩入緩出關鍵幀,按快捷鍵Ctrl+C進行復制,然后將關鍵幀粘貼(按快捷鍵Ctrl+V)到“蛋糕”圖層的第3幀位置,如圖1-46所示。

圖1-46 粘貼關鍵幀
08 用同樣的方法,為“禮盒B”“禮盒A”和“星星”圖層分別執行“效果”|“扭曲”|“變換”菜單命令,并相較下方圖層,每隔3幀將“縮放”關鍵幀進行粘貼。關鍵幀最終效果如圖1-47所示。

圖1-47 關鍵幀最終效果
09 上述操作后,在“合成”窗口預覽動畫效果,設置了關鍵幀動畫的分層素材會按照順序逐一彈出,效果如圖1-48所示。

圖1-48 分層素材按順序逐一彈出
10 在圖層面板中選擇“文字背景”圖層,為其執行“效果”|“扭曲”|“變換”菜單命令,并在效果控件面板中取消勾選“統一縮放”選項。接著設置“縮放高度”參數為100,在15幀位置單擊“縮放寬度”屬性前的“時間變化秒表”按鈕,設置縮放寬度關鍵幀動畫,并修改參數為0,如圖1-49所示。

圖1-49 效果控件面板
11 接下來分別在21幀位置設置“縮放寬度”參數為110,在1秒02幀位置設置“縮放寬度”參數為100,并按快捷鍵F9將菱形關鍵幀轉換為緩入緩出關鍵幀
,如圖1-50所示。

圖1-50 設置關鍵幀
12 為“文字背景”圖層設置關鍵幀動畫后的效果如圖1-51所示,縱向不發生變化,只產生橫向拉伸效果。

圖1-51 拉伸動畫效果
13 在圖層面板中選擇“文字”圖層,為其執行“效果”|“扭曲”|“變換”菜單命令,并在效果控件面板中取消勾選“統一縮放”選項。接著設置“縮放高度”參數為100,在18幀位置單擊“縮放寬度”屬性前的“時間變化秒表”按鈕,設置縮放寬度關鍵幀動畫,并修改參數為0,如圖1-52所示。

圖1-52 效果控件面板
14 接下來分別在24幀位置設置“縮放寬度”參數為110,在1秒05幀位置設置“縮放寬度”參數為100,并按快捷鍵F9將菱形關鍵幀轉換為緩入緩出關鍵幀
,如圖1-53所示。

圖1-53 設置關鍵幀
15 用記事本方式打開素材文件夾中的“動畫表達式”文件,按快捷鍵Ctrl+A全選表達式,然后按快捷鍵Ctrl+C進行復制,如圖1-54所示。

圖1-54 復制表達式
16 在圖層面板中選擇“背景”圖層,按住快捷鍵Alt,同時單擊設置了關鍵幀動畫的“縮放”屬性前的“時間變化秒表”按鈕,打開表達式面板,將復制的表達式粘貼至表達式書寫框中,如圖1-55所示。

圖1-55 粘貼表達式
提示
上述表達式中標注出來的部分是主要控制運動的三個屬性,amp(amplitude)表示振幅,freq(frequency)表示頻率,decay表示衰減。制作時可以根據實際效果對這三個變量進行數值更改,使動畫呈現不同的彈跳感。
17 繼續選擇“蛋糕”圖層,按住快捷鍵Alt,同時單擊設置了關鍵幀動畫的“縮放”屬性前的“時間變化秒表”按鈕,打開表達式面板,同樣將復制的表達式粘貼至表達式書寫框中,如圖1-56所示。

圖1-56 粘貼表達式
18 用上述同樣的方法,將同一表達式粘貼給其他圖層中設置了關鍵幀動畫的屬性,如圖1-57所示。

圖1-57 粘貼表達式
提示
選中圖層后,按快捷鍵U可以展開所選圖層已設置關鍵幀動畫的對應屬性。
19 至此,一個簡單的蛋糕彈跳MG動畫就已經制作完成了,按小鍵盤上的0鍵可以進行動畫播放,效果如圖1-58所示。

圖1-58 最終效果
相關鏈接
可以選擇將動畫導出成GIF小動圖,導出GIF的具體方法請參照本書第2章的2.2.3小節。
1.6 知識拓展
本章主要是MG動畫的一些基礎知識,包括MG動畫的概念、特點,制作MG動畫的一般流程及其所具備的商業價值。
在正式學習制作MG動畫以前,掌握這些入門知識可以幫助我們對MG動畫有一個較為全面的認識。在制作MG動畫之前,設計師必須要了解MG動畫是什么,在具體制作時需要把握哪些點才能做出符合項目要求的動畫效果。
同時,編者概述了制作MG動畫的一般流程,意在幫助讀者充分了解制作動畫時要做的前期準備工作和后期優化工作,掌握這些知識點,相信在之后的項目制作時可以有效地提高工作效率和工作進度。
章節末,編者詳細地向讀者講解了如何制作一款簡單且極具MG風格的小動畫。在邊學邊做的過程中,相信讀者朋友們可以進一步地了解制作MG動畫的基本流程,為之后制作更復雜的動畫效果打下基礎。
1.7 拓展訓練
素材文件:素材\第1章\1.7拓展訓練
效果文件:效果\第1章\1.7拓展訓練.gif
視頻文件:視頻\第1章\1.7拓展訓練.MP4
根據本章所學知識制作燈塔的動畫效果,如圖1-59所示。

圖1-59 燈塔的動畫效果
- 輕松學Photoshop數碼照片處理
- 飛揚動漫:Flash動畫設計與制作
- 3ds Max-After Effects電視頻道包裝全解析
- 中文版Premiere Pro CC完全自學一本通(全彩)
- 科研論文配圖繪制指南:基于R語言
- AutoCAD+3ds Max+Photoshop室內設計效果圖制作藝術
- Ansys Workbench 2022中文版有限元分析從入門到精通
- 中文版Photoshop CS4廣告設計藝術
- After Effects CS6從新手到高手
- 數碼攝影后期密碼 Photoshop CS6旅游風光
- Lightroom 4高手之道數碼攝影后期處理全解析
- 夢工廠之三維雕像:Maya模型手冊
- 動畫大師煉成記:炮灰兔Maya動畫制作全解析(下冊)
- RAW數碼底片演義
- 一定要會的Photoshop CS5精彩案例208例