这里给大家介绍我在实际工作中用的两种切图方法,一种是“图层切图”,这种切图方式比较适合切形状不规则的png格式的小图标,如企业logo等等,而另外一种是“切片切图”,这种切图方式比较适合形状规则的jpg格式的大图。
一.图层切图:
1.打开你的Photoshop,点击选择工具,将右上角的自动选择勾上,选择为图层,为下图:
![](http://upload-images.jianshu.io/upload_images/4635701-c2fe1bf4a2b61354.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/219)
2.用鼠标左击某一个图层,这里我选择了psd设计图中的企业logo新天杰股份。
![](http://upload-images.jianshu.io/upload_images/4635701-64f0f95e6795c587.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)
3.ps帮我们自动定位到了该图层所在的位置
![](http://upload-images.jianshu.io/upload_images/4635701-bb604cfd088f29c3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/244)
4.然后右击图层12,将图层转换为智能对象,至于为什么要转换为智能对象,大家可以参考这篇文章:http://www.jianshu.com/p/73bee622017f。
![](http://upload-images.jianshu.io/upload_images/4635701-57f7ea4c71744546.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/218)
5.选择选框工具,将你要切的图层圈起来:
![](http://upload-images.jianshu.io/upload_images/4635701-e33dfc1dd403ae6b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/382)
6.接着按ctrl+c复制,再按ctrl+n新建,注意背景颜色设置为透明:
![](http://upload-images.jianshu.io/upload_images/4635701-f41e98240e462e66.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
7.点击确定,再按ctrl+v粘贴,我们就得到要切的图层了:
![](http://upload-images.jianshu.io/upload_images/4635701-6b157ad9b9abd44b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/308)
8.再按ctrl+shift+alt+s保存,记住背景图存为PNG24格式:
![](http://upload-images.jianshu.io/upload_images/4635701-937c4c2d72490361.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
9.存储到我们要存的文件夹下,就大功告成了,是不是很快,下面我们介绍切片切图,和慕课网的大同小异。
二。切片切图:
1.拉辅助线,如下:
![](http://upload-images.jianshu.io/upload_images/4635701-69a7849b14d70fb0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
2.选择切片工具,将我们要切的所有图片区域,用切片工具选中:
![](http://upload-images.jianshu.io/upload_images/4635701-789b8d3a05432538.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/224)
![](http://upload-images.jianshu.io/upload_images/4635701-3cc53da619a0881e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
3.按住ctrl+alt+shift+s保存,保存的时候注意,保存为JPEG格式,选择为保存所有用户切片,这样子切出来的才是我们想要的图片:
![](http://upload-images.jianshu.io/upload_images/4635701-05034e2619a18c05.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/409)
4.保存之后就完工了,切片切图的方法很方便,但是注意它只能切出形状规则的图片。
作者:筆莘
链接:https://www.jianshu.com/p/704a61080f82
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
作者:筆莘
链接:https://www.jianshu.com/p/704a61080f82
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。