Photoshop打造矢量風(fēng)格的箭頭點擊按鈕

本教程主要教大家使用Photoshop打造矢量風(fēng)格的網(wǎng)頁箭頭按鈕，基本用到PS的鋼筆、圓角矩形和圖層樣式來完成，喜歡的朋友一起來學(xué)習(xí)吧

先看效果圖。

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

添加圖層樣式。

效果如下。

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

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

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

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

添加圖層樣式。

效果如下。

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

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

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

添加圖層樣式。

效果如下。

復(fù)制此層，縮小一些，關(guān)閉投影樣式，把描邊樣式尺寸改為8像素。

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

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

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

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

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