合肥淘宝ps美工培训班讲解淘宝店铺装修切片知识

今天合肥淘宝ps美工培训机构的张老师讲解淘宝店铺装修切片知识。

一，算出参考线的位置

先看下淘宝规定的尺寸，中间是规定了950，那么两边就是（1290-950）÷2的结果，高是130。

二，基于参考线的切片

这是关键的一步，切换到切片工具后只要点击“基于参考线的切片”就可以切片了。不要拿刀去图片上划，那不能精确控制，而且切出来的片很杂乱。

三，存储为WEB所用格式

点击“文件——存储为WEB所用格式”，点击会弹出如下对话框。如果是图片就选JPEG， 动画就选GIF，其他参数就没必要动了。

Photoshop里面的切片工具有2大作用:

1.将文件尺寸比较大的图片切片成若干小图片，主要是应用于网页设计中。比如，我们在浏览网页时，都会遇到网速不够、或是图片迟迟不能读出的情况

因此，可以通过切片操作，将大图变小图，改善网页显示速度，给用户一个好的网页浏览体验。

2. 切片加超链接。JPG图片没有办法做链接跳转，需要做切片处理加超链接做跳转。

*，PS切片工具在哪里

Photoshop里面切片工具和裁剪工具位于同一个工具组。我们可以使用SHIFT+C来切换找到切片工具。

第二，ps切片工具怎么用

1.首先根据需要在photoshop里面完成内容制作一张所需要的图片，保存好以备用，例如我已经制作好了一张顶部图，在PS中打开。如图:

2. 选择工具箱中的“切片工具”，在工具选项栏的“样式”下拉列表中选择“正常”选项。在您想切片的地方开始占，然后往左拉或者往下拉，就出会现一个四形的区域块，这就是您要切片的范围，直到拉到您觉得合适地方为止，放开鼠标可创建一个用户切片，用户以外的部分将生成自动切片。

按照同样的操作，可以继续在继续下一个区域切片操作。如果你的文件有多个图层，想根据图层来自动切片，可以执行命令“图层——新建基于图层的切片”。又如果你文件有参考线，可以执行切片工具上面属性栏的“基于参考线的切片”。当选择了切片工具之后，在图像上单击右键，还可以选择“划分切片”命令，根据需要设定水平和垂直切为多少个小片。

第三，ps切片加链接

下面我们举例说明，比如我们希望鼠标单击“论坛”，随后就跳转到我们论坛的网址，如何实现呢？

1.鼠标右键单击“论坛”这个区域——选择“编辑切片选项”。

2.“切片选项”对话框中“URL”框里面输入我们希望超链接地址。“目标”框输入:

第四，ps切片怎么保存

通过上面的介绍，我们为切片操作完毕，保存时，执行“文件——存储为WEB和设备所用格式”，这是一种专门为网页制作人设置的格式。

打开“存储为web所用格式”，直接选择最下面的“存储”，设置保存路径和格式等信息。格式我们通常选择“HTML和图像”。

PS切片保存好之后，我们来一起看看如何应用。根据之前保存的路径，找到该文件夹，然后打开就能看到一张张图片，就是根据我们刚才切片的规格分开存放的。

Photoshop切片对于我们的淘宝卖家也是非常实用的，一定要学好了。切片好之后，就是进行淘宝自定义模块的制作。首先打开淘宝的图片空间，上

images文件夹里面的所有切片图片。 然后打开淘宝装修的自定义页面，点击源码模式，复制粘贴源码。

*还原正常自定义页面的编辑模式，更换自定义页面的图片链接，保存--预览-发布就好了。

以上内容是合肥淘宝ps美工培训机构的张老师讲解的淘宝店铺装修切片知识

【培训机构】: 合肥博荣电脑培训学校
咨询热线:0    张老师
咨询
地址:合肥市蜀山区，长江西路304号鑫鹏大厦10层（三里庵国购广场对面，苏宁电器楼上）
友情提醒:报名日期:周一至周日 9:30—21:00 节假日照常报名
学校网址: /