今天給大家分享一個(gè)簡(jiǎn)單的UI圖標(biāo)繪制教程，

本教程適合零基礎(chǔ)小白，即使沒(méi)有軟件基礎(chǔ)的小白，也可以跟著教程一步步完成最終效果。

下面就是繪制步驟了，有AI軟件的小伙伴，可以跟著一起操作哦！

第一步：打開(kāi)AI軟件，新建文檔（教程使用的軟件版本為 Illustrator?CC2018）

新建文檔的尺寸可以提前設(shè)置好，也可以后面導(dǎo)出再做畫(huà)板設(shè)置。

第二步：畫(huà)一個(gè)矩形

在矩形工具組中，選擇圓角矩形工具，繪制一個(gè)長(zhǎng)方形

第三步：把給矩形圓角拉到最大，如圖所示：

第四步：在矩形工具組找到橢圓工具，繪制一個(gè)正圓，如圖所示：

第五步：將畫(huà)好的矩形與圓形合并，如圖所示

合并方法：選中矩形與圓形，打開(kāi)“窗口”菜單欄的“路徑查找器”，點(diǎn)擊形狀模式第一個(gè)按鈕，合并。

第六步：再用橢圓工具畫(huà)一個(gè)小圓

第七步：用圓角矩形工具畫(huà)一個(gè)正的矩形，并且給矩形做一定的圓角，角度并固定

第八步：用漸變工具給矩形上色

漸變工具選擇顏色時(shí)，默認(rèn)是灰度的，一定要更改，選擇RGB模式。

第九步：選擇好兩個(gè)顏色，類(lèi)型選擇“徑向”，并調(diào)整好大小，位置

第十步：原先繪制好的矩形與圓組合圖形，為免出錯(cuò)，復(fù)制一份，用吸管工具吸取大矩形的顏色，并調(diào)整好漸變位置，如圖所示。

第十一步：上好顏色的圖形，給增加描邊

第十二步：組合圖形在大矩形中對(duì)齊好位置，放置在矩形正中。

第十三步：給組合圖形加投影：打開(kāi)效果菜單欄，選擇“風(fēng)格化”“投影”

第十四步：注意投影參數(shù)，設(shè)置時(shí)可預(yù)覽后再確定

第十五步：完成效果，如果不喜歡矩形圖標(biāo)，也可以做圓形

最后，可以更改自己喜歡的顏色。

今天的教程就到這里啦！感謝大家的觀看！

學(xué)習(xí)更多內(nèi)容，請(qǐng)加微信好友。