在Photoshop中制作網(wǎng)頁按鈕，一般可以按如此步驟進(jìn)行操作。

【操作步驟】

第1步，在網(wǎng)頁設(shè)計(jì)時(shí)，可用Photoshop中繪制出按鈕形狀，如矩形、圓形、橢圓或多邊形。繪制按鈕形狀，可以使用Photoshop提供的形狀工具；如果是繪制不規(guī)則的形狀，則可使用【鋼筆工具】、【刷子工具】和【鉛筆工具】，再用【自由變形工具】和【更改區(qū)域形狀工具】進(jìn)行調(diào)整。

第2步，利用【圖層樣式】對(duì)話框?qū)Π粹o對(duì)象進(jìn)行處理。例如，給按鈕填充漸變顏色，或者填入一些底紋效果等。

第3步，給按鈕添加立體效果，使其一看就是一個(gè)按鈕，此時(shí)可以使用【樣式】面板為按鈕添加一些樣式效果，使按鈕具有立體感。當(dāng)然也可以使用其他效果。

第4步，進(jìn)行按鈕形狀的編輯，最后給按鈕命名。這樣就完成了網(wǎng)頁按鈕的制作。懸停按鈕是一組按鈕的組合，它在網(wǎng)頁中有多種顯示狀態(tài)。在Photoshop中制作懸停按鈕的操作步驟如下。

【操作步驟】

第1步，新建文檔，在【圖層】面板中新建圖層1，使用圖形工具繪制一個(gè)圓角矩形，填充顏色指定。

第2步，選擇【窗口】|【樣式】命令，打開【樣式】面板，從中選擇一款樣式，單擊為當(dāng)前背景圖層進(jìn)行應(yīng)用，也可以自己利用【圖層樣式】對(duì)話框自定義設(shè)計(jì)。

第3步，重命名“圖層1”為“正?！保缓蟀碈trl+J快捷鍵復(fù)制該圖層，命名為“移過”。為該圖層應(yīng)用“投影”效果，設(shè)置保持默認(rèn)值即可，設(shè)置【不透明度】為50%，降低陰影度。

第4步，復(fù)制“移過”圖層，并命名為“按下”，雙擊圖層縮略圖，在打開的【圖層樣式】對(duì)話框中修改浮雕設(shè)置參數(shù)，完成鼠標(biāo)按下時(shí)按鈕的效果。

用戶還可以設(shè)計(jì)更多的變化。例如，可以將鼠標(biāo)指針移過狀態(tài)設(shè)成一個(gè)文字發(fā)光效果。這樣當(dāng)鼠標(biāo)指針移到按鈕上時(shí)，就會(huì)出現(xiàn)文字發(fā)光的效果。總之，只要能夠制作出懸停按鈕的3種狀態(tài)，懸停按鈕就算制作成功了，即使只是一個(gè)簡(jiǎn)單的顏色變換或是位置的移動(dòng)也可以。

第5步，完成3種不同狀態(tài)的背景樣式，最后使用【文本工具】輸入按鈕文本，選擇【圖像】|【裁切】命令，打開【裁切】對(duì)話框，裁切掉多余的區(qū)域。

第6步，隱藏“背景”圖層，僅顯示“正?！眻D層和“面對(duì)面”文字圖層，選擇【文件】|【存儲(chǔ)為Web所用格式】命令，在打開的【存儲(chǔ)為Web所用格式】對(duì)話框中單擊【存儲(chǔ)】按鈕即可。

第7步，以同樣的方式輸出鼠標(biāo)移過和鼠標(biāo)按下時(shí)的按鈕狀態(tài)圖，最后效果如圖所示。

制作背景圖像

如何才能快速地制作一張美觀的背景圖像呢？最快的方法就是使用Photoshop進(jìn)行操作，下面以如何編輯漸變背景圖像為例介紹背景圖像的制作方法。

【操作步驟】

第1步，啟動(dòng)Photoshop，新建一個(gè)高為600像素，寬為1像素的文檔。

第2步，在工具箱中選擇【漸變工具】，在工具選項(xiàng)欄中選擇填充類型為“線性”漸變。設(shè)置漸變顏色從白色到亮藍(lán)色（#00cbff）。

第3步，在編輯窗口中從上向下拖拉，應(yīng)用漸變填充。

第4步，將完成的漸變圖像最優(yōu)化，并輸出為GIF格式的文件，即可將此背景圖像應(yīng)用到網(wǎng)頁中。

注意：在網(wǎng)頁設(shè)計(jì)時(shí)，背景圖像的整體色調(diào)都不宜過深。應(yīng)選用淡色，以便突出前景文字的內(nèi)容。不得已使用深色背景時(shí)，前景內(nèi)容（如文字）就應(yīng)選用淡色調(diào)。