近期「天天P圖」合作迪士尼公主系列 IP，推出「為自己加冕」的主題營銷推廣，從創意劇情出發，配合精致細膩的動畫特效，搭建了效果華麗的自拍 AR 素材，受到眾多用戶的喜愛。本文將從劇情創意與動畫設計等層面切入，與大家分享此次與迪士尼合作的案例。

項目背景

此次合作營銷的主題為「為自己加冕」，側重表達迪士尼智慧勇敢獨立的現代精神公主。與以往純粹重美顏、美妝、裝飾表達的案例不同，我們嘗試通過觸發劇情與閃亮的變身特效，來突出呈現用戶加冕為公主時的變身感與自信美。

從眾多迪士尼公主中，我們挑選了中國觀眾最熟悉的 5 位公主角色，推出了 3 款以劇情為亮點，具有互動性，適合用戶表演的自拍 AR 素材，及共 4 款側重妝容與頭戴小飾品的妝容自拍 AR 素材。下文將主要講述 3 款劇情 AR 素材的創意與設計過程。

劇情創意與元素設定

首先針對 5 個合作公主分別分析，挑選出相對適合劇情表達，能表現出公主美好品格，與新穎的相機素材特征的 3 個公主。

艾莎公主：冰雪女王，擁有與生俱來的冰雪魔力。關鍵角色是妹妹安娜，雪寶。關鍵劇情是拋下使用魔力的恐懼，解放內心對的自我束縛釋放自我，施展冰雪魔法，唱起《隨他吧》。關鍵人物是妹妹安娜，摯友雪寶。

相機劇情創意點：讓用戶隨著冰雪魔法特效與原版音樂氛圍體驗一次艾莎釋放自我的美。

白雪公主：善良美麗，深受動物喜愛。關鍵劇情道具是魔鏡與毒蘋果。關鍵角色是壞皇后，七個小矮人與王子。

相機劇情創意點：通過魔鏡道具，讓壞皇后黑暗的畫面鏡頭反轉到白雪公主所在的場景，突出用戶變身白雪公主的美好。

貝兒公主：愛好看書，善解人意，能看到野獸善良的一面。關鍵劇情道具是魔法玫瑰。關鍵角色是野獸，茶杯母子，燭臺，鐘管家等。

相機劇情創意點：看書的用戶無意中打開一本童話書，成為了打破玫瑰魔法的貝兒公主。

最后選擇白雪公主，艾莎和貝兒作為此次趣味劇情相機素材的主角。根據每個迪士尼公主獨有的性格愛好，篩選角色最有記憶點的特征，定制相應劇情。

整體設定不止于讓用戶變美，更賦予用戶個性化演繹空間。新增托舉手勢相機新能力，支持艾莎公主和貝兒公主的動作觸發，動作結合更具角色代入感。

1. 白雪公主劇情設定

張嘴觸發劇情反轉──背景音樂壞皇后問魔鏡「誰最美」，反轉戴白雪公主頭飾，變公主。

壞皇后設計流程細節

根據收集到的皇后圖片資料和壞皇后與魔鏡的黑暗魔法屬性，賦予皇后暗色系配色與帶有魔法特征的質感表現。

在素材設計的過程中，先從基礎元素起步，在保證素材精致感的同時，最大的還原原版迪士尼造型，后帶入使用場景之中，考慮劇情走向，添加背景元素與魔法火焰細節，烘托黑暗魔法氛圍。最后再隨著劇情漸入高潮，魔鏡顯靈魔法四射，為后面反轉白雪公主轉變氛圍做準備。

白雪公主設計流程細節

白雪公主的配色非常明確，直接選取迪士尼提供的白雪公主視覺規范配色?？焖偈掷L前景草圖，利用 3D 建模渲染還原森林場景空間，后期優化光影，植物質感細節。動畫前段考慮與魔鏡的銜接過渡。

2. 艾莎劇情設定

手勢觸發──用戶伸手，掀起魔法雪花吹到屏幕上，屏幕凍住，前景氛圍飄雪，用戶帶上皇冠。

設計流程細節

艾莎以動效為主視覺，前期需考慮好動效元素，靜態稿只是動態效果的參考，后期動效再根據具體實現的效果靈活調整。

3. 貝兒劇情設定

手勢觸發──用戶攤開手，出現一本書攤開法力四射，飛出玫瑰花瓣全景飄落。

設計流程細節

貝兒素材在基礎元素設計時，直接通過 3D 輸出動畫，再利用 AE 做特效后期補全魔法光效。在玫瑰花盛開的一瞬間，增添魔法爆破的粒子特效效果，為劇情高潮部分。

