如何制作三維ICON圖標(biāo)？C4D制作三維ICON教程

UI視覺的變更，往往都是從小小的圖標(biāo)開始。

現(xiàn)在很多大廠的產(chǎn)品，都在使用3D圖標(biāo)這一更立體的呈現(xiàn)方式，今天我們就來使用C4D制作幾個(gè)3D圖標(biāo)吧。

操作步驟：

1.建模

先將參考圖導(dǎo)入C4D，將參考圖片導(dǎo)入至正視圖，適當(dāng)降低圖片的透明度。

根據(jù)參考圖，建立基本的模型，這里以圖片ICON為例，跟大家講講建模的思路

01.先繪制好其中一個(gè)圓角矩形模塊

02.使用陣列進(jìn)行復(fù)制。此時(shí)陣列方向不對(duì)，

選中擠出的圓角矩形，激活軸心，使用旋轉(zhuǎn)工具，按Shift沿X軸旋轉(zhuǎn)90度，效果如下：

然后使用移動(dòng)工具，沿Z軸移動(dòng)，調(diào)整對(duì)象向中心聚攏。并旋轉(zhuǎn)一下Y軸，產(chǎn)生一個(gè)面的角度變化。(建好后記得關(guān)閉軸心)繪制一下底座，圖庫(kù)ICON建模就好了。

03.添加一個(gè)地形，調(diào)整下參數(shù)，地形的長(zhǎng)寬拉大，用于制作地面。

2.材質(zhì)

底座白色，給一點(diǎn)磨砂反射質(zhì)感，地形也是白色

其他圓角矩形設(shè)置玻璃材質(zhì)，透明通道，調(diào)整一下玻璃顏色。并依次添加多種顏色。

3.場(chǎng)景燈光

調(diào)整畫面的視角，添加攝像機(jī)，焦距150，添加保護(hù)標(biāo)簽。

添加天空，新建材質(zhì)球，加入一個(gè)HDR室內(nèi)影棚貼圖，可以讓場(chǎng)景燈光更豐富，將該材質(zhì)球指定給天空。

初步渲染，發(fā)現(xiàn)燈光較暗，需要添加主光源和輔助光源。

將主光從正上方進(jìn)行添加，使用區(qū)域光，左側(cè)較暗可以考慮添加一個(gè)輔助光源。

主光添加投影和衰減，投影調(diào)弱一些

輔光不需要投影。

4.渲染+后期

測(cè)試渲染設(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ì)之色彩的心理效應(yīng)

UI設(shè)計(jì)原則：匯總深入人心的UI設(shè)計(jì)原則

APP界面設(shè)計(jì)：設(shè)計(jì)元素設(shè)計(jì)須知

2021年ui設(shè)計(jì)發(fā)展趨勢(shì)分析

黑馬程序員UI培訓(xùn)課程