PS三种切图方法+Cutterman(安装教程、基本使用)

常见的图片格式

jpg图像格式

JPGE(.JPG)对色彩的信息保留较好,高清,颜色较多,我们产品类的图片经常用jpg格式

gif图像格式

GIF格式最多只能储存256色,所以常用来显示简单图形及字体,但是可以保存透明背景和动画效果,实际经常用于一些图片小动画效果。

png图像格式

PNG图像格式是一种新兴的网络图形格式,结合了GIF和JPGE的优点,具有存储形式丰富的特点,能够保存透明背景,如果想要切成透明的图片,请选择png格式。

PSD图像格式

PSD格式是Photoshop的专用格式,里面可以存放图层、通道、遮罩等多种设计稿,对我们前端人员来说,最大的优点,我们可以直接从上面复制文字,获得图片,还可以测量大小和距离。


PS切图方式

图层切图

最简单的切图方式:右击图层–>快速导出为PNG

PS三种切图方法+Cutterman(安装教程、基本使用)_第1张图片

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

  1. 选中需要的图层:菜单图层–>合并图层(ctrl+e)
  2. 右击–>快速导出为PNG

切片切图

  1. 利用切片选中图片

利用切片工具手动划出

PS三种切图方法+Cutterman(安装教程、基本使用)_第2张图片

  1. 导出选中的图片

文件菜单–>导出–>存储为web设备所用格式

PS三种切图方法+Cutterman(安装教程、基本使用)_第3张图片

–>选中所需的图片格式–>存储

注意存储时要选择选中的切片
PS三种切图方法+Cutterman(安装教程、基本使用)_第4张图片


PS插件切图

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

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

查看是否为完整版本:选择窗口菜单–>选择扩展功能–>能够选择使用则为完整版
PS三种切图方法+Cutterman(安装教程、基本使用)_第5张图片
Cutterman下载官网
进入官网下载:
PS三种切图方法+Cutterman(安装教程、基本使用)_第6张图片
PS三种切图方法+Cutterman(安装教程、基本使用)_第7张图片
安装完成后,重启PS,在扩展功能里就多了Cutterman插件
PS三种切图方法+Cutterman(安装教程、基本使用)_第8张图片
点击后弹出小框,显示要登录,返回官网注册
PS三种切图方法+Cutterman(安装教程、基本使用)_第9张图片

Cutterman使用技巧

可以选择图片的格式,下方输出可选择保存的路径
PS三种切图方法+Cutterman(安装教程、基本使用)_第10张图片
选择好图片格式和保存路径后,选中需要导出的图层,点击导出选中图层,图片即保存在选中的路径中PS三种切图方法+Cutterman(安装教程、基本使用)_第11张图片
当需要导出多个图层时,选中多个图层后不用再合并图层,只需勾选合并导出选中的图层,再点击导出选中图层即可
PS三种切图方法+Cutterman(安装教程、基本使用)_第12张图片
甚至可以选中图层后,选区图层某一部分然后导出
PS三种切图方法+Cutterman(安装教程、基本使用)_第13张图片

你可能感兴趣的:(photoshop)