PhotoShop切片工具的使用技巧详述
我要评论切图的目的就是把设计图转化成网页代码，不用理解代码的含义也可以操作，所以独立一篇来讲。早年间我学切图的时候，网上就没看到过什么教程的，只能靠自己摸索学习，挺简单的东西还是绕了点弯子。这次写出来应该会帮助其他人学会切图的。
1、我们要用到的切图工具有两个，一个是切片工具，另一个是切片选择工具。左边有个小按钮，你按住它这三个选项就会显示出来。
2、这是我等下用做示范的图片。
3、在切图之前有一点需要说明的是，如果你需要辅助切图，你可以先添加参考线。在PS上方的菜单栏，你可以在视图里找到新建参考线选项。如上图，我已经添加两条参考线，因为参考线在鼠标靠近的时候有吸附功能，所以切图不容易切错位置。
4、好了现在我们开始切图，我用切图工具先裁一个框出来，我们可以看到图片上已经有01的框，但是右边02显示为灰色。
5、我继续用切图工具裁第二个框，记住01和02的框一定要贴合，否则会出现一个03的框。如果你这次切图位置没切对，可能给后面带来麻烦的是换图片会比较麻烦。这个时候切图的框是可以移动的，你可以把鼠标放在边框上试着移动下，看下效果。你只能移动02，不能移动01。
6、当我发现切图的位置出现错误，开始调整，刚才我把02位置往右挪好，它从02变成了03。
7、然后我用切图选择工具选择01，这样我就能把01的位置调整正确了。
8、切好图之后就到最重要的步骤了，如下图所示，选择文件下面的存储为WEB和设备所用格式，最好能记住快捷键。
9、图片格式为JPEG，它就是JPG，一样的。关键是品质的设定，我们都知道如果一张图片越大它在网上打开的速度就越慢，当我们把图片的品质设的越小，它的大小就越小，但是如果品质太差，图片会变模糊，所以一般情况下如果是网上使用的图片，品质可以设置60，既保证图片较小也不会模糊。这个数值由你自己设置，是大是小，具体看你的要求，试试就知道了。这里有个问题是你只是对其中一个切片设置品质，其他切片又要重新设置，所以存的时候最好检查一下。
10、前面设置好后点击存储会显示以上界面。格式选项选择HTML和图像，默认是图像的，这样我们就能得到网页代码了。
11、存好后得到一个图片文件夹和一个网页，你看到的网页图标可能跟我这个不一样，这个没有关系，因为我们的浏览器不一样。
12、用DreamWeaver软件打开这个网页看到如上界面，如果不懂DreamWeaver的设置，请参考我前篇 做淘宝的也该懂点代码 那里有讲到一点DreamWeaver的使用技巧。我们需要的就是大红框中《table … 《/table》这段代码，待会拷贝到淘宝页面里去的。拷贝之前要先把图片地址换一下，先把刚才那个images文件夹里的图片上传到淘宝图片空间里去，再复制图片的网络地址替换上图小红框里的那个地址。替换的原因是，PS存的图片地址是你电脑上的，在网络上无法使用，只有你把图片上传到网上别人才会看的到。
相关推荐:
相关文章
PS怎么矩形选框工具怎么抠图并复制？想将一个普通的鸡蛋变成一个双黄鸡蛋，该怎么办呢？我们可以使用矩形选框工具克隆鸡蛋黄，需要的朋友可以参考下2017-03-09
有时需要每一张图片上的某种颜色时，可以用吸管工具吸取出那种颜色~那么ps的吸管工具怎么吸取颜色?下面小编就为大家详细介绍一下，不会的朋友可以参考本文，来看看吧2017-03-07
这篇教程是向脚本之家的朋友分享PS利用多边形工具制作个性标识牌方法，教程主要是利用多边形工具来实现的，方法很简单的，推荐到脚本之家，一起来学习吧2017-02-22
这篇教程是向脚本之家的朋友分享PS利用填充工具和浮雕效果制作立体烫金字方法，教程制作出来的字体非常漂亮，难度不是很大，值得大家学习，推荐到脚本之家，喜欢的朋友可以2017-02-14
ps的强大在于它能引入大量的功能插件是设计变化无端，绚丽多姿——画笔工具是PS的一大特色，能够让我们的设计更加美观。那么，Photoshop如何为画笔工具添加新的笔刷呢?下面2017-02-13
这篇教程是向脚本之家的朋友分享ps利用渐变工具制作好看的图像方法，教程比较基础，制作出来的图像非常漂亮，适合新手来学习，推荐到脚本之家，来看看吧2017-02-13
今天小编教大家使用PS快速选择及背景橡皮擦工具抠出背景简单的人物，教程效果很美，喜欢的朋友可以一起来学习2017-02-13
这篇教程是向脚本之家的朋友分享利用CDR、PS、AI三种工具制作立体文字方法，教程主要是向大家介绍几种方法，推荐到脚本之家，感兴趣的朋友可以参考本文，来看看吧2017-02-12
这篇教程是向脚本之家的朋友分享PS如何使用箭头工具画箭头方法，教程很不错的，主要是向大家介绍箭头工具的使用方法，操作很简单的，一起来学习吧2017-02-12
这篇教程主要是向脚本之家的朋友分享PS形状工具绘制一个笑脸方法，教程比较基础，主要是利用形状工具来完成的，感兴趣的朋友可以参考本文2017-02-10
最新评论