像我这类脸上都刻着图样图森破这五个字的学生，曾经最爱就是喊着要“征服”各类工具，Ps，我的溜吧，Ai更不用说了，看到某位大神说Id输出的设计稿好看，学！Ae是做动效必不可少，必须得学一个吧。又听说Sketch又快又好，出来什么是什么各种精准，不学out了吧。还有做原型的Axure，Origami，最近免费的Pixate，得靠这些吃饭，不得不熟练吧······然后就认真的大把大把的投入时间，磨练自己的技艺。

 首先我毫无鄙视这种做法的意思，我个人觉得这些绕不过的工具，该学的真的得在学校尽量抓紧时间学好。一个干设计的，如果让工具的使用成为自己工作的障碍，那是最不应该的事情，效率直接降低不说，心情还会瞬间变差（真的信我，就像屎拉不出来一样）。

但是到后来，一位师兄告诉我，原话忘了，大概的意思就是：你的workflow既然要用到那么多的工具，那么他们之间的连接也应该下点功夫去研究一下。期初真的还不以为然，认为这是简单且又不重要的事情，以后再来操心。但是后来的一些大的小的，练习或者项目慢慢地让我意识到师兄的话的含义，自己真是有点图样啊呵呵。

虽然可以称作是非常热爱设计，但是就不喜欢工作之后尚有空余时间能来杯咖啡，泡泡妹子，拍拍照，健健身，研究研究自己别的一些手艺什么的了吗？不，不是的，大家应该都是希望能够享受自己工作带来的乐趣，也能够享受生活带来的乐趣，这两件事其实是相辅相成的。

所以不应该只追求各个工具用得好，还应该追求当一起用的时候，也能保证用得很好。不为自己添乱，也不要为team里面的别人添乱。

闲话就扯到这里好了，今天整理一则自己的学习笔记分享给大家，是关于Photoshop CC 2014 v14.2.2的生成器的使用的。用这个新功能输出asset简直不要太便捷，再也不需要为输出不同尺寸的asset而大费周章，再也不要大量重复选格式选质量选路径保存这类重复性的操作了。尤其是！！！尤其是！！！尤其是！！！需要改改改的时候，简直就是workflow的润滑剂，一进一出，体验更加丝滑！！！

如果你想一起来看看这个功能是怎么玩的，那么请先去看看你的PS的版本是几。因为据我所知，你需要升级到v14.2.2，才能使用这个功能。

如果你在文件菜单下面能看到“生成”这个选项，那么恭喜你，以后请务必要用起来。

然之后要做的就是把图像资源tick上。

下面立马进入高潮部分！！我们先修改需要输出的图层的名字，例如我需要输出的是FAB这个Group，那么我就将FAB这个图层的名字改为FAB.png或FAB.jpg再或FAB.svg，神奇的事情就会发生在整个PSD存放的路径里！

图例内我将FAB这个 Group的名字由FAB改成了 FAB.png, FAB.jpg, FAB.svg，其结果是我一次性输出了这三张尺寸相同但是格式不一样的图片。各个格式命令之间要用一个逗号和一个空格隔开，记得别用中文输入法来键入你的逗号。

你还能够通过命令来控制图片输出的质量，也能选择PNG格式输出的位数。

PNG格式的位数选择，只需要写成 FAB.png8/24/32即可。

JPG图像输出质量的更改，只需要写成FAB.jpg1~10或1%~100%即可。

这里提醒一点，生成器的输出有覆盖机制，会自动删除旧版本图片，这点非常之方便，譬如你把整个FAB的颜色给改成了黄色，那么所有旧版本的蓝色FAB.png将会被全部删除替换成黄色的FAB，你想对该图层添加一个投影效果，那么该图层输出的全部png都会被加上这个效果。瞧见没有，当需要改改改的时候，生成器的优势能够得到最大程度的优化！！！

接下来说说如何缩放图片。

其实也是非常简单，秒懂水平。

（注：这篇文章所说的workflow指的是我个人做交互原型时的workflow，所以各位看到图片的尺寸大小会有点奇形怪状，这是我自行加上一些效果产生的结果，生成器是适合各种前端和移动开发的，请放心使用）

同样还是我们的FAB，由于这个PSD我是才用1080*1920的分辨率进行设计，一切dp转px应该乘以3，所以如果我想转到720*1280分辨率的设备上的话，命令应该这样写，66%FAB.png（@320是文件名部分，不是命令部分）。

那么我们就会得到这样的结果。

这张@320的图片尺寸变成了这样。

没有添加任何命令的@480这张则没有任何变化。你把它置入到Pixate里面并且以Nexus5作为model，它将正常显示（这还要你讲！！！）。感觉自己说的有点乱，其实缩放的命令就是在文件名前面加上1~100%，即可正常输出。

 最后来讲一讲进阶一点的default命令。

Default命令其实就是一个批量管理命令，我还是别说那么多话直接上图好了。

我们在最上面加上了一个空白图层，然后将名字命为default  66% @320/, @480/,那么我们得到的结果是↓

没错，default命令将所有在它下面的图层执行一次缩放命令并且放置到@320文件夹里面，然后不进缩放，将在其之下的图层又输出一次到@480文件之内。

当然啦，你也可以选择不放到文件夹里面去。（觉得这句话很无趣啊）

开发估计也会爱死这个功能的吧。

Btw一下的话想同动手能力强的同学说一说，如果你会node.js，那么你可以到Github上面找到这个插件的源码，你可以针对自己的需要来修改这个插件，说完了，反正我不会node.js。

好吧这则学习笔记就分享到这里好了，希望对大家的workflow有一点点小小的帮助。