以迪士尼公主系列為例:看劇情AR素材的創(chuàng)意與設(shè)計(jì)過(guò)程

0 評(píng)論 4773 瀏覽 7 收藏 13 分鐘

近期“天天P圖”合作迪士尼公主系列IP,推出“為自己加冕”的主題營(yíng)銷推廣,從創(chuàng)意劇情出發(fā),配合精致細(xì)膩的動(dòng)畫特效,搭建了效果華麗的自拍AR素材,受到眾多用戶的喜愛(ài)。本文將從劇情創(chuàng)意與動(dòng)畫設(shè)計(jì)等層面切入,與大家分享此次與迪士尼合作的案例。

一、項(xiàng)目背景

此次合作營(yíng)銷的主題為“為自己加冕”,側(cè)重表達(dá)迪士尼智慧勇敢獨(dú)立的現(xiàn)代精神公主。與以往純粹重美顏、美妝、裝飾表達(dá)的案例不同,我們嘗試通過(guò)觸發(fā)劇情與閃亮的變身特效,來(lái)突出呈現(xiàn)用戶加冕為公主時(shí)的變身感與自信美。

從眾多迪士尼公主中,我們挑選了中國(guó)觀眾最熟悉的5位公主角色,推出了3款以劇情為亮點(diǎn),具有互動(dòng)性,適合用戶表演的自拍AR素材,及共4款側(cè)重妝容與頭戴小飾品的妝容自拍AR素材。

下文將主要講述3款劇情AR素材的創(chuàng)意與設(shè)計(jì)過(guò)程~

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

二、劇情創(chuàng)意與元素設(shè)定

首先針對(duì)5個(gè)合作公主分別分析,挑選出相對(duì)適合劇情表達(dá),能表現(xiàn)出公主美好品格,與新穎的相機(jī)素材特征的3個(gè)公主。

(1)艾莎公主:冰雪女王,擁有與生俱來(lái)的冰雪魔力。關(guān)鍵角色是妹妹安娜,雪寶。關(guān)鍵劇情是拋下使用魔力的恐懼,解放內(nèi)心對(duì)的自我束縛釋放自我,施展冰雪魔法,唱起《隨他吧》。關(guān)鍵人物是妹妹安娜,摯友雪寶。

相機(jī)劇情創(chuàng)意點(diǎn):讓用戶隨著冰雪魔法特效與原版音樂(lè)氛圍體驗(yàn)一次艾莎釋放自我的美

(2)白雪公主:善良美麗,深受動(dòng)物喜愛(ài)。關(guān)鍵劇情道具是魔鏡與毒蘋果。關(guān)鍵角色是壞皇后,七個(gè)小矮人與王子。

相機(jī)劇情創(chuàng)意點(diǎn):通過(guò)魔鏡道具,讓壞皇后黑暗的畫面鏡頭反轉(zhuǎn)到白雪公主所在的場(chǎng)景,突出用戶變身白雪公主的美好。

(3)貝兒公主:愛(ài)好看書,善解人意,能看到野獸善良的一面。關(guān)鍵劇情道具是魔法玫瑰。關(guān)鍵角色是野獸,茶杯母子,燭臺(tái),鐘管家等。

相機(jī)劇情創(chuàng)意點(diǎn):看書的用戶無(wú)意中打開(kāi)一本童話書,成為了打破玫瑰魔法的貝兒公主

最后選擇白雪公主,艾莎和貝兒作為此次趣味劇情相機(jī)素材的主角。根據(jù)每個(gè)迪士尼公主獨(dú)有的性格愛(ài)好,篩選角色最有記憶點(diǎn)的特征,定制相應(yīng)劇情。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

整體設(shè)定不止于讓用戶變美,更賦予用戶個(gè)性化演繹空間。新增托舉手勢(shì)相機(jī)新能力,支持艾莎公主和貝兒公主的動(dòng)作觸發(fā),動(dòng)作結(jié)合更具角色代入感。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

1. 白雪公主劇情設(shè)定

張嘴觸發(fā)劇情反轉(zhuǎn)——背景音樂(lè)壞皇后問(wèn)魔鏡“誰(shuí)最美”,反轉(zhuǎn)戴白雪公主頭飾,變公主。

