ps如何自动切图

Photoshop是设计师必备的武器,它的功能也越来越强大,特别是从ps CC版开始。没错ps可以自动切图了,作为前端开发的你,还为要将很多图层切出成独立的图片而发愁吗?小编就来给小伙伴们分享ps CC版的自动切图功能

ps自动切图

  • 01

    第一步:打开Photoshop软件,打开需要切图的图片(.psd格式),将需要切成一个图片的多个图层放在一个组中,如图

  • 02

    第二步:选择【编辑】--【首选项】--【增效工具】,将在【生成器】下面的【启用生成器】勾选,然后点击【确定】。如图

  • 03

    第三步:选择【文件】--【生成】--【图像资源】,确认勾选了【图像资源】,如图

  • 04

    第四步:修改图层/组命名(如:【组1】-->【大礼包.png】),然后图层自动生成在当前 psd 文件所在目录下的“文件名-assets” 的文件夹下,切图成功,是不是简单又方便呀!

切图技巧

  • 01

    需要切成png格式的图片有以下几种: a.png(指图层名)--------->含alpha通道PNG-24(指输出图片) a.png8-------->PNG-8 a.png24------->PNG-24

  • 02

    切成jpg格式的图片有以下几种: a.jpg(指图层名)---------->质量80%(指输出图片) a.jpg1--------->质量10% a.jpg8--------->质量80% a.jpg10--------->质量100% a.jpg50%--------->质量50% a.jpg100%--------->质量100%

(0)

相关推荐

  • 如何使用PS自动切图

    Photoshop本身具有十分强大的功能,随着版本的不断升级,软件本身也增加了很多新的功能,如自动切图功能,给切图工作带来了许多的便利. 操作方法 01 首先进行一些初始化设置 a.编辑>首选项 ...

  • 自动切图神器Slicy使用介绍

    自动切图工具「Slicy」Mac OS版(Layer Cake),真正解放设计师的神器!为切图黯然销魂的设计师们必备利器 如何使用 Slicy 切图? 1. PS 图层依规则命名。 2. 把档案丢进 ...

  • cutterman怎么自动切图

    cutterman是小鱼赶脚灰常不错的智能自动切图插件,很不错,是一款在ps上的插件.下面小编就来介绍一下cutterman怎么自动切图. 操作方法 01 首先当然是你需要安装一个cutterman插 ...

  • 蓝湖教程:蓝湖自动切图功能该怎么用?

    蓝湖自动切图支持PS和Sketch,支持Mac和Windows一键自动生成,大大提高了设计师的工作效率,开发小哥用起来也更方便. 操作方法 01 1.Photoshop用户 第一步:通过蓝湖插件在PS ...

  • PS怎么快速切图将图片分割成好几个

    PS怎么快速切图是每个美工从业者必备的技能,学会这一招,可以让你在分割图片的时候节省不少的力气.例如我们对如图"大"字进行分割,方法如下: 操作方法 01 打开要分割的图片后,按c ...

  • ps切片工具切出来的图怎么保存(ps中怎么切图)

    喜欢用PS软件进行前端设计的朋友有福了,今天给大家分享一款超级好用的photoshop切图工具:Cutterman.Cutterman是一款photoshop切图插件,它能够自动将你需要的图层进行输出 ...

  • 怎么在ps里快速切图

    对于做设计的来说,有时候需要切很多图用来,前端催的紧.有没有什么办法能快速解决这一难题, 毕竟是些重复性的工作 ,没必要浪费太多时间在这些事情上面.现在只需要在ps里装个小插件就可以事半功倍. 操作方 ...

  • ps之常见问题:切图报错,没有用户切片

    在ps切图中我们经常会遇到一个报错提示: 无法完成此操作,没有用户切片.遇到这种情况我们该怎么做呢,很简单,一起来学习下吧. 操作方法 01 我在使用的过程中出现这种情况通常是因为先用了ps自带的切片 ...

  • 切图标记外挂神器ASSISTOR PS(上)

    @纪凡_Given:首先要告诉大家一个好消息,原本 $9.99 一个月 / $99.9 一年 的Assistor PS现已免费下载.对于学生用户全面免费,而其他用户在今年 6 月之后就不用再购买商业许 ...