切图软件 photoshop中的切图工具你真的用对了吗？

相比节目，剪图的门槛很低。只要有一些ps基础，摸索五分钟基本就能了解大概情况。

但就像所有其他技能一样，剪图也有很多技巧和经验，可以让你的剪图更有效率，更有目的性。

换句话说，你真的用对了吗？

图层状态—表示您当前正在操作的对象，某些对象只接受特殊类型的操作。

例如，文本图层不能进行填充和绘制等功能，图层组不能操作。总之，在修改涂层时，一定要注意当前的操作对象，否则容易造成误操作和操作失败

颜色索引模式—这是一个常见的错误。通过导出web格式图片生成的png将自动更改为索引模式。如果要继续修改，需要将索引模式改为RGB模式

操作层

如果设计者自己不裁剪地图，那么裁剪者需要从图层上了解设计者的意图。如何分组，各层之间的关系已经实现了设计师对页面结构的个人理解。所以对于一个设计稿来说，第一步是大致看一下图层，了解设计意图，然后根据自己的理解对图层进行操作和变换。以下是一些关于图层操作的经验:

关闭图层可见性–关闭图层可见性是非常常见的，因为有些页面元素是相互缠绕的，通常需要先关闭其中一个元素来剪切一个部分，然后再剪切一个部分。

合并图层——设计师从第三方加载元素会使页面上一些小部件的图层结构变得极其复杂，所以用Ctrl+E来组合整个图层是一个很好的方法。

合并图层时需要注意的是合并后会出现图层效果，会带来修改不好的问题。所以合并后一般用Ctrl+Alt+Z恢复，另一方面在某些情况下还是很有用的，但是将图层的效果和空图层合并也会有栅格化图层的效果(文字图层也可以和空图层合并)。

复制层-有时一些精灵效果可以通过复制层直接列在手稿上，然后通过切片工具绘制出来

图层戳记-在某些图层极其复杂的页面上，有时需要使用图层戳记工具，选择最顶层的图层，然后单击Ctrl+Alt+Shift+E，以覆盖新图层上的所有后续图层。这种操作的优点是可以合并图层，而不会影响图层本身。

生成图片

1)图片格式-图片格式的原则是首选结构复杂、颜色多的jpg，首选颜色简单、要求透明的png。Png24在IE6下不兼容。

2)切片工具——切片工具是ps提供的强大的批量工具，用于切割图片，所以一定要尽量使用。在使用切片之前，使用上述方法对图层进行处理，然后根据需要绘制所需的切片区域。使用切片工具时有几个技巧:

切片选项-绘制分区后，进行一些切片设置非常重要。按住Alt键并单击切片工具下的切片将弹出以下窗口

首先，你可以检查切片的大小和位置，尤其是尺寸，比如你要切的按钮的宽度和高度，所以在这里检查和设置是非常重要的。其次，这里直接命名可以节省出出图后重命名的时间。

切片存储—存储切片时，您可以单击每个切片来设置不同的图片格式。保存时，您可以选择保存选定的切片，而不是全部切片。

3)全新图片——很多情况下，切片很难直接使用，图片需要进行两次处理。此时，我认为有以下几点需要注意:

千万不要重新处理jpg:即使jpg的质量是100%，也是有损格式，重新处理后的jpg质量肉眼可见，所以要用各种png作为中转。

注意图片大小:有些版本的ps拖到文档中会适应默认大小，这会导致图片大小在您不知情的情况下发生变化。解决方案可以是先创建一个大小正确的图片，或者将其作为源文档层拖到新文档中。

缩放:任何格式的图像缩放都会造成质量损失。尽量使用矢量图像缩放，或者在源文件路径中缩放拖动。

4)新图片处理——新图片处理有以下几个常用技巧:

图像裁剪和全部显示:当图片小于画布或大于画布时，使用裁剪和全部显示命令可以保证图片的准确性。命令位于图像(一)->:修剪/显示全部

主动选择、复制和粘贴:这三个命令可以一起使用来实现许多转换。例如，渐变按钮的缩短和扩展。

结束

本来想写一个10分钟的剪图入门教程，但是发现有点跑题，越来越详细。本文是我自己剪图的经验，剪图的技巧因人而异，需要你自己去发现和总结自己的技巧。另一方面，我觉得切图的重点可能不在于本身，而在于切工懂得切图，熟悉构建网页的原理，根据自己的需要裁剪出不同的效果。