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

常见的图片格式

jpg图像格式

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

gif图像格式

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

png图像格式

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

PSD图像格式

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

PS切图方式

图层切图

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

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

选中需要的图层：菜单图层–>合并图层（ctrl+e）
右击–>快速导出为PNG

切片切图

利用切片选中图片

利用切片工具手动划出

导出选中的图片

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

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

注意存储时要选择选中的切片

PS插件切图

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

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

查看是否为完整版本：选择窗口菜单–>选择扩展功能–>能够选择使用则为完整版

Cutterman下载官网
进入官网下载：

安装完成后，重启PS，在扩展功能里就多了Cutterman插件

点击后弹出小框，显示要登录，返回官网注册

Cutterman使用技巧

可以选择图片的格式，下方输出可选择保存的路径

选择好图片格式和保存路径后，选中需要导出的图层，点击导出选中图层，图片即保存在选中的路径中

当需要导出多个图层时，选中多个图层后不用再合并图层，只需勾选合并导出选中的图层，再点击导出选中图层即可

甚至可以选中图层后，选区图层某一部分然后导出

PS三种切图方法+Cutterman（安装教程、基本使用）相关推荐

前端必备 PS三种切图方法 Cutterman最好用的切图工具
文章目录 1.常见的图片格式方法1. PS图层切图方法2. 切片切图方法3.Cutterman插件切图(最简单.最好用的切图工具) 准备工作:一个非绿色版的PS软件,如果还没安装好PS的,建议在 ...
ps切图工具cutterman安装和使用
1.做web前端要学会切图常用的Ps切图工具cutterman 下面就介绍一下安装和使用的过程 2.下载地址:http://www.cutterman.cn/zh/cutterman 下载好解压安装 ...
ps 切android图标,快速图标：超越PS插件的切图方法
快速搞定ios.安卓.pc.切图!切图插件已经OUT 了绝对快速.准确. 距离上次讲完(pscc2015切图有一段时间了),上次由于刚开始用.好多实用.方便.准确.快捷的方法没有发现,这次在分享一遍完 ...
【前端必学】PS切图详细教程3种方法（图层切图，切片，切图神器cutterman）
PSD图像格式是Photoshop的专用格式,里面可以存放图层.通道.遮置等多种设计稿,对我们前端人员来说,最大的优点,我们可以直接从上面复制文字,获得图片,还可以测量大小和距离, 我们开发需要的是一 ...
一起来学习一款PS拓展插件——“切图神器” （CutAndSliceMe）
图文参考: 步骤一(插件及实例素材下载): -- www.cutandslice.me 官方下载地址(可以下载该插件和官方提供的实例素材). 步骤二(解压插件安装): 1. 官方下载到的插件为.z ...
两种ps切图方法（图层/切片）
两种Ps切图方法一．基础操作: a) Ctrl++ 放大图片,ctrl - -缩小图片 b) 按住空格键space+,点击鼠标左键,拖动图片. c) 修改单位,点击编辑 ...
【CSS】PhotoShop 切图 ③ ( PhotoShop 切图插件 - Cutterman | 下载、安装、启动、注册、登录 Cutterman - 切图神奇插件 | 使用插件进行切图 )
文章目录一. PhotoShop 切图插件 - Cutterman 1.下载 Cutterman 插件 2.安装 Cutterman 插件 3.启动 Cutterman 插件 4.注册 Cutter ...
Photoshop之Cutterman一键切图插件的安装及使用说明
目录安装步骤: 使用说明: 是不是在为使用PS切片工具切图而苦恼?最近发现一款PS切图神器 - Cutterman.Cutterman支持CC及以上版本,安装前请确保PS版本正确. Cutterma ...
盘点三种卫星图分幅导出的方法
1. 概述分幅的使用场景有很多,最经常接触的是国家根据不同比例尺制定的<国家基本比例尺地形图分幅和编号>(即我们常说的国家标准分幅):在工程上需要将一张大的图分成多张导出,也是分幅:如果 ...