Photoshop打造矢量風格的箭頭點擊按鈕
本教程主要教大家使用Photoshop打造矢量風格的網(wǎng)頁箭頭按鈕,基本用到PS的鋼筆、圓角矩形和圖層樣式來完成,喜歡的朋友一起來學習吧
先看效果圖。
新建文檔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è)置即可。
添加一個投影,最終效果如下。
下一篇:用ps制作球形高光RSS訂閱按鈕