用ps制作矢量箭頭點(diǎn)擊按鈕(9)
本教程學(xué)習(xí)如何用photoshop的鋼筆 圓角矩形和圖層樣式制作一個(gè)網(wǎng)站常見的箭頭狀點(diǎn)擊按鈕,先看效果圖。
新建文檔1280x1024像素,背景白色,建新層,先畫一個(gè)圓角矩形,再畫一個(gè)正圓,合并2個(gè)圖層。
添加圖層樣式。
效果如下。
同樣方法再制作一個(gè)小的白色形狀。
添加蒙版,用黑色柔角筆刷涂抹中間部分,圖層不透明度38%。
復(fù)制此層,去除蒙版,ctrl+T縮小一些,高斯模糊15像素,圖層不透明度68%。
建新層,畫一個(gè)黑色圓角矩形。
添加圖層樣式。
效果如下。
復(fù)制此層,清除圖層樣式,顏色改為白色,用鋼筆做一選區(qū),刪除。
圖層模式疊加,不透明度22%。
建新層,畫一個(gè)小的黑色正圓。
添加圖層樣式。
效果如下。
復(fù)制此層,縮小一些,關(guān)閉投影樣式,把描邊樣式尺寸改為8像素。
建新層,用鋼筆畫如下圖所示黑色箭頭。
添加和黑框內(nèi)的圓角矩形一樣圖層樣式,復(fù)制一個(gè),效果如下。
建新層,調(diào)出形狀4副本2的選區(qū),填充白色,去掉選區(qū),用橢圓工具做如下選區(qū),刪除,圖層不透明度22%。
輸入文字,添加投影和漸變疊加樣式,參數(shù)不提供了,自己設(shè)置即可。
添加一個(gè)投影,最終效果如下。
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計(jì)不銹鋼主題的圖標(biāo)按鈕
- 圖標(biāo)制作,用PS制作一個(gè)簡單逼真的環(huán)形播放按鈕圖標(biāo)
- 播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程
- 按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕
- 暫停按鈕,設(shè)計(jì)金色暫停按鈕教程
推薦教程
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 用ps制作高光橘色RSS按鈕
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- photoshop制作網(wǎng)頁用水晶按鈕
- ps網(wǎng)頁開關(guān)按鈕
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 塑料按鈕的制作方法