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

用ps制作矢量箭頭點擊按鈕(9)

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

本教程學習如何用photoshop的鋼筆 圓角矩形和圖層樣式制作一個網(wǎng)站常見的箭頭狀點擊按鈕,先看效果圖。

新建文檔1280x1024像素,背景白色,建新層,先畫一個圓角矩形,再畫一個正圓,合并2個圖層。

添加圖層樣式。

效果如下。

同樣方法再制作一個小的白色形狀。

添加蒙版,用黑色柔角筆刷涂抹中間部分,圖層不透明度38%。

復制此層,去除蒙版,ctrl+T縮小一些,高斯模糊15像素,圖層不透明度68%。

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

添加圖層樣式。

效果如下。

復制此層,清除圖層樣式,顏色改為白色,用鋼筆做一選區(qū),刪除。

圖層模式疊加,不透明度22%。

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

添加圖層樣式。

效果如下。

復制此層,縮小一些,關閉投影樣式,把描邊樣式尺寸改為8像素。

建新層,用鋼筆畫如下圖所示黑色箭頭。

添加和黑框內(nèi)的圓角矩形一樣圖層樣式,復制一個,效果如下。

建新層,調(diào)出形狀4副本2的選區(qū),填充白色,去掉選區(qū),用橢圓工具做如下選區(qū),刪除,圖層不透明度22%。

輸入文字,添加投影和漸變疊加樣式,參數(shù)不提供了,自己設置即可。

添加一個投影,最終效果如下。

學習 · 提示

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

關注大神微博加入>>

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