如何制作三維ICON圖標？C4D制作三維ICON教程

UI視覺的變更，往往都是從小小的圖標開始。

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

操作步驟：

1.建模

先將參考圖導入C4D，將參考圖片導入至正視圖，適當降低圖片的透明度。

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

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

02.使用陣列進行復制。此時陣列方向不對，

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

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

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

2.材質(zhì)

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

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

3.場景燈光

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

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

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

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

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

輔光不需要投影。

4.渲染+后期

測試渲染設置：添加全局光照，設置如下

采樣：自定義采樣數(shù)量，輔照緩存記錄密度：預覽

根據(jù)渲染結果適當調(diào)整燈光的強度及其他參數(shù)，直至畫面亮度正常。

ICON兩邊加入兩塊反光板，分別指定藍色和洋紅的發(fā)光材質(zhì)

最終渲染設置：

指定物理渲染器，方式遞增，采樣：中，輔照緩存記錄密度：中

出圖如下

PS后期處理一下，調(diào)色和明暗調(diào)整。

再加上其他圖標，添加文字，得到最終效果

原文:http://ui.itcast.cn/areanews/xk/ui/uitech/20210423/1350214070.shtml

猜你喜歡：

UI設計之色彩的心理效應

UI設計原則：匯總深入人心的UI設計原則

APP界面設計：設計元素設計須知

2021年ui設計發(fā)展趨勢分析

黑馬程序員UI培訓課程