C4D實操指南:打造多彩且質感十足的UI圖標材質渲染技巧

更新時間:2024-06-06

關于教程

hello,大家期待已久的UI圖標渲染教程它來啰。希望大家能做出自己的圖標作品,歡迎向我交作業(yè)哦。

教程效果圖

關鍵步驟提示

詳細操作請看文章開頭的視頻教程演示。

step 01 繪制草稿

先通過 iconfont 等圖標網站搜集參考,然后根據(jù)自己的習慣在紙上或者用 AI 等設計軟件繪制草稿。

step 02 圖標底座建模

先在 C4D 中創(chuàng)建矩形樣條,然后調整圓角,擠壓并添加倒角制作出圖標底座。

C4D教程!多彩質感UI圖標材質渲染C4D教程!多彩質感UI圖標材質渲染

step 03 圖標圖案建模

同樣創(chuàng)建矩形樣條,然后擠壓,選擇合適的厚度制作出一個圓角矩形。

克隆并旋轉位置,然后調近每個矩形的距離。隨后在「變換」中調整旋轉,大概30度左右,并為圓角矩形添加倒角。

C4D教程!多彩質感UI圖標材質渲染C4D教程!多彩質感UI圖標材質渲染

step 04 建立攝像機

先創(chuàng)建一個 135毫米焦距的攝像機,將圖標放置到正中間,細調位置,隨后再創(chuàng)建一個攝像機用于觀察。

step 05 制作材質

圖標背景的材質分為三層進行制作:

C4D教程!多彩質感UI圖標材質渲染C4D教程!多彩質感UI圖標材質渲染

圖標底板的材質分為兩層進行制作:

C4D教程!多彩質感UI圖標材質渲染C4D教程!多彩質感UI圖標材質渲染

圖標中圓角矩形使用普通的玻璃材質和光澤材質制作:

step 06 打光渲染

在區(qū)域光添加目標標簽,調整打光讓圖標上下都亮起來,然后就可以渲染出圖了。

圖標中圓角矩形的數(shù)量和整體配色可以根據(jù)自己喜歡的風格調整。

最終效果圖

C4D實操指南:打造多彩且質感十足的UI圖標材質渲染技巧