QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

項目背景

2019年春節(jié)期間,QQ紅包運營活動進行了全新改版,將卡券福利、現(xiàn)金獎勵打包成福袋形式,并通過年俗小游戲及共享福袋的玩法吸引更多用戶參與。在點擊福袋進入小游戲的界面,我們推出了QQ空間新春福袋品牌視頻,希望用戶在等待加載的過程中感受到新春氛圍,同時也加強對空間的品牌認知,深化其與產(chǎn)品之間的情感聯(lián)動。

項目在設(shè)計過程中面臨兩大難題:一是項目周期較短,雖然視頻素材已有雛形,但在短時間需要重新確立基調(diào)及建模渲染,輸出完整的3D視頻,對團隊來說確實是個不小的挑戰(zhàn)。其次則是需要考慮如何做好新春氛圍營造和品牌認知傳達之間平衡和融合。

項目流程

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

? 1. 概念探索

首先從空間的品牌Logo出發(fā),我們進行了創(chuàng)意發(fā)散,在眾多關(guān)鍵詞中梳理出了一條以「空間星球生產(chǎn)紅包」為主題的故事線??臻g星球作為大場景不僅可以清晰地傳遞出品牌認知,也可以打造出兼容性較高的世界觀,整合不同主題的元素;而生產(chǎn)紅包的概念則用于展現(xiàn)運營活動的分量與活力,而紅包為裝飾元素也能更直觀地打造節(jié)日氛圍。

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

? 2. 故事線

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

故事分鏡

動畫的劇本以「探索星球-生產(chǎn)紅包-新春盡在空間」為線索遞進。畫面第一幕將在空間星球的背景中鋪開,觀眾將跟隨遠景鏡頭探索城市的全貌,隨后鏡頭拉近聚焦紅包工廠的生產(chǎn)流程。第二幕由近景鏡頭跟隨紅包上天穿越云層,并切換追蹤 UFO,完成地面和云層的轉(zhuǎn)場銜接,最后空間星球伴隨新春元素旋轉(zhuǎn)進場,Logo 定格完成品牌展示。為了保證動畫轉(zhuǎn)場與鏡頭運動的流暢性,我們以 Motion Camera 切換追蹤目標的方式進行拍攝,希望能營造出一鏡到底的穿梭感。

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

場景設(shè)計

雖然一鏡到底的構(gòu)思能加強故事的串聯(lián)性,但是從場景設(shè)計的角度而言,將3D模型全部創(chuàng)建在一個場景里可能會造成鏡頭路徑卡頓與燈光不均等問題。因此我們將場景拆分為三個模塊:空間星球城市、紅包工廠、品牌燈籠。后期再以剪接手法營造無縫的鏡頭感。另外由于最終需要輸出豎構(gòu)圖視頻,三個場景的設(shè)計皆以三角構(gòu)圖作為基準。

  • 空間星球城市:以空間Logo星型作為延展,以城市為主題承載著各種以產(chǎn)品業(yè)務(wù)為原型的概念建筑。紅包工廠則被安排在城市的視覺中心,希望能全景展示空間特性,同時也方便后期鏡頭走位,帶出紅包玩法。
  • 紅包工廠:工廠的結(jié)構(gòu)為帶玻璃穹頂?shù)男D(zhuǎn)圓盤,其中展示了物料傳輸與形變、染色封包等制作紅包的工序,希望能讓用戶感受到春節(jié)紅包料足、量多、源源不盡的氛圍。
  • 品牌燈籠:作為故事最后的轉(zhuǎn)合,場景以承載著城市的燈籠旋轉(zhuǎn)定格收尾,呼應(yīng)星球主題也契合新春感知。背景增加云層平衡構(gòu)圖,前景則使用爆竹彈射粒子動畫調(diào)動喜慶情緒。

前期為了節(jié)約時間,我們先在充滿靈魂的手稿上迅速達成場景結(jié)構(gòu)的共識,后續(xù)再因建模的情況進行機動調(diào)整。

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

? 3. 元素建模 場景融合

確立場景后,我們根據(jù)空間的業(yè)務(wù)特性及新春氛圍進行了元素提取與快速建模。

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

再以城市建筑群為整體,將業(yè)務(wù)元素與春節(jié)元素依循幾何節(jié)奏感整合到同一群組中。雖然群組化的過程需要進行不斷的摸索和修正(受到后期物體固有色或燈光的影響),但是完成此步驟后,無論是視頻大場景拍攝還是輸出單體小組合素材,都能較好的保證模型的整體復(fù)用性和局部精細度。

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

最后再依照三角構(gòu)圖的比例為畫面分區(qū),將模型組按照對應(yīng)角度安插在大場景中。

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

? 4. 色彩提取 質(zhì)感塑造

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

在色彩的規(guī)劃上,我們對春節(jié)主題進行了情緒板分析與提煉,最終確定了金色和紅色作為主色。紅色負責(zé)打造整體氛圍,而金色和QQ空間品牌黃在色相上既有一定的關(guān)聯(lián),同時也能讓畫面的局部質(zhì)感更濃烈細膩;白色則可以給予畫面呼吸的空間,緩解高飽和度帶來的視覺刺激。

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

在配色較為熱烈的基調(diào)上,選用材質(zhì)時我們更偏向輕量的霧面質(zhì)感,對高光進行收攏,并在部分紅色材質(zhì)上增加絲絨肌理,營造溫暖親近的觀感。空間2019年限定色號口紅,了解一下?

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

? 5. 動畫預(yù)合成

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

動態(tài)統(tǒng)一

在動畫設(shè)計的部分,含動效物體(工廠圓盤、小船、黃鉆、火箭等)的位移動向和旋轉(zhuǎn)方向皆統(tǒng)一為逆時針,同時也為其他循環(huán)動畫制定了相同的節(jié)奏,一是為了暗示鏡頭趨勢,順應(yīng)觀眾視線;二是使畫面動態(tài)細節(jié)更整體,韻律更明確。

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

