ANKER作為以充電品類為主的品牌,自然會(huì)搭配iPhone或三星這種辨識(shí)度極高的手機(jī)。俗話說(shuō):好馬配好鞍,除了產(chǎn)品本身外,配件渲染的質(zhì)量,也會(huì)直接影響整個(gè)listing圖片的品質(zhì)。
而自從iPhone X 的高亮金屬邊出來(lái)以后,選擇用其作為搭配,對(duì)于渲染的童鞋來(lái)講,無(wú)疑又增添了無(wú)數(shù)煩惱,渲染好Anker產(chǎn)品的同時(shí),又要去琢磨怎么能渲染出和蘋果官網(wǎng)一樣質(zhì)量的蘋果手機(jī)作為搭配。團(tuán)隊(duì)也不斷的去探索“蘋果那群家伙到底是如何渲染的”。
在這個(gè)認(rèn)知不斷推翻與重建的過(guò)程中,結(jié)合對(duì)Apple產(chǎn)品的渲染分析,我總結(jié)了渲染認(rèn)知的三個(gè)階段,希望對(duì)愛(ài)好渲染的童鞋有所幫助。
第一階段渲染認(rèn)知:“立體感知”
第二階段渲染認(rèn)知:“差異性感知”
第三階段渲染認(rèn)知:“有理創(chuàng)造”
第一階段渲染認(rèn)知:“立體感知”
第二階段渲染認(rèn)知:“差異性感知”
在這個(gè)階段我們需要特別注意的是三大差異性的表現(xiàn)手法:
1.空間差異性
2.ID型面差異性
3.材質(zhì)差異性
* 空間的差異性:
在產(chǎn)品渲染中,我們以最主要想表現(xiàn)的物件作為空間起點(diǎn),以它為中心,畫面的上下、左右、前后所呈現(xiàn)的立體感即成為我們渲染所需要了解到的空間的差異性。我們攝影經(jīng)常點(diǎn)出的“前中后”景,也是想展示畫面的空間差異性,讓一個(gè)畫面更立體。
* ID型面的差異性:
如果你們建過(guò)模型,對(duì)于這點(diǎn),應(yīng)該有所了解。同一道光,在不同的型面關(guān)系中,擁有不同的光影呈現(xiàn)效果。這看的是面的弧度和曲率關(guān)系,下文我會(huì)簡(jiǎn)單的介紹一下被蘋果發(fā)揚(yáng)光大的“2.5D”曲面是如何展示的。
* 材質(zhì)差異性:
不同的材質(zhì)對(duì)光的反應(yīng)不同,如果我們按照市面上的材質(zhì)去一一介紹或者總結(jié)的話,基本是很繁亂的一個(gè)工作,我這里把材質(zhì)通過(guò)折射率(視覺(jué))、顆粒感(觸覺(jué))和透明度三大程度進(jìn)行大致分類,這樣有助于我們對(duì)材質(zhì)的表現(xiàn)形成系統(tǒng)的觀念,而不是塑料怎么做,金屬怎么做之類的。
顆粒感(觸感):
1.觸感細(xì)膩,顆粒分布均勻,細(xì)小
2.觸感粗糙,隨機(jī)分布,偏大
我們分為3個(gè)檔,C1(鏡面),C2 ,C3顆粒分別由細(xì)到粗
折射率(視覺(jué)):
1.折射率低,亮部與暗部過(guò)渡緩慢,明暗交界線分布均勻緩和且不明顯
2.折射率高,亮部與暗部過(guò)渡急速,明暗交界線明顯
我們分為3個(gè)檔,Z1,Z2,Z3 折射分別由低到高
透明度
全透T1 半透T2 不透T3
這三維三檔基本可以囊括百分之八十的材質(zhì)了,例如:當(dāng)我們看到蘋果電鍍金屬邊的時(shí)候就可以把它歸類為:C1Z3T3 材質(zhì) 。我們現(xiàn)在通過(guò)渲染第二階段的“差異性感知”對(duì)apple產(chǎn)品渲染進(jìn)行分析:
介紹前,我們?cè)倨占耙幌?ldquo;2.5D”到底是一種什么感覺(jué),維基百科上是這樣形容的:“盈而不溢的水滴”這個(gè)形容簡(jiǎn)直不能再好!聚會(huì),給兄弟滿上了一杯盈而不溢的啤酒的畫面感油然而生。相信大家都見(jiàn)過(guò)這中效果了。這里指的不是你兄弟倒下的樣子哈,而是那杯盈而不溢的杯中酒。
蘋果的渲染師都很“懶”,能打一道光的,絕對(duì)不要2道光,1道光能走完全場(chǎng)的,絕對(duì)不會(huì)停在半場(chǎng)(氛圍圖除外),一道光能照亮2個(gè)材質(zhì)的, 絕對(duì)不會(huì)只照亮1個(gè)材質(zhì)。這個(gè)“懶”字,其實(shí)涉及了我們以上講的空間、型面、材質(zhì)的三大差異性表現(xiàn),通過(guò)一道環(huán)境光,表現(xiàn)蘋果渲染師們對(duì)“差異性感知”的理解和極其細(xì)微的觀察與極強(qiáng)的布光操控性(如下圖紫色虛線圈起來(lái)的這道光)
空間差異上:中間亮,然后明度向上下、左右呈現(xiàn)遞減的趨勢(shì),焦點(diǎn)在前端手機(jī)三種材質(zhì)結(jié)合處。渲染師通過(guò)亮面的明度、大小把中、前、后、左右的空間關(guān)系展示了出來(lái)。突顯前端重點(diǎn)的同時(shí),讓暗部及遠(yuǎn)景有一定的細(xì)節(jié),盡顯細(xì)致工藝。
型面差異上:金屬的曲面弧度比較大,受光面積大,增加轉(zhuǎn)折過(guò)度面積,體現(xiàn)分量感,中間的啞光面版不用理會(huì),而2.5D曲面屏幕,為了展示盈而不溢的感覺(jué),側(cè)面展示時(shí)候,高亮部面積不宜過(guò)大,不然會(huì)顯得厚重而不夠晶瑩輕薄,我們把上圖轉(zhuǎn)一個(gè)視角,如下圖分析:
圖b與圖c所展示的,無(wú)非就是告訴大家,我們同一個(gè)角度,同一個(gè)光源下,我們的眼睛能接收多少反射光,(合理闡述亮面面積比例關(guān)系問(wèn)
題,這個(gè)面積比例是受到光的反射定律中:入射點(diǎn)的面積,也就是型面反射面積、視覺(jué)水平線與型面反射夾角所影響的)蘋果的渲染師,很
客觀的、有理的分析出了這一點(diǎn),在呈現(xiàn)的時(shí)候,再以一種簡(jiǎn)潔大方的美,展示給大家。同理,如圖a展示,型面在左右兩段轉(zhuǎn)折中,亮面消失、衰減程度、曲面轉(zhuǎn)折弧度關(guān)系依舊遵循以上原則,由于篇幅有限,就不在本文中一次詳解了。
材質(zhì)差異上:如 圖a 紫色虛線所示,我們可以發(fā)現(xiàn),同一道光,在不同的材質(zhì)會(huì)擁有不同的呈現(xiàn)方式,蘋果也盡量用同一道光去表現(xiàn)不同的材質(zhì),這樣就能很好的使用戶對(duì)產(chǎn)品的材質(zhì)有更客觀直接的認(rèn)知。(舉例:如果我們用不同明度、溫度的光去打同一個(gè)材質(zhì),都會(huì)有很大的差異性,更何況, 如果我們用不同的光去打不同材質(zhì)的,只會(huì)增加用戶的認(rèn)知負(fù)擔(dān))
不同的材質(zhì)對(duì)光有不同的反應(yīng),這是一門非常復(fù)雜的知識(shí),這里快速的分析蘋果的兩種主要材質(zhì),玻璃鏡面與金屬
玻璃鏡面:有一定厚度的可穿透性玻璃,非屏幕與攝像機(jī)部分,玻璃底部壓了一層黑底(如圖d),使得屏幕不亮的情況下,整個(gè)面板趨向于一致的黑玻璃感,這個(gè)表現(xiàn)的難度是我們需要給玻璃做出一定的厚度(文中“型面差異性”已經(jīng)闡述)
金屬:電鍍高亮金屬與磨砂顆粒金屬,按鍵部位有C角工藝,為拋光高亮工藝
不詳聊,我們先把這歸為大概的兩種材質(zhì): 高亮與磨砂,在渲染中,衰減的差異性尤為突出:高亮材質(zhì)的衰減是可以看得到邊緣的, 而磨砂材質(zhì)的衰減邊緣過(guò)度是柔和模糊看不清具體邊界線的。在keyshot軟件中,前者衰減模式選擇“線性衰減”,后者選擇默認(rèn)“從邊緣”即可。附加一點(diǎn):在布光的時(shí)候,盡量主光源可以照顧到按鍵的C角工藝, C角工藝的高亮處與
產(chǎn)品的整體亮面一定要區(qū)分,中間可以是一個(gè)暗面,也可以是明暗交接線, 這個(gè)在圖a;d處都有體現(xiàn)。
好了,如果我們到達(dá)了第二階段,基本就可以在渲染器中直接打出以下的效果了。圖e 是keyshot渲染截圖,里面有環(huán)境及參數(shù)設(shè)置
第三階段渲染認(rèn)知:“有理創(chuàng)造”
這個(gè)階段是一個(gè)從無(wú)到有的“有理創(chuàng)造”過(guò)程,如字面意思,就是需要你創(chuàng)造一個(gè)以前從來(lái)沒(méi)有存在過(guò)的事物,而創(chuàng)造的過(guò)程要有理,要說(shuō)服力。這是一個(gè)極其痛苦的過(guò)程,痛苦的一部分是因?yàn)檫@是一個(gè)商業(yè)的渲染創(chuàng)造,不能把自己變成草間彌生,你要走在所有人的前面,且又不能離他們太遠(yuǎn),你要讓他們看得見(jiàn)你的尾燈。他們才能知道你是
在最前面的,也才能跟著你走
如果說(shuō)前2個(gè)階段我們可以通過(guò)臨摹與練習(xí)快速做出效果的話,第三階段的產(chǎn)出將會(huì)是一個(gè)瓶頸,各行各業(yè),模仿前輩的經(jīng)典無(wú)疑是成長(zhǎng)的一條捷徑,但當(dāng)我們想要突破第二階段,到達(dá)第三階段的“有理創(chuàng)造”的時(shí)候,我們必須總結(jié)前兩個(gè)階段所積累的有理依據(jù),結(jié)合當(dāng)下的審美趨勢(shì),創(chuàng)造出屬于自己的,絕無(wú)僅有的新生物。有理創(chuàng)造的過(guò)程,千萬(wàn)不要閉門造車,有團(tuán)隊(duì)的,盡量運(yùn)用團(tuán)隊(duì)的力量,多看多想多說(shuō)多做。以下是我和團(tuán)隊(duì)sailor同學(xué)一起進(jìn)行的一次“有理創(chuàng)造”的嘗試。這個(gè)還是第三階段初期相對(duì)簡(jiǎn)單的創(chuàng)造,可以說(shuō)是站在巨人的肩膀上,稍微跳了一跳
(項(xiàng)目背景:一個(gè)要趕在新iPhone發(fā)布前做完的無(wú)線車充項(xiàng)目,需要做一張側(cè)面圖,配件用iphoneX,當(dāng)時(shí)apple官網(wǎng)沒(méi)出新機(jī),只有圖f 一張圖,最后經(jīng)過(guò)了N稿修改后,調(diào)試出了圖g,)。
好了,字很多,不知道大家有沒(méi)有認(rèn)真學(xué)習(xí),作為一個(gè)需要審美的商業(yè)行業(yè),我們不能佛系,不能以不變應(yīng)萬(wàn)變,80、90、甚至00,審美的差異性,強(qiáng)迫著我們必須以改變擁抱改變。
童鞋們有任何問(wèn)題的,歡迎在下方留言,共同探討,共同學(xué)習(xí),謝謝!