Photoshop是设计师必备的武器,它的功能也越来越强大,特别是从ps CC版开始。没错ps可以自动切图了,作为前端开发的你,还为要将很多图层切出成独立的图片而发愁吗?小编就来给小伙伴们分享ps CC版的自动切图功能
工具/原料
Photoshop
ps自动切图
1、第一步:打开Photoshop软件,打开需要切图的图片(.psd格式),将需要切成一个图片的多个图层放在一个组中,如图
2、第二步:选择【编辑】--【首选项】--【增效工具】,将在【生成器】下面的【启用生成器】勾选,然后点击【确定】。如图
3、第三步:选择【文件】--【生成】--【图像资源】,确认勾选了【图像资源】,如图
4、第四步:修改图层/组命名(如:【组1】-->【大礼包.png】),然后图层自动生成在当前 psd 文件所在目录下的“文件名-assets” 的文件夹下,切图成功,是不是简单又方便呀!
切图技巧
1、需要切成png格式的图片有以下几种:a.png(指图层名)--------->含alpha通道PNG-24(指输出图片)a.png8------幻腾寂埒-->PNG-8a.png24------->PNG-24
2、切成jpg格式的图片有以下几种:a.jpg(指图殿秩痊肭层名)---------->质量80%(指输出图渔镭沃昏片)a.jpg1--------->质量10%a.jpg8--------->质量80%a.jpg10--------->质量100%a.jpg50%--------->质量50%a.jpg100%--------->质量100%