壓縮渲染時長

渲染時長是3D動畫中永恒的痛點,在項目周期極短的情況下,減低渲染成本就變得尤為重要。作為3D動畫的初心者,在元旦深夜渲染屢屢出BUG屢屢跪的情況下,我們摸爬滾打出了以下幾種思路:

  • 簡化材質(zhì):減少不必要的玻璃、SSS、置換貼圖材質(zhì)。一來可采取較低采樣數(shù),大幅降低渲染時長;二來則可避免輸出高清素材時易觸發(fā)的UV錯位或反射不到位等問題。
  • 從粒子云到體積云:剛開始接觸煙霧物體時,我們嘗試使用 Thinking Particles 和 Turbulance FD 等插件進行云粒子渲染,發(fā)現(xiàn)無論是預(yù)覽效率還是成像品質(zhì)都沒有較好的效果,另外也由于它們的參數(shù)過多,容易在團隊合作調(diào)整過程中衍生新問題。后來考慮到對云的動態(tài)沒有太多的需求,我們棄用了 TP 和 TFD,轉(zhuǎn)用 Octane 中的 VDB 制作體積云,既能實時控制預(yù)覽云的形態(tài),也能縮減計算時間。
  • 分層渲染:為了提高后期合成的可編輯性和效率,我們對背景、主體物件、前景物體進行了分層渲染,既避免渲染出錯而導(dǎo)致全面返工,同時也能在 AE 中對更多圖層參數(shù)(動態(tài)模糊、景深、動畫速率等)進行二次調(diào)整。
  • 善用 Preview 與跳幀檢查:渲染出錯是難以避免的,但是可以透過渲染測試來盡量降低重渲風(fēng)險。對于動效而言,在制作的各個階段都可以快速導(dǎo)出線框動畫預(yù)覽節(jié)奏以及物體位置;而對于材質(zhì)和貼圖,則可以在素材完整輸出前按需進行跳幀渲染,檢查重點幀的 Full Render 效果,以免一子錯滿盤皆落索。

Final Output

為大家放送高清大圖與完整視頻,Qzone今年你最紅:

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

點擊查看視頻版

項目心得

? 1. 有限的時間里更需要無限的溝通

在項目周期極短的情況下,團隊中的每個人都需要清晰地認識到每個時間節(jié)點需要完成的任務(wù)。對于3D動畫這種前期概念模糊,后期作業(yè)復(fù)雜且分段耗時不明確的任務(wù),可以使用倒推法進行規(guī)劃,為渲染保留充分的時間。另外也需要成員在動畫制作的每一個環(huán)節(jié)想清楚核心目標是什么,再決定技術(shù)方案,不要為了自嗨式雕琢而丟了項目的進程。

在創(chuàng)作腦暴期,團隊成員可能會對同一個事物有不同的理解和想象。因此,在動畫概念未成形或腹稿階段,我們需要及時地將自己的想法可視化(無論是靈魂概念稿還是低面模型)以消弭雙方的理解誤區(qū)。同時也需要盡早確立并細化分工,并在制作過程中時時同步自己的進度、問題及意見,避免進入合流階段才猛然驚覺大家在做不同次元的事情。

? 2. 前期準備的重要性

除了概念稿,針對場景較大的動畫,分鏡是節(jié)省時間的利器。在前期,故事分鏡包括主體物動畫及轉(zhuǎn)場方式都需要盡可能地構(gòu)想完整,避免一邊建模一邊想轉(zhuǎn)場動畫。雖然動畫都可以在模型中試錯,但是并非所有項目周期都足夠充裕。尤其對于燒顯卡,燒時間的3D動畫,分鏡能最大限度減少動畫在試錯過程中的不穩(wěn)定性,降低時間與溝通成本。而細節(jié)性動畫可以在項目過程中補齊完善,避免在前期花費太多時間陷入細節(jié)。

? 3. 每天都要比昨天更博學(xué)一點

每學(xué)會一個好方法、好工具、好插件,我們就省出了至少一次睡眠機會。這次項目來得快準狠,在許多3D制作細節(jié)上有著從未觸碰過的難點和雷區(qū),而且這也是我們第一次使用 Octane 進行大場景的動畫輸出。攻堅難點除了不斷的試錯,更重要的還是找到對的方法。從粒子云到體積云的過程中,我們反復(fù)閱讀官方文檔和浸泡技術(shù)論壇,才在大神的某條回復(fù)的某個詞里找到答案,最終摸索出適合項目的工作流與素材。另外日常也要保持接觸新工具時的興奮感和手感,每天都多學(xué)一點新思路,才能在接到緊急需求而又無實戰(zhàn)經(jīng)驗時,知道該去哪里找解決方法。

? 4. 知取舍,有的放矢

在項目初期,我們?yōu)榱四苷故咀罴训囊曈X體驗,一直在場景裝飾和材質(zhì)的質(zhì)感上不斷地疊加與細化。然而在對項目投放渠道、時間限制和制作效率的關(guān)系有了更深刻的理解后,我們決定把重心從細節(jié)回歸到動畫的整體性上。畢竟如果趕不上DDL,再精良的輸出也只能是一張窩藏在電腦深處的飛機稿。

新春是全民歡騰的伊始,而QQ空間新春品牌視頻也是我們團隊在3D動畫上新的開端。

最后放送幾枚紅紅火火的手機壁紙,祝福各位創(chuàng)意人今年方案必過,設(shè)計紅火!

QQ 空間春節(jié)品牌視頻是如何設(shè)計出來的?來看這份案例復(fù)盤!

收藏 158
點贊 17

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。