更新時間:2021-04-23 來源:黑馬程序員 瀏覽量:
UI視覺的變更,往往都是從小小的圖標(biāo)開始。
現(xiàn)在很多大廠的產(chǎn)品,都在使用3D圖標(biāo)這一更立體的呈現(xiàn)方式,今天我們就來使用C4D制作幾個3D圖標(biāo)吧。
1.建模
先將參考圖導(dǎo)入C4D,將參考圖片導(dǎo)入至正視圖,適當(dāng)降低圖片的透明度。
根據(jù)參考圖,建立基本的模型,這里以圖片ICON為例,跟大家講講建模的思路
01.先繪制好其中一個圓角矩形模塊
02.使用陣列進(jìn)行復(fù)制。此時陣列方向不對,
選中擠出的圓角矩形,激活軸心,使用旋轉(zhuǎn)工具,按Shift沿X軸旋轉(zhuǎn)90度,效果如下:
然后使用移動工具,沿Z軸移動,調(diào)整對象向中心聚攏。并旋轉(zhuǎn)一下Y軸,產(chǎn)生一個面的角度變化。(建好后記得關(guān)閉軸心)繪制一下底座,圖庫ICON建模就好了。
03.添加一個地形,調(diào)整下參數(shù),地形的長寬拉大,用于制作地面。
2.材質(zhì)
底座白色,給一點(diǎn)磨砂反射質(zhì)感,地形也是白色
其他圓角矩形設(shè)置玻璃材質(zhì),透明通道,調(diào)整一下玻璃顏色。并依次添加多種顏色。
3.場景燈光
調(diào)整畫面的視角,添加攝像機(jī),焦距150,添加保護(hù)標(biāo)簽。
添加天空,新建材質(zhì)球,加入一個HDR室內(nèi)影棚貼圖,可以讓場景燈光更豐富,將該材質(zhì)球指定給天空。
初步渲染,發(fā)現(xiàn)燈光較暗,需要添加主光源和輔助光源。
將主光從正上方進(jìn)行添加,使用區(qū)域光,左側(cè)較暗可以考慮添加一個輔助光源。
主光添加投影和衰減,投影調(diào)弱一些
輔光不需要投影。
4.渲染+后期
測試渲染設(shè)置:添加全局光照,設(shè)置如下
采樣:自定義采樣數(shù)量,輔照緩存記錄密度:預(yù)覽
根據(jù)渲染結(jié)果適當(dāng)調(diào)整燈光的強(qiáng)度及其他參數(shù),直至畫面亮度正常。
ICON兩邊加入兩塊反光板,分別指定藍(lán)色和洋紅的發(fā)光材質(zhì)
最終渲染設(shè)置:
指定物理渲染器,方式遞增,采樣:中,輔照緩存記錄密度:中
出圖如下
PS后期處理一下,調(diào)色和明暗調(diào)整。
再加上其他圖標(biāo),添加文字,得到最終效果
原文:http://ui.itcast.cn/areanews/xk/ui/uitech/20210423/1350214070.shtml
猜你喜歡:
UI設(shè)計(jì)原則:匯總深入人心的UI設(shè)計(jì)原則