當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

用ps制作綠色購物車按鈕(8)

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

本教程學習如何用photoshop的圓角矩形工具和圖層樣式打造綠色購物車圖標,先看效果圖。

新建文檔930x580像素,背景白色,建新層,用自定義形狀工具畫一個圓角矩形和一個正圓,顏色黑色。

添加圖層樣式。

效果如下。

建新層,再畫出下圖所示圖形,顏色白色,添加蒙版,黑白直線漸變。

效果如下。

建新層,畫一黑色圓角矩形。

添加圖層樣式。

建新層,調出這個圓角矩形的選區(qū),填充白色,用鋼筆做如下選區(qū),反選刪除,添加蒙版,黑白直線漸變,圖層模式疊加,不透明度70%,

輸入白色文字shopping cart,英文購物車的意思,添加投影和漸變疊加樣式,這里不截圖了,大家自己設置,相信大家的智慧。

建新層,畫一個小些的正圓,添加的樣式同第一步。

建新層,畫一個黑色正圓。

添加圖層樣式。

效果如下。

建新層,用橢圓工具畫一個正圓,然后把選區(qū)右上方向挪幾像素,刪除,圖層模式疊加。

建新層,畫一白色橢圓,添加蒙版黑白直線漸變,不透明度77%。

建新層,用白色柔角筆刷點一下,圖層模式疊加。

建新層,畫一個白色長方形,復制4個,ctrl+T變形。

高斯模糊0.6像素。

建新層,加入購物車圖標,添加投影(設置不截圖了)

添加一些陰影,最終效果如下。

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!