本文作者：MGBoom Design 創辦人－陳啟耀
在影像社群時代，無論是動態或平面設計都少不了視覺美感的經營，美感能吸引我們的眼球，幫助設計師將訊息透過精采的畫面傳達出去。MGBoom 從設計與應用兩個層面，歸納出以下幾個重點，幫助我們在設計的過程中提升視覺力。
一、視覺質感
質感是我們所創造的視覺元素表面給人們的感覺。讓眼睛可以感覺出物體是平滑/ 粗糙 / 平滑 / 有圖案性的，透過質感的經營來替畫面增加細節。例如在 MG 過程最常在 Photoshop 與 Illustrator 製作的平面素材中加入漸層色彩或利用重複性的線條 / 圓點等來產生的樣式（Pattern）。另外在 3D 方面（例如：C4D / Maya 等）則可以透過模型與材質球，以及算圖引擎（例如：Octane / Arnold ）的整合應用，協助設計師完成具有擬真質感的 3D 視覺元素與畫面。
二、視覺的流暢性
這裡的視覺流暢性分為：動態視覺與靜態視覺兩個部分來看。
1. 靜態視覺
在靜態視覺上，例如：產品的 3D 展示圖，利用光影、質感與構圖層次，讓靜態的畫面也能產生視覺引導，將觀眾的視線停留在畫面中的產品或整體氛圍的營造上。
2. 動態視覺
在動態視覺的流暢性上主要包含：鏡頭之間轉換的連貫性（通稱為轉場）與視覺元素的動態流暢性。流暢的轉場，可以經由鏡頭之間的溶接、元素過渡與攝影機運動等技巧，可讓觀眾在觀看 MG 動畫時保持專注力。而在視覺元素的動態部分，則需要考量：元素出現的方式、元素怎麼動、以及動態的節奏與動線安排等。
三、畫面構圖
為什麼有些畫面會比較『好看』，更容易讓觀眾抓住視覺焦點，傳達出畫面的訊息？關鍵在於我們在經營動 / 靜態視覺時，除了本身對畫面的直覺感受，更要利用：比例大小、顏色、對比、景深、平衡等構圖技巧，創造出畫面的豐富層次與視覺焦點。只要針對當前的主題，把畫面中不同的元素透過設計原則的安排，就可以完成專業且令人印象深刻的視覺設計。
四、跨領域應用
動態設計是一種用形象溝通的視覺語言。在專案執行的過程，除非是在一個大型的設計公司會有著明確的分工。如果你是一位 SOHO 設計師、或以小型工作室為主的設計工作，通常都會接觸到各種類型的設計內容，例如：需要結合 2D 與 3D 元素的開場片頭等。所以就需要有多工的設計與組織能力，比如：熟悉不同類型的軟體應用、要懂得剪接的視覺語言、如何規劃動畫腳本、瞭解角色設計與製作動畫等技能。
所以在跨領域應用上可以從兩個層面來看：
1. 自身的專業競爭力
如果你是一位平面設計師，也懂得如何製作動態設計，雖然不見得要很精通，但若可以將平面設計作品轉譯成動畫呈現出自己的設計想法，一定會為你的平面設計增加說服力。而在動態設計領域，已經對如何處理平面素材與動畫設定熟能生巧，但如果能整合 3D 視覺元素的製作方法：應用模型、貼圖與動畫能力，就能在畫面設計上呈現更多元豐富的視覺風格。
2. 時下的媒體環境
在網路與自媒體時代，無論你從事的是哪一個類型的設計工作，都會需要擁有「影像生產力」，利用吸引眼球的圖片與影像，才能在社群上取得關注，為自己的創作與商品取得聲量的機會。
五、前後端的整合
這裡我們以近年最常見的 A E與 C4D 整合應用來做分享。
在橫跨 AE 與 C4D 兩種軟體的整合上，除了前置的設計端，比如：腳本與元素設計。其中最需要注意的兩件事情就是：色彩空間（Color Profile）與影格速率（Frame Rate）對畫面成果的影響。
色彩模式的設定會影響到 C4D 畫面輸出後，到後端的 A E整合時是否會產生畫面的視覺感受前後不一的情形，例如：畫面變暗變亮或顏色產生色偏等。而在影格速率上，動畫的細節往往就在於幾個影格之間的節奏變化。如果兩者之間要做好動畫時間的精準搭配，例如：需要將 2D 的 MG 動畫與 3D 物件合成在一起，但如果兩者的影格速率不同，可能就會導致 3D 物件已經到位了，但 2D 視覺元素還沒跟上等尷尬的情形出現。
或許你心裡會有個 OS：只是相差了幾個影格會有這麼大的影響嗎？但就畫面的專業性與完成度來看，既然在前端已經花了這麼多時間進行 AE 視覺元件與 C4D 的 3D 製作等，卻在最後面整合時出現偏差就很可惜了。當然還有其它相關的整合細節，例如：與背景音樂的節奏搭配，影像調色以及在 3D 軟體的算圖類型等，也都是在做跨軟體應用時需要一併考量的地方。
很高興有機會跟大家分享了製作動態影像的設計經驗，其實視覺美感無所不在，鼓勵大家能不斷從生活與技術中提升經驗。所以現在就一起當個斜槓設計師，跨越 2D 與 3D 的界線，讓多元的表現手法為自己儲備更多的設計能量吧。
想讓你的設計瞬間超美感嗎？來自 MGBoom Design 的陳啟耀老師在 Hahow 開設的課程《我的設計超美感-C4D 視覺密碼懶人包》已經正式開始募資囉！懶人包輕鬆讓你的設計整合 C4D 的完美質感，跨越 2D與3D的界線。同時掌握 C4D 整合 Ai 和 AE 的技術，讓你的設計無論是在質感、動態展示上通通更吸睛！
--
延伸閱讀：
留言