/ 切图

Photoshop CC 自动切图

前端开发人员经常需要将很多图层切出成独立的图片。有了自动切图功能,无需花更多时间来切图了。只需在图层名后添加相应格式后缀(如.png),即可自动输出所需格式的图片。

  • 保持菜单“编辑->首选项->增效工具”中的“生成器”为启用状态;
  • 依次点击菜单“文件->生成->图像资源”,确认该菜单项已被勾选;


    试着修改某个图层命名(如 iTunes.png),然后检查当前 psd 文件所在目录下的“文件名-assets” 的目录,打开此目录,发现 iTunes.png 已经自动生成在里面了。

    常用技巧:

    @2x Retina 图片的输出,在图层前添加 200% 即可,如 200% logo@2x.png ;