業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

今天要完成的擬物化圖標

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

知識點

矢量圖形工具 圖層樣式

深入瞭解圖層樣式的使用

步驟 1

新建文檔,將背景填充為深灰色,新建參考線

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 2

使用圓角矩形工具繪製圓角矩形,為圖層添加圖層樣式-投影(設置參數如圖所示)

*注意將使用全局光前面度對勾去掉

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 3

複製圖層改變投影的設置參數

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 4

繼續為圖層添加圖層樣式-斜面和浮雕(設置參數如圖所示)

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 5

使用橢圓工具繪製正圓,並複製圖層

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 6

為橢圓 1 拷貝添加圖層樣式-投影(設置參數如圖所示)

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 7

為橢圓 1 添加圖層樣式-投影(設置參數如圖所示)

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 8

為橢圓 1 添加圖層樣式-內陰影(設置參數如圖所示)

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 9

使用多邊形工具繪製三角形(注意將邊的數量調整為 3)

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

步驟 10

為三角形添加圖層樣式-內陰影(設置參數如圖所示)

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

最後

如圖所示覆制三角形, 自由變換調整三角形 的方向,位置

業內icon圖標製作步驟流出,1分鐘學會UI擬物化圖標設計製作方法

希望大家回去多多練習,早日學以致用

深受業內人士推薦的

頂尖級設計教育機構


分享到:


相關文章: