Photoshop制作放大縮小網(wǎng)頁圖標(biāo)

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):6463人次


作者:佚名   出處:一起PS吧

本教程學(xué)習(xí)如何用photoshop的鋼筆、圓角矩形和圖層樣式制作放大縮小圖標(biāo),效果類似放大鏡,下面讓我們一起來學(xué)習(xí)

先看效果圖。

新建文檔1280x1024像素,背景白色,建新層,畫一正圓選區(qū),填充#c6c6c6。

復(fù)制一層,縮小一些,顏色改為黑色。

添加圖層樣式。

建新層,畫一正圓選區(qū),填充#9aa6af。

復(fù)制此層,添加圖層樣式。

效果如下。

調(diào)出此層選區(qū),建新層,填充白色,去掉選區(qū),用橢圓工具做如下選區(qū),添加蒙版。

圖層不透明度改為38%,建新層,畫2個(gè)圓角矩形,顏色#07387a,位置中心對(duì)齊。


 

放大鏡的表盤制作完成,下面制作手柄,建新層,用鋼筆畫下圖所示形狀,填充黑色。

添加圖層樣式。

同樣方法制作另一個(gè)金屬部分,效果如下。

建新層,用鋼筆畫出手柄形狀,填充黑色。

添加圖層樣式。

效果如下。

建新層,用鋼筆畫出高光區(qū)域,填充#a5a5a5。

添加一個(gè)陰影,效果如下。

同樣方法制作出縮小圖標(biāo),最終效果如下。




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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

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

網(wǎng)友求助,請(qǐng)回答!