壞皇后設(shè)計(jì)流程細(xì)節(jié):

根據(jù)收集到的皇后圖片資料和壞皇后與魔鏡的黑暗魔法屬性,賦予皇后暗色系配色與帶有魔法特征的質(zhì)感表現(xiàn)。

在素材設(shè)計(jì)的過(guò)程中,先從基礎(chǔ)元素起步,在保證素材精致感的同時(shí),最大的還原原版迪士尼造型,后帶入使用場(chǎng)景之中,考慮劇情走向,添加背景元素與魔法火焰細(xì)節(jié),烘托黑暗魔法氛圍。最后再隨著劇情漸入高潮,魔鏡顯靈魔法四射,為后面反轉(zhuǎn)白雪公主轉(zhuǎn)變氛圍的預(yù)備。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

白雪公主設(shè)計(jì)流程細(xì)節(jié):

白雪公主的配色非常明確,直接選取迪士尼提供的白雪公主視覺(jué)規(guī)范配色。快速手繪前景草圖,利用3D建模渲染還原森林場(chǎng)景空間,后期優(yōu)化光影,植物質(zhì)感細(xì)節(jié)。動(dòng)畫前段考慮與魔鏡的銜接過(guò)渡。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

2. 艾莎劇情設(shè)定

手勢(shì)觸發(fā)——用戶伸手,掀起魔法雪花吹到屏幕上,屏幕凍住,前景氛圍飄雪,用戶帶上皇冠。

設(shè)計(jì)流程細(xì)節(jié):

艾莎以動(dòng)效為主視覺(jué),前期需考慮好動(dòng)效元素,靜態(tài)稿只是動(dòng)態(tài)效果的參考,后期動(dòng)效再根據(jù)具體實(shí)現(xiàn)的效果靈活調(diào)整。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

3. 貝兒劇情設(shè)定

手勢(shì)觸發(fā)——用戶攤開(kāi)手,出現(xiàn)一本書攤開(kāi)法力四射,飛出玫瑰花瓣全景飄落。

設(shè)計(jì)流程細(xì)節(jié):

貝兒素材在基礎(chǔ)元素設(shè)計(jì)時(shí),直接通過(guò)3D輸出動(dòng)畫,再利用AE做特效后期補(bǔ)全魔法光效。在玫瑰花盛開(kāi)的一瞬間,增添魔法爆破的粒子特效效果,為劇情高潮部分。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

三、引入3D增強(qiáng)原畫與動(dòng)畫視覺(jué)表現(xiàn)

1. 材質(zhì)渲染

相比于傳統(tǒng)2D手法的兩種優(yōu)勢(shì):

  1. 可快速產(chǎn)出較復(fù)雜材質(zhì),如金屬,玻璃等真實(shí)基礎(chǔ)質(zhì)感。如下圖的皇冠;以及最右邊的雪花材質(zhì),由中心點(diǎn)實(shí)心收攏,向外變更透明折射率更高,讓雪花充滿細(xì)節(jié)的同時(shí)不會(huì)零碎。
  2. 可通過(guò)不同的打光方式,快速調(diào)整和營(yíng)造想要的素材氛圍。如魔鏡從下方打光營(yíng)造一種陰森沉重感。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

2. 光影層次

初步獲得配色體積層次后,運(yùn)用PS增添細(xì)膩光感,陰影與質(zhì)感細(xì)節(jié),快速獲得光影立體感的視覺(jué)效果。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

3. 立體動(dòng)效

3D方法快速輸出復(fù)雜透視的動(dòng)畫,比傳統(tǒng)2D手法更高效。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

4. 動(dòng)畫后期

添加動(dòng)態(tài)粒子,發(fā)光等動(dòng)畫特效,使元素層次更富的同時(shí),更貼近迪士尼的夢(mèng)幻視覺(jué)風(fēng)格。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

四、多維度多層次動(dòng)效氛圍

1. 時(shí)間維度

起步態(tài),中間態(tài),結(jié)束態(tài)不同時(shí)間維度的動(dòng)效邏輯。(以艾莎手勢(shì)魔法觸發(fā)動(dòng)畫為例)

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

2. 質(zhì)感搭配

