網(wǎng)頁(yè)設(shè)計(jì)做得吐了，一直想轉(zhuǎn)行從事UI設(shè)計(jì)，拿個(gè)圖標(biāo)練練手，覺(jué)得錘子瀏覽器UI看的舒服，就折騰了做了個(gè)，平常看了挺多教程，這次也分享下，有更好的方法，歡迎指教。
先來(lái)看一下效果：

第一步：用矩形工具畫(huà)個(gè)正圓。

第二步：設(shè)置圓的漸變樣式，數(shù)值如下：

第三步：設(shè)置圓的內(nèi)陰影

第四步：畫(huà)中間的圓。

第五步：畫(huà)中間小圓

第六步：中間圓加陰影

第七步：外圓環(huán)

第八步：關(guān)鍵的小圓

在漸變疊加圖層樣式中，直接鼠標(biāo)拖拉小圓的漸變，直到色彩過(guò)渡協(xié)調(diào)為止

最后加個(gè)大陰影，OK，完工！