首頁技術文章正文

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

更新時間:2021-04-23 來源:黑馬程序員 瀏覽量:

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

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

三維ICON制作

操作步驟:

1.建模

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

導入參考圖

參考圖建模

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

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

圓角矩形模塊


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

旋轉角度

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

沿X軸旋轉90度

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

沿Y軸移動

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

2.材質

底座白色,給一點磨砂反射質感,地形也是白色

貼材質

其他圓角矩形設置玻璃材質,透明通道,調整一下玻璃顏色。并依次添加多種顏色。

添加色彩

3.場景燈光

調整畫面的視角,添加攝像機,焦距150,添加保護標簽。

添加燈光

添加天空,新建材質球,加入一個HDR室內影棚貼圖,可以讓場景燈光更豐富,將該材質球指定給天空。

添加燈光

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

添加輔助燈光

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

主光添加投影和衰減,投影調弱一些

輔光不需要投影。

調整投影

4.渲染+后期

測試渲染設置:添加全局光照,設置如下

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

渲染

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

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

發(fā)光材質

最終渲染設置:

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

渲染設置

出圖如下

調整圖片

PS后期處理一下,調色和明暗調整。

PS處理一下

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

最終效果

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



猜你喜歡:

UI設計之色彩的心理效應

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

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

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

黑馬程序員UI培訓課程

分享到:
在線咨詢 我要報名
和我們在線交談!