固態(tài),氣態(tài),光效,粒子不同質(zhì)感動(dòng)效氛圍搭配。(以艾莎手勢(shì)魔法觸發(fā)動(dòng)畫為例)

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

3. 3D粒子

AE粒子畫中,單個(gè)粒子使用3D渲染的視頻粒子,使整體粒子動(dòng)效更有空間感和精致感。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

4. 多層音效動(dòng)效

配音根據(jù)動(dòng)畫分為3個(gè)階段,觸發(fā)前,觸發(fā)過(guò)渡階段,以及觸發(fā)后。前后場(chǎng)景選取對(duì)應(yīng)的動(dòng)畫電影原聲,并配合相應(yīng)特效質(zhì)感的音效,觸發(fā)用戶聽(tīng)覺(jué)記憶,提高場(chǎng)景代入感。

劇情動(dòng)效設(shè)計(jì) | 天天P圖迪士尼公主系列

五、成果展示

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

項(xiàng)目心得

1. IP形象合作

在保證素材創(chuàng)意、質(zhì)量,考慮用戶喜好的同時(shí),更要充分調(diào)查了解合作IP的形象背景,提前收集一些對(duì)方歷史合作項(xiàng)目中的線上設(shè)計(jì)作品;保證IP形象的完整展示,準(zhǔn)確還原IP形象標(biāo)志性特征點(diǎn),在此基礎(chǔ)上再對(duì)設(shè)計(jì)進(jìn)行深入優(yōu)化。

2. 資源整合優(yōu)化心得

劇情類相機(jī)AR素材,通常會(huì)因?yàn)樾枰囟ǖ南鄼C(jī)觸發(fā)能力以及較長(zhǎng)的序列幀時(shí)長(zhǎng),會(huì)占用更多的相機(jī)資源。為了保證用戶在使用過(guò)程中體驗(yàn)流暢效果好,后期合理優(yōu)化輸出資源非常重要,這也考驗(yàn)到設(shè)計(jì)師對(duì)技術(shù)的理解與問(wèn)題解決能力。

解決方案:

(1)壓縮圖片尺寸大小

日常輸出中常見(jiàn),如將長(zhǎng)為1024px尺寸等比壓縮到長(zhǎng)為512px。

(2)減少幀速率

如2秒動(dòng)畫共60幀(幀速率30),減少到24幀(幀速率12)動(dòng)畫時(shí)長(zhǎng)不變,整體序列幀圖片數(shù)減少,包變小。

(3)減少圖片層級(jí)

如減少疊加模式,多層次效果的素材可能會(huì)用到add,screen等等疊加模式,盡量只使用1~2種疊加模式。并盡量多的合并圖層輸出,使整體序列幀數(shù)量減少,相機(jī)渲染速度更快。

目前的壓縮方法會(huì)使得圖片精度減少很多,但是P圖這邊在魔法摳圖模塊和趣動(dòng)視頻模塊已經(jīng)使用了新的視頻壓縮方式,使得長(zhǎng)視頻相機(jī)素材也可以在保留高精度的同時(shí),保持穩(wěn)定的相機(jī)性能與較小的文件大小。后期我們P圖團(tuán)隊(duì)也將繼續(xù)推動(dòng)技術(shù)來(lái)進(jìn)行相機(jī)模塊資源的優(yōu)化與壓縮。

3. 設(shè)計(jì)技巧心得

此次迪士尼系列趣味劇情素材,是第一次嘗試大量使用3D的方法,結(jié)合后期,實(shí)現(xiàn)2D素材展示的一次嘗試,也取得了理想的效果和數(shù)據(jù)結(jié)果。

隨著3D的普及,技術(shù)的提升,3D能力已經(jīng)成為設(shè)計(jì)師的延展視覺(jué)發(fā)揮空間的重要技能。我們?cè)趪L試用不同的視覺(jué)呈現(xiàn)方式為用戶帶來(lái)視覺(jué)上的新鮮感的同時(shí),也是一個(gè)不斷挑戰(zhàn)自我,推動(dòng)專業(yè)成長(zhǎng)的機(jī)會(huì)。

 

作者:阿文,公眾號(hào):騰訊ISUX(ID:tencent_isux)

來(lái)源:https://mp.weixin.qq.com/s/sr6obaqQreyNfiEeLWUE3w

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!