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

常见的图片格式

jpg图像格式

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

gif图像格式

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

png图像格式

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

PSD图像格式

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


PS切图方式

图层切图

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

在这里插入图片描述

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

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

切片切图

  1. 利用切片选中图片

利用切片工具手动划出

在这里插入图片描述

  1. 导出选中的图片

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

在这里插入图片描述

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

注意存储时要选择选中的切片
在这里插入图片描述


PS插件切图

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

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

查看是否为完整版本:选择窗口菜单–>选择扩展功能–>能够选择使用则为完整版
在这里插入图片描述
Cutterman下载官网
进入官网下载:
在这里插入图片描述
在这里插入图片描述
安装完成后,重启PS,在扩展功能里就多了Cutterman插件
在这里插入图片描述
点击后弹出小框,显示要登录,返回官网注册
在这里插入图片描述

Cutterman使用技巧

可以选择图片的格式,下方输出可选择保存的路径
在这里插入图片描述
选择好图片格式和保存路径后,选中需要导出的图层,点击导出选中图层,图片即保存在选中的路径中
在这里插入图片描述
当需要导出多个图层时,选中多个图层后不用再合并图层,只需勾选合并导出选中的图层,再点击导出选中图层即可
在这里插入图片描述
甚至可以选中图层后,选区图层某一部分然后导出
在这里插入图片描述

  • 6
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值