在進行網(wǎng)站設計或店鋪裝修時，經(jīng)常需要給文字添加超鏈接。通常情況下，我們使用DW軟件來完成這個任務，但如果只有PS呢？接下來我們將討論如何使用PS為圖片文字添加鏈接。 第一步：創(chuàng)建導航條 首先打開P

在進行網(wǎng)站設計或店鋪裝修時，經(jīng)常需要給文字添加超鏈接。通常情況下，我們使用DW軟件來完成這個任務，但如果只有PS呢？接下來我們將討論如何使用PS為圖片文字添加鏈接。

第一步：創(chuàng)建導航條

首先打開PS軟件，新建一個寬度為1024像素、高度為50像素的導航條。然后用油漆桶工具涂上你喜歡的顏色，如圖所示。

第二步：美化導航條

進一步美化導航條。新建一個圖層，依次點擊：圖層 - 圖層樣式 - 斜面和浮雕。在彈出的對話框中調節(jié)滑塊，直到你滿意為止。然后點擊確定，如圖所示。

第三步：添加菜單文字

現(xiàn)在給導航條上輸入你想要的菜單文字。然后在工具欄中右鍵剪刀工具，并選擇切片工具。示例如圖：

第四步：切割文字

使用切片工具將你想要添加鏈接的文字進行切割。注意要完整切割，不要留下空隙，否則會給店鋪的裝修帶來麻煩。如圖所示。

第五步：編輯切片選項

右鍵點擊每一個文字對應的切片，然后在菜單中選擇“編輯切片選項”。如圖所示。

第六步：添加鏈接地址

在彈出的窗口中粘貼你準備好的鏈接地址，并在目標欄填寫“_blank”（表示在新窗口中打開鏈接）。如果不需要在新窗口中打開鏈接，則不需要填寫目標欄。如圖所示。

第七步：保存導航條

完成文字鏈接編輯后，進行保存。選擇“Web”格式保存。在彈出的存儲窗口中選擇“html和圖像”格式，然后點擊保存。如圖所示。

第八步：上傳圖片并添加代碼

保存的“導航條”包括一個images文件夾和一個html網(wǎng)頁文件。在裝修店鋪或網(wǎng)站時，首先將images文件夾上傳到圖片庫中。然后打開html網(wǎng)頁文件，并右鍵點擊網(wǎng)頁查看源代碼。復制和之間的所有代碼，然后粘貼到自定義頁面中。修改相應的images圖片地址即可。