在PS上為文字切片加上超鏈接方法

發(fā)布時(shí)間：2015-03-19 11:33:41 作者：佚名

這篇教程是向腳本之家的朋友介紹在PS上為文字切片加上超鏈接方法，教程很不錯(cuò)，也很簡(jiǎn)單，推薦到腳本之家，大家一起來(lái)學(xué)習(xí)吧

我們?cè)谧鼍W(wǎng)站或裝修店鋪的時(shí)候，往往要為文字加上超鏈接，這更多的運(yùn)用是給自制的導(dǎo)航條圖片文字加上鏈接網(wǎng)址，要做到這一切一般情況下是需要DW軟件的，而手頭上只有PS該怎么辦？下面我們就來(lái)談?wù)動(dòng)肞S怎樣為圖片文字加上鏈接。

方法/步驟

首先打開(kāi)PS軟件，新建一個(gè)長(zhǎng)1024像素X50像素的導(dǎo)航條，再用著色按鈕涂上你喜歡的顏色，如圖所示：

在PS上為文字切片加上超鏈接方法

然后，進(jìn)一步美化一下導(dǎo)航條。新建一個(gè)圖層，接著依次點(diǎn)擊：圖層——圖層樣式——斜面和浮雕。在彈出的對(duì)話框中慢慢調(diào)節(jié)移動(dòng)滑塊，直到你認(rèn)為比較滿意位置，點(diǎn)擊確定后，如圖所示：

在PS上為文字切片加上超鏈接方法

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

在PS上為文字切片加上超鏈接方法

接下來(lái)用切片工具把你準(zhǔn)備要加鏈接的文字進(jìn)行切割，注意要完整切割，不要留下空隙，否則零散的碎塊太多，會(huì)給店鋪的裝修中帶來(lái)沒(méi)必要的麻煩。如圖所示：

在PS上為文字切片加上超鏈接方法

文字切割完成之后，再分別右鍵每一個(gè)文字對(duì)應(yīng)的切塊，在右鍵菜單里點(diǎn)擊“編輯切片選項(xiàng)”。如圖所示：

在PS上為文字切片加上超鏈接方法

點(diǎn)擊“編輯切片選項(xiàng)”之后，在彈出的窗口中粘貼你準(zhǔn)備好的鏈接地址，再在目標(biāo)欄里填上“_banck”,此表示在新窗口中打開(kāi)網(wǎng)頁(yè)，如果不需要就不填了。如圖所示：

在PS上為文字切片加上超鏈接方法

文字鏈接編輯好后，就要進(jìn)行保存了。保存格式為“Web”格式。在彈出的存儲(chǔ)窗口中點(diǎn)擊“存儲(chǔ)”。指明路徑的時(shí)候選擇格式為“html和圖像”，然后點(diǎn)擊保存即可。如圖：

在PS上為文字切片加上超鏈接方法

保存好的“導(dǎo)航條”為兩個(gè)文件夾，一個(gè)是images文件，一個(gè)是html網(wǎng)頁(yè)文件。在裝修店鋪或網(wǎng)站時(shí)，首先把images文件上傳到網(wǎng)站或店鋪的圖片庫(kù)中，然后打開(kāi)html網(wǎng)頁(yè)文件，再在打開(kāi)的網(wǎng)頁(yè)上右鍵單擊查看源代碼，復(fù)制<body和</body>之間的所有代碼，然后粘貼到你需要投放的自定義頁(yè)面中后，再回到文字編輯模式中修改一下相對(duì)應(yīng)的images圖片地址就是了。

注意事項(xiàng)

切片的時(shí)候要細(xì)心，盡量以大塊為好。

以上就是在PS上為文字切片加上超鏈接方法介紹，希望能對(duì)大家有所幫助！