怎麼用ps cs5切片圖片給淘寶店招添加連結

今天和大家分享下,如何利用ps cs5給圖片添加連結,這個功能做淘寶店招的有可能會用到哦。

工具/原料

ps cs5

一張需要添加連結的圖片

方法/步驟

我直接從網上找了一張圖片,用ps cs5打開這張圖片,將需要添加連結的部分用切片工具切出來,首先選擇切片工具,然後在圖片上切出需要添加連結的圖片(後面簡稱切片),如圖。

滑鼠右鍵單擊左上角的第三個切片,選擇「編輯切片選項」,會彈出一個對話框設置如下:

1、URL(U):後面輸入你要連接的地址,我這裡連結到淘寶首頁。

2、信息文本:可以填上文字信息,這個信息會在你滑鼠移動到第三個切片上,狀態欄上顯示的文字, 當然,也可以選擇不填寫信息。

3、點擊確定。

點擊文件菜單,選擇存儲為Web和設備所用格式,在彈出的對話框中直接選擇存儲。

又會彈出一個對話框,選擇存儲的位置,文件名命名一定要是英文或拼音字母,不能是中文。格式選擇HTML和圖像。點擊保存。

打開存儲的位置,你會發現有兩個文件,一個命名為英文的網頁圖標,另一個是images的文件夾,這個文件夾里就是你所有的切片。

我們可以滑鼠右鍵單擊那個名為dianzhao的網頁圖標,點擊打開方式,選擇用internet explorer方式打開。

打開後,我們將滑鼠移到添加連結的圖片後,滑鼠就變成小手樣子了,可以直接點擊,進入淘寶首頁。

注意:滑鼠移到添加連結的圖標上,狀態欄顯示我們在ps中錄入的文字,如果在ps中錄入信息文本,狀態欄直接顯示連結地址。

方法/步驟2

接下來講怎麼將切片添加到淘寶店招中,我用了另一個圖片來實現。

首先,打開淘寶店鋪,點擊圖片空間→添加圖片→找到存儲好的切片images文件夾→將裡面的切片圖片都選上→點擊打開→點擊立即上傳→查看。

這時,找到ps切片時存儲好的html文件,右擊→打開方式→記事本→ ctrl+a → ctrl+c。

然後,打開店鋪裝修頁面,點擊店招位置右上角的編輯→選擇自定義招牌→切換到源碼編輯狀態(見圖中標誌的2)→ ctrl+v →將代碼文件粘貼進來→點擊保存。

這時我們發現,店招的圖片顯示不完整,我們再次點擊店招右上角的編輯。

這次不用切換到原始碼了,直接在本頁面編輯,我們發現裡面有兩個空白的框框(我之前之做了兩個切片,所以是兩個空白框框),我們點擊左邊第一個框框,會出現一行字,我們選擇編輯,在彈出的對話框,我們將上傳到淘寶空間的切片圖片連結地址粘貼進來,選擇確定,就ok了,怎麼粘貼看下個步驟。

打開淘寶圖片空間,找到之前上傳的切片圖片,我們發現,圖片下面就有一個連結,我們不要點擊這個連結,我們直接點擊相應切片圖片,進入到裡面的大圖,左上角有一個複製連結,我們點擊這個,提示複製連結成功,回到店招編輯頁面,將這個連結地址粘貼到圖片地址後面,點擊確定,我們發現,左邊的空白框框已經有圖片了,按照同樣的方法將右側的空白框框圖片地址替換,保存,就完成了。

我們點擊發布,就有效果了。

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場