引入3D增強原畫與動畫視覺表現

1. 材質渲染

相比于傳統 2D 手法的兩種優勢：

• 可快速產出較復雜材質，如金屬，玻璃等真實基礎質感。如下圖的皇冠，以及最右邊的雪花材質，由中心點實心收攏，向外變更透明折射率更高，讓雪花充滿細節的同時不會零碎。
• 可通過不同的打光方式，快速調整和營造想要的素材氛圍。如魔鏡從下方打光營造一種陰森沉重感。

2. 光影層次

初步獲得配色體積層次后，運用 PS 增添細膩光感，陰影與質感細節，快速獲得光影立體感的視覺效果。

3. 立體動效

3D 方法快速輸出復雜透視的動畫，比傳統 2D 手法更高效。

4. 動畫后期

添加動態粒子，發光等動畫特效，使元素層次更豐富的同時，更貼近迪士尼的夢幻視覺風格。

多維度多層次動效氛圍

1. 時間維度

起步態，中間態，結束態不同時間維度的動效邏輯。（以艾莎手勢魔法觸發動畫為例）

2. 質感搭配

固態，氣態，光效，粒子不同質感動效氛圍搭配。（以艾莎手勢魔法觸發動畫為例）

3. 3D粒子

AE 粒子畫中，單個粒子使用 3D 渲染的視頻粒子，使整體粒子動效更有空間感和精致感。

4. 多層音效

動效配音根據動畫分為 3 個階段，觸發前，觸發過渡階段，以及觸發后。前后場景選取對應的動畫電影原聲，并配合相應特效質感的音效，觸發用戶聽覺記憶，提高場景代入感。

成果展示

△ 點擊查看視頻

此次合作艾莎公主劇情版與白雪公主劇情版自上線之后使用量穩定 TOP3，保存率同類型最高。截止6月25日下午，微博熱門話題#迪士尼公主魔法妝#，話題閱讀數達到了 1323 萬，討論數 8 千多。

項目心得

1. IP形象合作

在保證素材創意、質量，考慮用戶喜好的同時，更要充分調查了解合作 IP 的形象背景，提前收集一些對方歷史合作項目中的線上設計作品；保證 IP 形象的完整展示，準確還原 IP 形象標志性特征點，在此基礎上再對設計進行深入優化。

2. 資源整合優化心得

劇情類相機 AR 素材，通常會因為需要特定的相機觸發能力以及較長的序列幀時長，會占用更多的相機資源。為了保證用戶在使用過程中體驗流暢效果好，后期合理優化輸出資源非常重要。這也考驗到設計師對技術的理解與問題解決能力。

解決方案：

• 壓縮圖片尺寸大小，日常輸出中常見，如將長為 1024px 尺寸等比壓縮到長為 512px。
• 減少幀速率，如 2 秒動畫共 60 幀（幀速率30），減少到 24 幀（幀速率12）動畫時長不變，整體序列幀圖片數減少，包變小。
• 減少圖片層級，如減少疊加模式，多層次效果的素材可能會用到 add，screen 等等疊加模式，盡量只使用 1-2 種疊加模式。并盡量多的合并圖層輸出，使整體序列幀數量減少，相機渲染速度更快。

目前的壓縮方法會使得圖片精度減少很多，但是P圖這邊在魔法摳圖模塊和趣動視頻模塊已經使用了新的視頻壓縮方式，使得長視頻相機素材也可以在保留高精度的同時，保持穩定的相機性能與較小的文件大小。后期我們P圖團隊也將繼續推動技術來進行相機模塊資源的優化與壓縮。

3. 設計技巧心得

此次迪士尼系列趣味劇情素材，是第一次嘗試大量使用 3D 的方法，結合后期，實現 2D 素材展示的一次嘗試，也取得了理想的效果和數據結果。

隨著 3D 的普及，技術的提升，3D 能力已經成為設計師的延展視覺發揮空間的重要技能。我們在嘗試用不同的視覺呈現方式為用戶帶來視覺上的新鮮感的同時，也是一個不斷挑戰自我，推動專業成長的機會。

體驗時刻

天天P圖與迪士尼的合作，此次除了 3 款劇情 AR 素材，同時也一并推出了 4 款妝容結合精致邊框的公主系列妝容素材、3 款夢幻城堡為主題的海報相框素材，以及豐富的公主系列套裝貼紙，歡迎大家下載體驗。

歡迎關注「騰訊ISUX」的公眾號：