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

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