PS切图

Mr.ZhaoAbout 2 min

PS 有很多的切图方式:图层切图、切片切图、PS 插件切图等

1. 图层切图

简单版步骤:

  1. 使用移动工具,点击需要的图片
  2. 查看右侧,找到图片对应的图层,右击图层 → 快速导出为 PNG

但是很多情况下, 我们需要合并图层再导出:

步骤:

  1. 选中需要的若干个图层:选择一个图层,再按住 shift 键,继续选第二个图层
  2. 然后选择图层菜单 → 合并图层 (ctrl+e)
  3. 查看右侧生成的新图层,在合并后的图层上,右击 → 快速导出为 PNG

2. 切片切图

步骤:

  1. 利用切片选中图片:利用切片工具手动划出
  2. 导出选中的图片:文件菜单 → 导出 → 存储为 web 设备所用格式 → 选择我们要的图片格式 → 存储

注意:保存的时候,要选“选中的切片”

3. 插件切图

3.1 介绍

Cutterman 是一款运行在 Photoshop 中的插件,能够自动将你需要的图层进行输出,以替代传统的手工 "导出 web 所用格式" 以及使用切片工具进行挨个切图的繁琐流程

它支持各种各样的图片尺寸、格式、形态输出,方便你在 PC、IOS、Android 等端上使用。它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手

3.2 安装

注意: cutterman 插件要求你的 ps 必须是完整版,不能是绿色版

查看 “窗口菜单”里面的“扩展功能”:

  1. 如果是扩展功能的是灰色的,表示就是绿色版的,需要重新安装 PS
  2. 如果是扩展功能右侧是可以使用的,表示就是完整版的,可以安装 cutterman 插件快速切图

官网: http://www.cutterman.cn/zh/cuttermanopen in new window

当 cutterman 安装完成后,重启 PS,会发现扩展功能里面多了一个 cutterman 工具

使用步骤:

  1. 选择需要的图层
  2. 选择 web 端
  3. 选择需要的图片格式
  4. 设置好存储路径
  5. 点击 “导出选中图层” 按钮