UI設計教程 水滴UI圖標教程

製作擬物感水滴效果圖標，製作方法很簡單，設置好底座顏色后，添加上樹葉素材和畫上水滴即可完成。

先看看效果：

第一步：繪製圖標底座形狀，這裡給的是300*300，圓角度數為20。

第二步，給底座填充一個從深綠色到淺綠色的漸變。

第三步：使用圖層樣式頂部添加淺色，內陰影。

第四步：使用圖層樣式底部添加投影。

第五步：剪切蒙版放入一張合適的樹葉，混合模式給疊加，不透明度給70%。

第六步：畫幾個亮黃色的圓，屬性給較大一點的羽化，剪切入底座，打造光斑效果。

最後兩步，也是比較重要的步驟：

第七步：用橢圓繪製出水滴的形狀。分別給內發光，徑向漸變，投影打造水滴效果。

第8步：和上一步用相似的方法，繪製出水滴上的光感效果，透明度給20%。

各圖層參考用：

全教程完!