Photoshop 实时切图功能 Generate

大家好，我是笨笨，笨笨的笨，笨笨的笨，谢谢!!!
本文发表在【湖边的小屋遗址】 转载请注明出处

Generate web assets in Photoshop CC
貌似就是以前的 Ctrl + Shift + Alt + s 升级。并不只是操作上，感觉是要优化输出资源的工作流程。现在还不好说新方案一定屌。但起码在切图方面来说确实是大大地方便了。

简单的说就是新增了一个功能，以后不用苦逼切图了。
开关位置： File > Generate > Image Assets
把这个勾上后，通过对图层（组也行）按一定规则命名，PS就自动帮你实时出图了。

---

大概的命名规则

大概的命名规则如下：[尺寸] 文件名.扩展名[品质]
举例：
50% logo.jpg70%
表示：
尺寸：50% （尺寸与名称间有空格）
文件名：logo.jpg
JPG压缩质量：70%

你也可以用具体的尺寸如

300mm x 20cm Rounded_rectangle_3.png
20in x 50cm Rounded_rectangle_3.gif

png, jpg 格式的写法

.png (默认不写的话就是 png32)
.png32
.png24
.png8

jpg 就是设置图片质量，默认不写为 90%

要输出高中低不同质量怎么办？

100% logo.jpg, 50% logo.jpg, 25% logo.jpg
不错就是用逗号分开就行了。上面那些参数都可以加进来。
如果想分别放到对应的文件夹只要在文件名前加上目录就行了，如：
100% h/logo.jpg, 50% m/logo.jpg, 25% s/logo.jpg
这样就会分别把高中低质量和图片放到 h, m, s 三个文件夹里了。

什么图层太多，你懒癌晚期？

那就介绍个特殊图层 default

新建一个空图层，命名为 default 然后空一格，接着写命令，它就是会对所有的图层生效了。
比如上面我们把 logo 图层只写个名字不加参数 logo.jpg
然后在default 图层这样：
default 100% h/, 50% m/, 25% s/
看看怎么样？

什么你不想分文件夹，想放在一起用后缀区分？

试试这样：(我跟图里写的不一样，但道理相同)
default 100% -h, 50% -m, 25% -s

统一添加后缀

丢进文件夹

高中低质量图片加后缀区分

---

其实这个思路好像就有插件在用了。只是这次是官方加入了这个功能，但是总感觉有点打补丁的感觉不够王道。不过起码能解决点问题。其实我这里用的是精简版，所以并没有新手体验。

有了上面的介绍，再看下视频YOUKU点击观看 就算听不懂，看能也能懂怎么回事了。

想了解详情看原文吧:Generate image assets from layers