学html需了解的基本切图

注：这里介绍的是在 PS(photoshop)上切的图

我们做html项目时，拿到的模板可能不是psd 格式的文档，只有png 或者jpg 文档时，但我们需要在上面切出自己要的图标，所以我们需要掌握基本的切图手法。（这里介绍的是用ps 切图）切片工具就不介绍了，主要是我们只想要该图标，而不把其他东西一起带出来，而切片工具是不能实现的。

　　1.使用魔棒工具：

 　　一般在切图时，魔棒工具是比较好用的切图方法，魔棒比较适合用在色差对比度比较大的条件下。(比如白和黑)

　　　　　　1.1 扣小图标时，比如几个小点 ，当扣的小图标与周围颜色差别较大时，使用魔棒，按住 shift 点击要扣的小图标，实现多选。

　　　　　　

　　　　　　1.2 ctrl+j 复制形成新图层，右键新图层，并转化为智能对象。点进去，就可得到小图标。

　　　　　　   

　　　　　　1.3 此时图标周围还有过度色，选择与小图标颜色想同的前景色，锁定图层，按alt+delete 填充图层。最后存储时存为png格式，jpg格式 会带上背景。

　　　　　　    

　　2.使用矩形选框工具

  当我们要切的图渐变色较多，并且魔棒工具不能选全图标时，使用矩形选框工具，方法与魔棒相同

　　2.1 按住 shift 点击要扣的小图标，实现多选

　　      

　　2.2 ctrl+j 复制形成新图层，右键新图层，并转化为智能对象。点进去，就可得到小图标。之后存储为png 格式。