两种快速切图方式

今天给你们分享一下我本身在前端工做中的一些切图小技巧，虽然好的UI会给咱们把图切好，可是他们切的图不必定百分之百符合咱们的需求，因此仍是本身动手丰衣足食嘛，看本教程以前但愿你们能先看看慕课网的切图教程 http://www.imooc.com/learn/506 哦。

这里给你们介绍我在实际工做中用的两种切图方法，一种是“图层切图”，这种切图方式比较适合切形状不规则的png格式的小图标，如企业logo等等，而另一种是“切片切图”，这种切图方式比较适合形状规则的jpg格式的大图。

一.图层切图：

1.打开你的Photoshop，点击选择工具，将右上角的自动选择勾上，选择为图层，为下图：  

 

2.用鼠标左击某一个图层，这里我选择了psd设计图中的企业logo新天杰股份。

 

3.ps帮咱们自动定位到了该图层所在的位置

 

4.而后右击图层12，将图层转换为智能对象，至于为何要转换为智能对象，你们能够参考这篇文章：http://www.jianshu.com/p/73bee622017f。

 

5.选择选框工具，将你要切的图层圈起来：

 

 

6.接着按ctrl+c复制，再按ctrl+n新建，注意背景颜色设置为透明：

 

 

7.点击肯定，再按ctrl+v粘贴，咱们就获得要切的图层了：

 

 

8.再按ctrl+shift+alt+s保存，记住背景图存为PNG24格式：

 

 

9.存储到咱们要存的文件夹下，就大功告成了，是否是很快，下面咱们介绍切片切图，和慕课网的大同小异。

二。切片切图：

1.拉辅助线，以下：

 

 

2.选择切片工具，将咱们要切的全部图片区域，用切片工具选中：

 

 

 

3.按住ctrl+alt+shift+s保存，保存的时候注意，保存为JPEG格式，选择为保存全部用户切片，这样子切出来的才是咱们想要的图片：

 

 

4.保存以后就完工了，切片切图的方法很方便，可是注意它只能切出形状规则的图片。

做者：筆莘 连接：http://www.jianshu.com/p/704a61080f82 來源：简书 著做权归做者全部。商业转载请联系做者得到受权，非商业转载请注明出处。