Motion新視界:Qzone5.0大片兒誕生記

 　　為了讓用戶更加直觀形象地感受產品的全新特征，我們特別定制了重量級的宣傳大片兒。在設計風格的設定上，以當前最流行的 “Motion Graphic” 的形式，全方位凸顯我們新版的酷炫范兒，可謂“動若脫兔，靜若處子”，立體化震撼你的視聽感官。

　　http://v.qq.com/page/c/p/v/c0144xtlcpv.html?start=1

　　那麼，如此重量級的大片兒又是如何誕生的?設計師又是怎樣披荊斬棘，攻克重重難關，為大家呈現饕餮盛宴的呢?接下來將為大家解讀大片兒背後的設計奧秘。

　　一、跳動的旋律

　　在新版的設計中，我們不要沉重的色彩，不要多余的修飾，我們要讓視覺效果看起來更加活力和清爽。在視頻的開場，通過黑色與彩色之間的顏色碰撞，來表現新版“colorful” 的概念。急速迸發的彩色小球，正是對青春與活力的诠釋，也希望通過此開場來震撼觀眾的視覺神經。

　　與此同時，為表現魅力動人的“+號”動畫樣式，我們以3D圖層翻轉的方式，將其從內容之中進行抽離，如此一來，在突出主體內容的前提下，又不失畫面的節奏感;緊接著，內容切換為三個主題詞;最後，快速翻動的彩球包裹在Qzone5.0的主題之中。在這裡，如何將簡單的內容做到動感十足，在瞬間“變身”而又毫無違和感的呢?說到底是借助了“跳動的旋律”，就好比人們呼吸的節奏，以 “放-收-放-收”的節奏形式，所有內容就被無形串聯起來。

　　二、“主角兒”串場

　　眾所周知，在一部電影中，至少需要一個主角來進行表演，她有時甚至要飾演多個角色。當然，在們的視頻中，怎麼能少得了主角呢?經過層層篩選，我們發現角色“O”在塑造故事、表演的張力等方面剛好符合本片的氣質， 所以，我們在圖形、色彩、圖像等層面對其進行了包裝重塑。主角兒也不辭勞苦，奔走於各個場景之間，正是通過其富有張力的“表演”，在飾演多個角色的前提下，又確保了故事的整體感。

　　你會在這些場景發現“主角兒”的華麗變身：

　　一個簡單的圖形，可以根據內容的特點進行巧妙變身，通過“抽離-重塑”的形式，與內容進行巧妙結合，最終串起整個故事，這也是在視頻設計中比較巧妙的方法。

　　三、彈性動畫來增添情感與活力

　　如何才能使物體的運動效果更有生命力、更加優雅大方? 彈性動畫不失為大家所公認的選擇。通過它你可以瞬間飙升角色的生命指數，同時，你還可以賦予它某種情感的意義，讓角色變得人見人愛!

　　舉個簡單的例子:A、B、C三個小球運動，勻速運動的小球A給人枯燥乏味的感覺;而小球B、C通過加速度、減速度等形式，來豐富運動的節奏感與層次感，從而使運動過程更具自然活力，帶給觀眾更加輕松愉悅的感受。

　　在設計中，通過控制元素轉場的節奏變化(如：下面兩個場景都是以加速度的形式，完成動作之間的轉換), 可以讓觀眾在每個階段都有期待感，在傳達信息內容的同時，又不失親和力，從而引起觀眾的情感共鳴。

　　說好了大片兒，怎麼可能少得了爆破的效果呢?通常我們在電影大片中看到的效果是這樣的…

　　我們的片子也毫不示弱，爆破小組已經准備好充足的“彈藥”，就等著你來點燃它!作為粉絲的你，在點擊送星星的那一剎那有沒有被震撼到呢?在明星光環的映射下，星光爆破的一瞬間也愈加顯得熠熠生輝!

　　四、突破技術壁壘

　　當然，流暢的畫面與炫酷的效果需要借助復雜的技術來實現，接下來談下在制作中的技術難點。(此處略微燒腦)

　　為了使畫面內容與空間效果更富層次感，場景之間的切換更為流暢，我們借助了After Effects的虛擬攝影機來協助拍攝。以送星星動畫的場景為例，將“煙花、星星、送星星icon”等內容錯位放置在虛擬的三維場景中，通過推鏡頭的方式為觀眾營造帶入感的氛圍，增強視頻的情緒感染力，在視覺效果上也更加刺激和震撼。

　　考慮到制作周期、後期調整成本等因素，整個視頻是分為若干個2D和3D場景分段組合而成(其中有一些場景是2D和3D場景嵌套的關系，如：封面裝扮)，凡是3D 的場景一般都需要借助攝像機動畫來實現。因此，制作的難點在於單個場景、多個連續場景之間2D與3D動畫的銜接，這些節點也是需要不斷磨合與優化的地方。那麼，在後期如果需要調整內容，只需找到其所對應的機位進行獨立修改，如此一來，並不會對其它機位的內容造成影響，同時也大大節省了修改成本。

　　下圖是After Effects中主要機位的分布情況概述，僅供參考。

　　五、小結

　　在視頻設計中，會有N多種方法來展現自己的idea，但總的來說，是要通過簡短的視頻，讓內容以更加驚艷、酷炫、有趣的方式呈現，來征服觀眾的眼球。上述內容也僅僅是自己在項目中的一些心得體會，還會有更多好玩、有趣的方法甚至表現形式等著大家一起探索，也期待著你們大片兒的誕生!