在網(wǎng)頁(yè)制作過(guò)程中，通過(guò)photoshop制作按鈕是幾乎都要接觸到的事情，如何能在短時(shí)間內(nèi)做出出色的效果，對(duì)于制作人員來(lái)說(shuō)是很關(guān)鍵的，下面小編就為大家介紹photoshop按鈕的制作過(guò)程及注意事項(xiàng)實(shí)例，教程很實(shí)用，有需要的朋友可以參考本文，來(lái)看看吧！

步驟

1、打開軟件 新建背景

打開photoshop軟件，新建一500px*500px以白色為背景色的圖片。

2、打開標(biāo)尺 尋找中心點(diǎn)

（1）按快捷鍵ctrl+r打開“標(biāo)尺”工具。

（2）鼠標(biāo)點(diǎn)擊標(biāo)尺并分別向下向右拖動(dòng)，遇到“絆”了一下的時(shí)候停下，這里就是中心點(diǎn)。

3、選框工具 制作按鈕底層選區(qū)

（1）新建圖層1，打開橢圓選框工具，以橫向中心線上的某一點(diǎn)為中心為圓心，按shift+alt畫出正圓。

（2）以同樣的快捷鍵，以另一點(diǎn)為中心畫出正圓。

（3）點(diǎn)選矩形選框工具，以小圓的直徑為矩形選框的高度鏈接大小倆圓。

4、漸變工具 底層選區(qū)添加顏色

（1）按alt+delete鍵給選區(qū)填充前景色。

（2）雙擊圖層1空余部分打開圖層樣式對(duì)話框，點(diǎn)選“漸變疊加”一欄，在對(duì)話框中設(shè)置漸變顏色、線性漸變。

（3）再次雙擊圖層1空余部分打開圖層樣式對(duì)話框，點(diǎn)選“描邊...”一欄，設(shè)置大小為1px，顏色為灰色。

5、縮小選區(qū) 復(fù)制上一圖層效果

（1）新建圖層2，點(diǎn)擊“選擇”、“修改”打開“縮小”對(duì)話框，設(shè)置縮小量為10px，然后以前景色進(jìn)行填充。

（2）右擊圖層1“效果”位置，點(diǎn)擊選擇“拷貝圖層樣式”后，右擊圖層2點(diǎn)擊選擇黏貼圖層樣式。

（3）雙擊圖層2空余部分打開圖層樣式對(duì)話框，點(diǎn)選“漸變疊加”一欄，設(shè)置方向?yàn)榉聪颉?/p>

6、圓角矩形工具制作上層選區(qū)

（1）打開圓角矩形工具，設(shè)置屬性為“路徑”后，以中心線為參考線畫出圓角矩形。

（2）打開路徑控制面板，將路徑轉(zhuǎn)化為選區(qū)，然后通過(guò)鍵盤的上下左右移動(dòng)鍵移動(dòng)選區(qū)，最后再按alt+delete鍵填充前景色。

7、添加漸變色 選擇對(duì)稱漸變方式操作

（1）點(diǎn)開漸變工具，在屬性欄中設(shè)置顏色，并將操作方式改為對(duì)稱漸變。

（2）在選區(qū)范圍內(nèi)，從選區(qū)中心線為起點(diǎn)按住shift鍵向下至選區(qū)底線添加漸變色。

8、橢圓選框工具 制作出大圓選區(qū)

（1）新建圖層4，點(diǎn)開橢圓選框工具，操作中按住shift鍵畫出大圓選區(qū)，再按alt+delete鍵填充前景色。

（2）點(diǎn)開漸變工具，設(shè)置好顏色后通過(guò)線性漸變的方式填充顏色。

（3）雙擊圖層4空余部分打開圖層樣式對(duì)話框，點(diǎn)擊“描邊...”后設(shè)置淺藍(lán)色描邊。

9、縮小選區(qū) 修改描邊

（1）新建圖層5，按照“選擇”、“修改”、“收縮”的順序打收縮選區(qū)對(duì)話框，設(shè)置縮小量為6px。

（2）點(diǎn)開漸變工具，使用和上一此漸變添加的顏色相同，通過(guò)線性漸變的方式填充顏色。

（3）雙擊圖層5空余部分打開圖層樣式對(duì)話框，點(diǎn)擊“描邊..."后，修改描邊大小為2個(gè)像素，顏色為淺黑色。

10、輸入文字

（1）新建圖層6，點(diǎn)開文字工具輸入文字并作相關(guān)修改。

（2）新建圖層7，點(diǎn)開文字工具輸入文字并作相關(guān)修改。

注意事項(xiàng)

1，選區(qū)必須要填充顏色后才能使用圖層樣式，否則不會(huì)有任何效果。

2，選區(qū)可以通過(guò)鍵盤的上下左右鍵移動(dòng)，路徑不可以。

以上就是photoshop按鈕的制作過(guò)程及注意事項(xiàng)實(shí)例解析，怎么樣，大家學(xué)會(huì)了嗎？不會(huì)的朋友按照上面步驟一步一步操作，希望大家能對(duì)大家有所幫助！

最新評(píng)論