水滴圖標(biāo)，水滴主題UI圖標(biāo)

來源：站酷 作者：三行樹 學(xué)習(xí)：8154人次
制作擬物感水滴效果圖標(biāo)，制作方法很簡單，設(shè)置好底座顏色后，添加上樹葉素材和畫上水滴即可完成。

先看看效果：

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>theoat.com.cn

第一步：繪制圖標(biāo)底座形狀，這里給的是300*300，圓角度數(shù)為20。

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn

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

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn

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

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn

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

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn

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

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn

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

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn

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

第七步：用橢圓繪制出水滴的形狀。分別給內(nèi)發(fā)光，徑向漸變，投影打造水滴效果。

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

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

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn

各圖層參考用：

水滴圖標(biāo)，水滴主題UI圖標(biāo)_theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
韋順才2016-12-19 04:53
念初。2016-09-05 01:55
安晚2016-08-19 05:35
照著做的，順便把水滴里面的莖葉放大了。把葉子向下剪切矩形里面，那個(gè)葉子看不見了，我用的是圖層蒙版。
conan486952016-08-18 11:38
感覺那個(gè)小光點(diǎn)弄不來，比較粗糙

關(guān)注大神微博加入>>

網(wǎng)友求助，請(qǐng)回答！