C4D材質(zhì)篇——怎么樣做出微軟11宣傳片中的毛玻璃質(zhì)感？
2023-09-10
就在前兩天微軟win 11發(fā)布，毛玻璃質(zhì)感效果也隨之火了起來，清新脫俗的層次感直接將逼格瞬間拉滿。毛玻璃，學(xué)名「類玻璃柔光材質(zhì)」在設(shè)計中也叫「玻璃擬態(tài)」（Glass morphism）。在生活中叫磨砂玻璃，俗稱“毛玻璃”。
下面是從官網(wǎng)截的幾張圖
下面是我使用C4D+Oc完成的效果圖，微軟視頻中加了景深和運動模糊效果，所以會看起來模糊和層次感，為了讓大家看的清楚，我沒有加。所以視覺上會有不同。
接下來就教大家如何使用C4D+Oc調(diào)節(jié)出毛玻璃效果。我們先來分析一下材質(zhì)特點：
透明感（可以透過玻璃看到物 體）
朦朧感（鮮艷的色彩被模糊）
柔和陰影（物體之間有懸浮層次）
輪廓高光（邊緣細(xì)節(jié)勾勒輪廓）
根據(jù)這幾個特點構(gòu)建材質(zhì)節(jié)點：
節(jié)點稍微有點多我們可以簡化一下
前期準(zhǔn)備：
需要先創(chuàng)建一個Oc透明材質(zhì)，然后將IOR折射率調(diào)低一些（1.1-1.5），本次案例創(chuàng)建的毛玻璃不需要太強的折射所以折射率為1.1。然后就是Oc的設(shè)置一定要使用路徑追蹤模式，想要玻璃通透一些就調(diào)大折射深度。
常見折射率查詢網(wǎng)址：https://refractiveindex.info/
準(zhǔn)備好之后我們就可以開始繼續(xù)下一步了，我們分為兩個步驟：
一、粗糙度處理
粗糙就是解決玻璃表面模糊，讓玻璃內(nèi)部或者背面的物體看起來朦朧，這里要注意的就是玻璃邊緣是要有高光的，然后每個面有可能會出現(xiàn)不同的模糊程度，所以這里使用了污垢節(jié)點和三平面節(jié)點做處理，為了更好理解這些節(jié)點的作用我們可以先用一個漫射材質(zhì)去進行理解
污垢節(jié)點可以根據(jù)對象的輪廓創(chuàng)建選區(qū)，這里使用是為了讓玻璃邊緣保留一定的光澤度，不至于太粗糙導(dǎo)致沒有光澤
三平面節(jié)點可以讀取對象的XYZ三個坐標(biāo)軸向?qū)?yīng)的平面，從而對不同平面使用不同的紋理控制，這里使用三平面也是為了讓對象不同面上面的模糊程度不一樣
二、顏色及通透性處理
玻璃的顏色可以根據(jù)光學(xué)形成原理分為傳輸、吸收和散射。
傳輸即是光線通過玻璃所傳輸?shù)念伾?，也是大部分有色玻璃的調(diào)節(jié)方式。
吸收是物質(zhì)對光的吸收具有波長選擇性，即對不同波長的光，物質(zhì)的吸收不同顏色。比如碧綠的深潭其實是光線吸收了水草的顏色。此外吸收還可以呈現(xiàn)厚薄不一的玻璃厚度感。
散射是玻璃內(nèi)有折射率不同的懸浮微粒存在，這些懸浮微粒就會把光波散射到四面八方，被我們清楚地看到。例如天空之所以呈現(xiàn)藍色，就是因為太陽光中的紫光和藍光受到大氣層的強烈散射形成的。
這里為了創(chuàng)造各種各樣的毛玻璃可以添加一個散射介質(zhì)。
這里的通透性指的是讓玻璃透亮一些，不會顯得暗沉，這里直接添加一個紋理發(fā)光來控制，發(fā)光強度不用太強（太強會曝光也會損失玻璃的透明效果）。
總結(jié)：
通過以上的步驟就可以調(diào)節(jié)出一個通用的毛玻璃材質(zhì)了，大家趕緊去試試吧！
下面這是官方宣傳視頻，除了毛玻璃還有很多可以值得我們學(xué)習(xí)借鑒的地方。
https://www.bilibili.com/video/BV1dq4y1D71E?spm_id_from=333.337.search-card.all.click
最后我可能會預(yù)判小伙伴們會出現(xiàn)的問題：
1、玻璃投影很黑，玻璃不通透。這個只需要勾選Fake Shadows偽陰影就好了
2、玻璃不通透，需要確定渲染設(shè)置里面模式是否為路徑追蹤，如果是路徑追蹤模式玻璃還不夠通透就將折射深度調(diào)大。
3、邊緣無高光，如果出現(xiàn)邊緣無高光我們需要手動創(chuàng)建燈光進行補光
毛玻璃的巧妙之處就在于，很好的弱化背景的干擾，突出核心的內(nèi)容信息。相比蒙版效果，又更加地柔和自然。被廣泛應(yīng)用在UI設(shè)計、動效設(shè)計、產(chǎn)品設(shè)計以及視覺海報設(shè)計當(dāng)中。
以后在遇到類似的片子大家就都能拿捏啦！
工程文件：
掃描二維碼分享到微信