拯救切图仔之 PS 新功能

说明：某些功能需要在 Photoshop CC 2014 才能使用或者有所增强，以下操作均使用官方原版，版本号为 20140508.r.58。

一、复制 CSS

Photoshop CC 2014 可以复制图层或形状的图层样式为 CSS，但不支持智能对象与图层组的样式复制，需要时可转换为图层后再操作。

例如执行图中的操作后，粘贴的样式如下：

.Elipse_copy_2 {
  border-radius: 50%;
  background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(255,255,255,0) 100%);
  box-shadow: 0.5px 0.866px 1px 0px rgba(255, 255, 255, 0.059), inset 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.157);
  position: absolute;
  left: 889px;
  top: 1287px;
  width: 164px;
  height: 164px;
  z-index: 195;
}

使用场景：设计稿上大量使用扁平的带有图层样式的形状。

二、智能参考线

使用该功能请确定已经开始了智能参考线功能，如下图所示。

1.选中一个图层后，按住Alt的同时用鼠标进行移动，可以方便的查看当前位置与原始位置的距离，智能参考线同样不仅支持图层，也支持形状。

2.选中一个图层后，按住Ctrl的同时将鼠标移动到其它对象上面，可以方便获取这两者的距离，如果是将鼠标放在空形状上面，则获取当前对象与画布四边的距离。

3.在移动对象时，可以自动匹配邻近对象的距离，方便快速排版。

三、生成器

PS 新功能终极大招，打开一个 psd 文件后，需要手动开启一次生成图像资源，下次重新打开这个 PSD 文件无须第二次开启，操作如下图所示。

如果 PS 的版本是正确的，且使用的是官方版本，请确认是否已经在【首选项】中开启了【允许生成器】。

1.同一个资源生成一种格式

将图层或图层组命名成 xx.jpg，即可生成对应格式的图像。

2.同一个资源生成多种格式

如果想将同一个资源生成多种图像资源，以半角逗号分隔，例如：

icon-multi.jpg, icon-multi.png, icon-multi.gif

命名成功后即可对应生成三种图片格式。

3.将资源生成到子文件夹

通过添加 [subfolder]/ 前缀可以将资源生成到指定子文件夹，例如：

icon/icon-flatui.png

4.生成特定质量和尺寸

.jpg 默认保存成 90% 的质量
.png 默认保存成 32 位
.gif 默认保存成 alpha 透明模式

4-1.jpg 格式参数

可以通过使用后缀的方式来指定 jpg 保存的质量，支持两种格式，一种是（1-10），一种是（1-100%），例如：

icon-flatui.jpg5
icon-flatui.jpg50%

可以通过使用前缀方式来指定图片尺寸，支持的单位有（%, px, in,cm 和 mm）,px 可忽略不写，前缀与资源名称必须使用空格隔开，例如：

200% icon-flatui.jpg
300 x 200 icon-flatui.jpg
10in x 200mm icon-flatui.jpg

4-2.png 格式参数

可以通过使用后缀的方式来指定 png 位数（8, 24, 32），例如：

icon-flatui.png24

png 更改尺寸的格式与 jpg 一样。

4-3.gif 格式参数

gif 不能更改质量，更改尺寸的格式与 jpg 一样。

5.修改默认配置

在 psd 文件中建立一个空图层（建议放到最顶层），并以 default 关键词开头，例如：

将所有图片资源默认保存到 res 这个子文件夹中

default res/

为所有图片的名称添加 @2x 后缀

default res/@2x

将所有图片缩小 50%

default 50% res/

注：

1.以上三种配置方式可以混合使用，使用“ + ”连接，加号前后均有空格

2.默认配置可被单独的设置改写

综合使用，例如：

default xhdpi/ + 75% hdpi/ + 50% mdpi/

默认配置设置完成后，以后所有的图片资源都会生成三种尺寸并保存到各自文件夹。

其它注意事项与个人发现的小 Bug

注：

1.支持图层或图层组

2.支持生成 .jpg, .png, .gif 三种图像格式

3.图像名称不能使用 * 以及特殊字符

4.命名不能重复，且在 PS 开启之间，当一个图层已经被命名为 xx.jpg，即使将这个图层改成 yy.jpg，别的图层也不能使用 xx.jpg 这个名称

5.开启该功能会在 psd 同目录下生成一个 psdname-assets 的文件夹用来存放生成的资源

6.开启自动生成图像资源后即可实时生成对应的图像资源