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

我們在做網(wǎng)站或裝修店鋪的時(shí)候,往往要為文字加上超鏈接,這更多的運(yùn)用是給自制的導(dǎo)航條圖片文字加上鏈接網(wǎng)址,要做到這一切一般情況下是需要DW軟件的,而手頭上只有PS該怎么辦?下面我們就來談?wù)動(dòng)肞S怎樣為圖片文字加上鏈接。
方法/步驟
首先打開PS軟件,新建一個(gè)長1024像素X50像素的導(dǎo)航條,再用著色按鈕涂上你喜歡的顏色,如圖所示:
然后,進(jìn)一步美化一下導(dǎo)航條。新建一個(gè)圖層,接著依次點(diǎn)擊:圖層——圖層樣式——斜面和浮雕。在彈出的對話框中慢慢調(diào)節(jié)移動(dòng)滑塊,直到你認(rèn)為比較滿意位置,點(diǎn)擊確定后,如圖所示:
現(xiàn)在給導(dǎo)航條上輸入你想要的菜單文字,然后在工具欄里右鍵剪截工具,再選擇切片工具。示例如圖:
接下來用切片工具把你準(zhǔn)備要加鏈接的文字進(jìn)行切割,注意要完整切割,不要留下空隙,否則零散的碎塊太多,會給店鋪的裝修中帶來沒必要的麻煩。如圖所示:
文字切割完成之后,再分別右鍵每一個(gè)文字對應(yīng)的切塊,在右鍵菜單里點(diǎn)擊“編輯切片選項(xiàng)”。如圖所示:
點(diǎn)擊“編輯切片選項(xiàng)”之后,在彈出的窗口中粘貼你準(zhǔn)備好的鏈接地址,再在目標(biāo)欄里填上“_banck”,此表示在新窗口中打開網(wǎng)頁,如果不需要就不填了。如圖所示:
文字鏈接編輯好后,就要進(jìn)行保存了。保存格式為“Web”格式。在彈出的存儲窗口中點(diǎn)擊“存儲”。指明路徑的時(shí)候選擇格式為“html和圖像”,然后點(diǎn)擊保存即可。如圖:
保存好的“導(dǎo)航條”為兩個(gè)文件夾,一個(gè)是images文件,一個(gè)是html網(wǎng)頁文件。在裝修店鋪或網(wǎng)站時(shí),首先把images文件上傳到網(wǎng)站或店鋪的圖片庫中,然后打開html網(wǎng)頁文件,再在打開的網(wǎng)頁上右鍵單擊查看源代碼,復(fù)制<body和</body>之間的所有代碼,然后粘貼到你需要投放的自定義頁面中后,再回到文字編輯模式中修改一下相對應(yīng)的images圖片地址就是了。
注意事項(xiàng)
切片的時(shí)候要細(xì)心,盡量以大塊為好。
以上就是在PS上為文字切片加上超鏈接方法介紹,希望能對大家有所幫助!
相關(guān)文章
psd文件用什么打開? 沒有Photoshop的情況下打開psd文件的四種方法
收到了psd文件,但是電腦沒有安裝ps,該怎么解決這個(gè)問題呢?下面我們就來看看這個(gè)問題的解決辦法2024-12-24ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過程中,Photoshop總是會無緣無故地自動(dòng)退出,這不僅打斷了工作流程,還可能導(dǎo)致未保存的更改丟失,令人頭疼不已,本文將深入剖析Photoshop自動(dòng)退出的原因,并提供相2024-07-04怎么優(yōu)化PSD文件? 有效防止Photoshop崩潰卡死的技巧奧
明就幾個(gè)圖層,并沒有引入什么大型圖片,但是 PSD 文件卻異常巨大,而且用起來經(jīng)??D?下面我們就來看看pds文件優(yōu)化方法2024-05-25- 將多個(gè)圖層合并為一個(gè)圖層,但作為設(shè)計(jì)師你需要了解一下合并圖層是有破壞性的,下面我們就來詳細(xì)介紹一下2024-05-25
- 通常是因?yàn)镻hotoshop使用的暫存盤空間不足,導(dǎo)致無法正常工作,那么,如何解決這一問題呢?本文將為您提供詳細(xì)的解決方案2024-05-25
PS存儲和存儲為有什么區(qū)別? 理解存儲與存儲為的重要性
ps導(dǎo)出文件的時(shí)候,可以直接存儲,也可以另存存儲為,這兩個(gè)操作有區(qū)別嗎?新手該怎么保存文件呢?詳細(xì)請看下文介紹2024-03-28ps beta ai顯示高峰需求進(jìn)不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能,在使用過程中,有時(shí)會遇到一個(gè)令人煩惱的問題,那就是PhotoshopBetaAI提示我們正在面臨高峰需求,請稍候再試,針對這個(gè)問題,本文為大家整理2024-03-28ps段落兩端對齊不能用怎么辦? ps文字排版不能對齊的修復(fù)技巧
PS進(jìn)行設(shè)計(jì)時(shí),段落兩端對齊是一個(gè)常用的排版功能,它能讓文本看起來更加整潔和專業(yè),然而,許多用戶在使用PS時(shí)可能會遇到一個(gè)令人頭疼的問題:段落兩端對齊功能似乎不起作2024-03-09ps插件安裝在哪個(gè)文件夾 ps插件安裝位置詳細(xì)介紹
PS插件是許多人常用的一種工具,有些用戶可能會困惑,不知道應(yīng)該將PS插件安裝到哪個(gè)文件夾,對于這個(gè)問題我們需要從多個(gè)角度進(jìn)行分析,以便給出一個(gè)準(zhǔn)確的答案2024-02-20ps打開出現(xiàn)dll文件丟失怎么辦 ps提示缺少dll文件的詳細(xì)修復(fù)方法
打開ps時(shí),系統(tǒng)提示缺少DLL文件,這通常意味著應(yīng)用程序無法找到它所依賴的DLL文件,可能是因?yàn)檫@些文件已經(jīng)被刪除、移動(dòng)或更改了名稱,下面我們就來分享幾種解決辦法2024-02-19