資源描述：
《教你用photoshop制作網(wǎng)頁(yè)按鈕圖標(biāo)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)教你用Photoshop制作網(wǎng)頁(yè)按鈕圖標(biāo)第一步新建一個(gè)文檔（Ctrl+N），命名為button，大小設(shè)置為640×480，其余選項(xiàng)留作默認(rèn)。第二步在圖層面板中新建一個(gè)圖層，選擇圓角矩形工具（U），半徑設(shè)置為80像素，畫出一個(gè)矩形。http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)第三步在圖層面板中雙擊”layer1″，打開圖層樣式對(duì)話框。勾選漸變疊加（GradientOverlay），在漸變疊加面板上點(diǎn)擊
2、漸變色帶，分別選擇顏色#1a3a69和#2c62b2。http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)勾選描邊（Stroke），顏色#0b1b58，2個(gè)像素。http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)接下來，添加投影（DropShadow），混合模式正常，不透明度14%，角度90度，距離5個(gè)像素，大小2個(gè)像素。http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)
3、光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)最后得到的效果如下圖。這樣，通過添加圖層樣式，按鈕的基本效果已經(jīng)出來了。接下來我們開始添加鎖型圖案和文字。第四步http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)將上圖的鎖型圖片另存到你的電腦中，在Photoshop中打開，再拷貝粘貼到文檔中，放大圖片，選擇橡皮工具，狀態(tài)為方塊（Block），將部分像素擦除，把鎖上的鎖變成打開的鎖。選擇鎖子圖層，使用自由變換命令（Ctrl+T），同時(shí)按住Shift鍵，調(diào)整鎖子大小，直
4、到合適。調(diào)整圖片位置到按鈕的居中位置。在圖層面板中雙擊鎖子圖層，打開圖層樣式對(duì)話框，應(yīng)用如下圖層樣式：http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)使用文字工具（T），鍵出”BuyIt”文字，字體選擇”Arial”，加粗，顏色#E3F7FF，雙擊文字圖層，添加如下投影效果：最終效果如下圖：第五步添加價(jià)格標(biāo)簽。新建圖層，使用鋼筆工具畫一個(gè)標(biāo)簽
5、形狀。你可以同時(shí)按住shift鍵來確保路徑橫平豎直。之后使用直接選擇工具（A），配合上下左右方向箭頭將路徑形狀調(diào)整到合適。在路徑上點(diǎn)擊右鍵選擇填充路徑（FillPath），給路徑填充前景色，再選擇刪http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)除路徑（DeletePath）命令，將路徑刪除掉，這時(shí)候留在圖層上的就只有一個(gè)標(biāo)簽形狀了（如下圖）。選擇橢圓形選取工具（M），樣式選擇固定大小，寬度7個(gè)像素，高度7個(gè)像素，在標(biāo)簽上做一個(gè)圓形的選區(qū)。調(diào)
6、整選區(qū)的位置至標(biāo)簽的正中間，點(diǎn)擊刪除鍵（Delete），將圓形部分的像素刪除，這樣，標(biāo)簽上的孔洞就打好了。接下來給標(biāo)簽圖層應(yīng)用如下圖層樣式：http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)添加文字，顏色白色，字體”Arial”，加粗，12個(gè)像素大小，添加投影圖層樣式。http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)找家教，到陽(yáng)光
7、陽(yáng)光家教網(wǎng)全國(guó)最大家教平臺(tái)至此，整個(gè)的按鈕就制作完成了。http://www.ygjj.com家教網(wǎng)找家教上陽(yáng)光家教網(wǎng)
