ps切片工具——不规则切片方法技巧教程

　　本文讲解的非常详细，ps切片工具怎么用?ps切片工具怎么保存?在文章里面有讲解到!不管有无基础只要仔细看都可以做到，这不规则的确实比较难弄一不小心就会出现分隔符，所以在做的时候一定要小心!

　　在去下载一些psd源文件的打开来观摩的时候一定要把 移动工具的自动选择哪个钩钩打上。

　　一、首先把你要的效果图做出来，我这里就直接截取了天猫茵蔓的一个“经典”模块为例。

　　二、用选择工具沿着图片规则间隙拉参考线。为了好的习惯最后还要放大图像查看参考线是否在间隙的中间位置。

　　三、选择切片工具，然后点击基于参考线的切片，PS就自动帮您沿参考线切片完成。

　　四、如下图，但是这时不是你所想要的效果怎么办?如上面的页头，是一整张图片，我想让他变成一张。

　　五、选择切片选择工具，然后按住键盘SHIFT上档键，把上面要组合的四个相邻切片选中，然后右击选择组合切片，即可合并成一个。

　　六、如下图，最上面的4个切片变为一个切片了，其它的也如此方法完成。

　　七、组合完成后的效果，当然这种不规则还是有规律可循的。太没有章法的就只求大概或者参考另一篇使用DW热区添加链接的方法。

　　八、然后按CTRL+ALT+SHIFT+S存储为WEB所有格式，然后按CTRL+-缩小整个画面用鼠标全部框选。

　　九、品质选择高或者直接输入60或68最好的是双数，还可以CTRL++放大观看清晰度，反正体积越小越清晰越好。(如果想让背景透明你得先把效果图的背景眼睛先关掉，再存储，然后选择PNG24才可以完全透明。)点击存储按钮。

　　十、注意：选择你保存的位置，如桌面，格式里的选择是HTML和图像，这里是必须的，然后保存。

　　十一、然后在桌面自动生成一个IMAGES文件，一个是HTML文件，这里如果懂DW的就可以用DW打开修改，但是如果不懂那就直接把后面的HTML改成TXT，然后双击打开。也可以直接在文件上右击选择用记事本打开。

　　提示：如果你电脑不显示扩展名，WIN7系统如下两个步骤搞定。

　　十二、用记事本打开代码右击全选择，然后右击复制。

　　十三、这时进入你的店铺首页装修后台，新建一个自定义然后点击-编辑。

　　十四、点击源码按钮，使其它图标变成灰色状态。然后右击把代码粘贴到自定义区域内，如下面两幅图片。

　　十五、然后拖动下拉滚动条，看到左侧有些不显示的图标，双击。这个就是我们要替换的图片。自己拉动对着你的效果图，哪个对应哪个图片。自己要心理有数。或者直接看文件名，如15步骤。

　　十六、双击不显示的图标弹出下面的对话框。上面就是要替换的图片地址，下面的就是图片的链接地址。

　　十七、然后回到淘宝相册空间，把images文件夹里的图片全部上传到淘宝空间。然后复制链接地址。

　　十八、复制图片地址粘贴进去，下面添加上链接地址，如果没有就留空也行，记得一定要是淘宝站内网址。

　　十九、然后再依次下拉滚动条找到其它要替换的图片双击替换。换好以后确定预览看效果，OK就可以发布了。

　　提示：此方法也可以用于京东商城店铺自定义装修，京东的直接双击图标可以上传本地图片，无需先上传图片空间。

     讲解的非常的详细，只要按着步骤来就算是小白也算可以完成的，不过就是如果对于html不太东西的后面导出的那个东西可能看不懂，不知道有什么用，这个就是需要自己去了解了解了！如果还是有不懂的可以联系我们的老师微信：jianghui869 一起来交流！

小编推荐阅读《淘宝店铺装修教程系列之切片使用步骤方法》

小编推荐阅读《一个切片，就能让一个宝贝图片有N个链接》

查看更多相似文章