在PS上為文字切片加上超鏈接方法
我們?cè)谧鼍W(wǎng)站或裝修店鋪的時(shí)候,往往要為文字加上超鏈接,這更多的運(yùn)用是給自制的導(dǎo)航條圖片文字加上鏈接網(wǎng)址,要做到這一切一般情況下是需要DW軟件的,而手頭上只有PS該怎么辦?下面我們就來談?wù)動(dòng)肞S怎樣為圖片文字加上鏈接。
方法/步驟
首先打開PS軟件,新建一個(gè)長(zhǎng)1024像素X50像素的導(dǎo)航條,再用著色按鈕涂上你喜歡的顏色,如圖所示:

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


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

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

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

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

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

保存好的“導(dǎo)航條”為兩個(gè)文件夾,一個(gè)是images文件,一個(gè)是html網(wǎng)頁(yè)文件。在裝修店鋪或網(wǎng)站時(shí),首先把images文件上傳到網(wǎng)站或店鋪的圖片庫(kù)中,然后打開html網(wǎng)頁(yè)文件,再在打開的網(wǎng)頁(yè)上右鍵單擊查看源代碼,復(fù)制<body和</body>之間的所有代碼,然后粘貼到你需要投放的自定義頁(yè)面中后,再回到文字編輯模式中修改一下相對(duì)應(yīng)的images圖片地址就是了。
注意事項(xiàng)
切片的時(shí)候要細(xì)心,盡量以大塊為好。
以上就是在PS上為文字切片加上超鏈接方法介紹,希望能對(duì)大家有所幫助!
相關(guān)文章
PS不能完成命令,因?yàn)闆]有足夠內(nèi)存(RAM)的解決方案
photoshop無疑是一款非常好用的圖像編輯軟件,對(duì)于電腦小白來說操作非常困難,比如提示“不能完成命令,因?yàn)闆]有足夠內(nèi)存(RAM)”要怎么辦呢?下面就來看看小編為大家提供2025-05-16
縱享絲滑的修圖體驗(yàn)! 10個(gè)Photoshop性能優(yōu)化小技巧
ps提供了豐富的自定義選項(xiàng),只要根據(jù)你的硬件配置和項(xiàng)目需求,合理調(diào)整內(nèi)存、緩存等核心參數(shù),只要幾個(gè)小步驟,小白用戶也能讓運(yùn)行效率加倍2025-04-24
psd文件用什么打開? 沒有Photoshop的情況下打開psd文件的四種方法
收到了psd文件,但是電腦沒有安裝ps,該怎么解決這個(gè)問題呢?下面我們就來看看這個(gè)問題的解決辦法2025-05-07
ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過程中,Photoshop總是會(huì)無緣無故地自動(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存儲(chǔ)和存儲(chǔ)為有什么區(qū)別? 理解存儲(chǔ)與存儲(chǔ)為的重要性
ps導(dǎo)出文件的時(shí)候,可以直接存儲(chǔ),也可以另存存儲(chǔ)為,這兩個(gè)操作有區(qū)別嗎?新手該怎么保存文件呢?詳細(xì)請(qǐng)看下文介紹2024-03-28
ps beta ai顯示高峰需求進(jìn)不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能,在使用過程中,有時(shí)會(huì)遇到一個(gè)令人煩惱的問題,那就是PhotoshopBetaAI提示我們正在面臨高峰需求,請(qǐng)稍候再試,針對(duì)這個(gè)問題,本文為大家整理2024-03-28
ps段落兩端對(duì)齊不能用怎么辦? ps文字排版不能對(duì)齊的修復(fù)技巧
PS進(jìn)行設(shè)計(jì)時(shí),段落兩端對(duì)齊是一個(gè)常用的排版功能,它能讓文本看起來更加整潔和專業(yè),然而,許多用戶在使用PS時(shí)可能會(huì)遇到一個(gè)令人頭疼的問題:段落兩端對(duì)齊功能似乎不起作2024-03-09







