《ps基础教程801712146》由会员分享，可在线阅读，更多相关《ps基础教程801712146（13页珍藏版）》请在金锄头文库上搜索。
1、【PS基础教程】手把手教你如何切片详细步骤 其实装修说难的就难，难的是我们只知道苦恼却不知道如何下手解决问题。说容易也容易，容易的是我们不断用心的学习各种教程及商友们的经验分享。今天群里商友说切片的问题，现在我不才在这里简单的分享一下，如有不妥之处还请大家指正。 -切片就是将一个图片切成几个小图，然后点击小图进去是另外的商品的一个工具。也可以作为图片美观的一种处理。1、找一张自己准备要切片的广告图，打开到PS软件编辑页面，随便找个图如下：下载 (21.76 KB)2011-2-14 02:322、选择切片工具，点击一下切片工具的按钮，然后点击后，鼠标样式变成了切片工具的图片，就像是钢笔头一样的
2、按钮，如下面的这个小标志：下载 (8.13 KB)2011-2-14 02:323、然后转移到要 编辑的图片上，右键点击图片出现的菜单选项里选择“划分切片”，之后出现的对话框中有水平切片和垂直切片，并且根据自己所要切片的数量来填写数字设置，如下图：下载 (41.38 KB)2011-2-14 02:32 注意这里，在我们进行设置水平划分和垂直划分的切片数量的同时，图片上也自动变化成了6个切片，也就是水平的两行，垂直的是3行。确定切片数量后点击确定继续回到编辑中。 切片的数量需要根据自己的宣传图来划分，比如我这个图片，这样切片显然是不行的，这样吧，我需要右边的两个切片换成1个，只显示商品图为一个
3、切片独立图，那么就得删除一个，如何删除呢？4、如何删除切片？ 如果直接右键删除的话就会所以切片全部都删除的，所以这里需要轻轻点击要删除的切片2下后，就出现了只选中了这一个切片，其他切片都不在选区。如下图所示：下载 (35.63 KB)2011-2-14 02:32大家都看到了吧，选中只有右下角的切片被选中了，然后点击在这个切片上，右键点击“删除切片”，删除后这个切片的左上角的数字编号就变成了灰色状态，也就是说现在只剩下5个切片了。如下图所示：下载 (36.2 KB)2011-2-14 02:32 接下来就是需要把第三个切片往下拉，让商品形成独立的一个大切片，将鼠标放到第三个切片下面的中心位置，
4、当鼠标箭头变为双箭头的时候，开始拉，一直拉到商品图下面。如下图所示：下载 (35.46 KB)2011-2-14 02:32 这里需要注意一下，我只拉到了图上文字的上面，这样如果保存后出现的还是6个切片，因为商品独立切片也就是编号3的切片下面的文字也是一个单独的切片，这样在于让客户点击的时候有种层次感，当然这也增加了工作的麻烦。完全取决于我们自己的想法。再增加一点难度，如果我们想把编号3的切片缩小一些，需要把该切片的左边靠字部分往右边拉点，这样客户点击就不会随便点击都是一个链接了。那我们就往右边拉一下编号3切片的左边框，同时同样的操作把中间的编号2和编号5的右边框往右拉一下，完成后如下图所示：
5、下载 (36.88 KB)2011-2-14 02:32 这样是不是就整齐了好多啊！ 下面插播一个分切片的操作步骤，比如在中间的编号5切片中再增加6个切片，操作和上述操作相同，选择编号5切片，右键选择“划分切片”，如下图所示：下载 (54.56 KB)2011-2-14 02:32图中红框框里面的就是由编号5切片分切片6个小切片的操作，这里只是多讲解一个操作步骤，我们就不加了，那就点击上面对话框的“取消”即可。5、接下来就可以保存切片了。如何保存呢，和保存图片方式有些区别。 点击左上角的“文件”后，出现的菜单中选择“存储为web所以格式”，之后出现了一个关于存储的页面，如下图所示：下载 (48
6、.22 KB)2011-2-14 02:32这个页面中，所有的切片仍然可以做修改操作，这里就不说了，直接保存了，点击右上角的“存储”，然后出现了保存的一个对话框，这里需要保存的位置，切片名称、以及要保存的格式。 那我们就保存的桌面的名称为“切片文件夹”的一个文件夹中吧，如下图所示：下载 (55.04 KB)2011-2-14 02:32文件名是切片的名字，方便查找，保存类型有三个选项，分别作出了编号，编号1:是HTML和图像，也就是我们要保存切片的格式，HTML是网页预览，也可在预览中复制切片图的全部代码，这样方便我们上传到店铺。编号2和编号3就是组成编号1的两个部分。 下面我们需要点击右边的
7、“保存”按钮“，就可以保存到电脑上了。保存后会出现一个这样的警示框，我们点击确定就行了，如下图所示：下载 (17.67 KB)2011-2-14 02:32确定后PS切片编辑区继续恢复了切片时候的状态。这样也就完成了切片的整个过程。6、下面来看看保存后的样子吧。打开刚才命名为”切片文件夹“的文件夹后，里面生成了2个这样的，如下图所示：下载 (9.58 KB)2011-2-14 02:32图中，右边的图是整个切片组合在一起的网页预览，左边名为images的文件夹里面就是切片图了，来看一下图示：下载 (35.45 KB)2011-2-14 02:327、下一步就是如何上传到店铺。 打开淘宝图片空间
8、，单独创建一个专门装切片的文件夹或子文件夹，方便我们查找或不要的时候方便删除。上传后，打开切片后名为HTML的网页预览，下载 (17.53 KB)2011-2-14 02:32打开后看到的就是和原图一模一样的图片了，只不过不同的是有多个切片组成的而已。现在我们进行下一步。8、复制切片源码（代码） 。 点击浏览器上方的”查看“，出现的菜单后点击”查看源文件“，然后就自动弹出了一个txt格式的文本文档。下载 (75.17 KB)2011-2-14 02:32复制这里面的所有代码，用Ctrl+A全选代码，再Ctrl+C复制代码，将代码复制到店铺自定义页面的源码编辑处，然后将图片空间的切片图片的链接替换掉代码里面切片的本地图片链接，（每一个切片都是有编号的，大家替换也很容易查找或替换），替换部分为下图中的蓝色区域：下载 (56.45 KB)2011-2-14 02:32全部替换成功后，点击自定义页面源码，后预览就是整个图片了，如果切片过多的话，在编辑器中看到的效果是很乱的，这里大家不要担心，只有发布后才正常显示。根据每个图片添加单个链接，这样的操作大家都会，我就不多讲了。 好了，关于切片及上传的问题全部介绍完毕，感谢大家耐心学习。祝大家的生意因装修的美丽而变得更加叮咚叮咚响不停！
