怎么用ps cs5切片图片给淘宝店招添加链接【百科全说】

今天和大家分享下，如何利用ps cs5给图片添加链接，这个功能做淘宝店招的有可能会用到哦。

操作方法

01

我直接从网上找了一张图片，用ps cs5打开这张图片，将需要添加链接的部分用切片工具切出来，首先选择切片工具，然后在图片上切出需要添加链接的图片（后面简称切片），如图。
02

鼠标右键单击左上角的第三个切片，选择“编辑切片选项”，会弹出一个对话框设置如下： 1、URL(U)：后面输入你要连接的地址，我这里链接到淘宝首页。 2、信息文本：可以填上文字信息，这个信息会在你鼠标移动到第三个切片上，状态栏上显示的文字，当然，也可以选择不填写信息。 3、点击确定。
03

点击文件菜单，选择存储为Web和设备所用格式，在弹出的对话框中直接选择存储。
04

又会弹出一个对话框，选择存储的位置，文件名命名一定要是英文或拼音字母，不能是中文。格式选择HTML和图像。点击保存。
05

打开存储的位置，你会发现有两个文件，一个命名为英文的网页图标，另一个是images的文件夹，这个文件夹里就是你所有的切片。
06

我们可以鼠标右键单击那个名为dianzhao的网页图标，点击打开方式，选择用internet explorer方式打开。
07

打开后，我们将鼠标移到添加链接的图片后，鼠标就变成小手样子了，可以直接点击，进入淘宝首页。注意：鼠标移到添加链接的图标上，状态栏显示我们在ps中录入的文字，如果在ps中录入信息文本，状态栏直接显示链接地址。

方法/步骤2

01

接下来讲怎么将切片添加到淘宝店招中,我用了另一个图片来实现。首先,打开淘宝店铺,点击图片空间→添加图片→找到存储好的切片images文件夹→将里面的切片图片都选上→点击打开→点击立即上传→查看。
02

这时,找到ps切片时存储好的html文件,右击→打开方式→记事本→ ctrl+a → ctrl+c。
03

然后,打开店铺装修页面,点击店招位置右上角的编辑→选择自定义招牌→切换到源码编辑状态（见图中标志的2）→ ctrl+v →将代码文件粘贴进来→点击保存。
04

这时我们发现,店招的图片显示不完整,我们再次点击店招右上角的编辑。
05

这次不用切换到源代码了,直接在本页面编辑,我们发现里面有两个空白的框框（我之前之做了两个切片,所以是两个空白框框）,我们点击左边第一个框框,会出现一行字,我们选择编辑,在弹出的对话框,我们将上传到淘宝空间的切片图片链接地址粘贴进来,选择确定,就ok了,怎么粘贴看下个步骤。
06

打开淘宝图片空间,找到之前上传的切片图片,我们发现,图片下面就有一个链接,我们不要点击这个链接,我们直接点击相应切片图片,进入到里面的大图,左上角有一个复制链接,我们点击这个,提示复制链接成功,回到店招编辑页面,将这个链接地址粘贴到图片地址后面,点击确定,我们发现,左边的空白框框已经有图片了,按照同样的方法将右侧的空白框框图片地址替换,保存,就完成了。
07

我们点击发布,就有效果了。

怎么用ps cs5切片图片给淘宝店招添加链接

操作方法

方法/步骤2

相关推荐