當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

用ps制作谷歌風格加號圖標(4)

來源:一起ps吧 作者:. 學習:1155人次

本ps教程學習如何用ps的自定義形狀工具和圖層樣式制作漂漂的谷歌加號圖標,先看效果圖。

谷歌 ps教程 加號圖標

新建文檔1000x1000像素,背景白色,新建圖層,畫一半徑50像素的黑色圓角矩形。

谷歌 ps教程 加號圖標

復制此層,大小位置如下,為了醒目我把顏色改為白色。

谷歌 ps教程 加號圖標

添加描邊樣式。

谷歌 ps教程 加號圖標

填充歸零,效果如下。

谷歌 ps教程 加號圖標

新建圖層,用矩形工具加法模式畫出十字。

谷歌 ps教程 加號圖標

添加圖層樣式。

谷歌 ps教程 加號圖標

谷歌 ps教程 加號圖標

效果如下,我們得到了十字邊框。

谷歌 ps教程 加號圖標

同樣方法新建圖層畫一小的白色十字。

谷歌 ps教程 加號圖標

添加圖層樣式。

谷歌 ps教程 加號圖標

谷歌 ps教程 加號圖標

效果如下。

谷歌 ps教程 加號圖標

新建圖層,在下圖位置畫一矩形,顏色無所謂。

谷歌 ps教程 加號圖標

調(diào)出第一步畫的圓角矩形選區(qū),添加蒙版,效果如下。

谷歌 ps教程 加號圖標

添加圖層樣式。

谷歌 ps教程 加號圖標

谷歌 ps教程 加號圖標

谷歌 ps教程 加號圖標

效果如下。

谷歌 ps教程 加號圖標

同樣方法制作其它形狀,改變圖層樣式的顏色即可。

谷歌 ps教程 加號圖標

新建圖層,在下圖位置畫一白色矩形。

谷歌 ps教程 加號圖標

添加圖層樣式。

谷歌 ps教程 加號圖標

填充歸零,不透明度80%,效果如下。

谷歌 ps教程 加號圖標

再添加個陰影,最終效果如下,本ps教程結(jié)束。

谷歌 ps教程 加號圖標

學習 · 提示

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

關注大神微博加入>>

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