【CSS】PhotoShop 切图 ③ ( PhotoShop 切图插件 - Cutterman | 下载、安装、启动、注册、登录 Cutterman - 切图神奇 插件 | 使用插件进行切图 )
文章目录
一、 PhotoShop 切图插件 - Cutterman
使用 Photoshop 切片工具 进行 切图 , 要先进行切片操作 , 然后才能导出指定的切片 , 操作起来很繁琐 ;
这里推荐一个 PhotoShop 切图插件 Cutterman , 该插件专门用于在 Photoshop 中进行切图 ;
1、下载 Cutterman 插件
Cutterman 官网 : https://www.cutterman.cn/ps/cutterman
Cutterman 切图工具下载页面 : https://www.cutterman.cn/ps/cutterman
在下载页面 , 下载该软件 , 现在 4.3 收费了 ;
找了一个之前的 3.5 版本 , 还是免费的 ;
2、安装 Cutterman 插件
Cutterman 插件是 exe 可执行文件 ,
执行该文件 , 会自动设置安装路径 , 点击 " 安装 " 按钮 ;
安装完成 ;
安装完毕后 , 重启 Photoshop 软件 ;
3、启动 Cutterman 插件
重启 Photoshop 软件 , 选择 " 菜单栏 / 窗口 / 扩展功能 / Cutterman - 切图神器 " 选项 ;
启动后 , 需要注册账号 ;
4、注册 Cutterman 插件账号
进入 https://www.cutterman.cn/register 页面 , 注册账号 ;
邮箱中接收到验证码 ,
输入验证码 ;
注册完成 ;
5、登录 Cutterman 插件账号
在 Cutterman - 切图神奇 插件中 , 输入账号密码 , 然后登录插件 ;
登录成功后的效果 ;
第一次登录成功后 , 之后不再需要登录 , 断网也可以使用 ;
二、 使用 Cutterman 切图
1、 导出选中图层
使用 " 选择工具 " , 勾选 " 自动选择 " 样式 , 选择 自动选择 图层 ;
点击 页面中的 logo 图片 , 会自动选择该图层 ;
在 Cutterman 中 , 选择 Web 选项 , 选择输出的文件格式 :PNG24 , PNG8 , JPEG , GIF 选项 ;
选择输出目录 , 桌面中的 Cutterman 目录 ;
最后 点击 " 导出选中图层 " 按钮 ;
在桌面下的 Cutterman 目录中 , 会显示 指定格式的 切图图片 ;
文件名字 , 就是图层名字 ;
上述 png 格式的图片 , 是 透明背景 ;
该操只需要一键操作 , 即可完成切图工作 ;
使用 切片工具 , 先要选中切片 , 然后选择 " 菜单栏 / 文件 / 导出 " 等选项 , 最后要在两个对话框中选择导出设置 , 才能最终导出图片 ;
2、 导出按钮背景
使用 " 选择工具 " , 勾选 " 自动选择 " 样式 , 选择 自动选择 图层 ;
点击 页面中的 按钮背景 , 会自动选择该图层 ;
在 Cutterman 中 , 选择 Web 选项 , 选择输出的文件格式 : PNG24 , PNG8 , JPEG , GIF 选项 ;
选择输出目录 , 桌面中的 Cutterman 目录 ;
最后 点击 " 导出选中图层 " 按钮 ;
查看导出的文件 , 按钮背景被成功导出 ;
如果要使用传统切片工具 , 将背景切出来 , 需要先取消 按钮上的文字 , 然后使用切片工具抠出对应的背景 ;
切片工具 所见即所得 , 需要进行额外处理 ;
Cutterman 一键将背景切图 , 不需要隐藏文字 ;
3、 导出图层部分内容
使用 " 选择工具 " , 勾选 " 自动选择 " 样式 , 选择 自动选择 图层 ;
点击 页面中的 飞机背景 , 会自动选择该图层 ;
然后 , 使用矩形选框工具 , 勾选出飞机内容 ;
在 Cutterman 中 , 选择 Web 选项 , 选择输出的文件格式 : PNG24 , PNG8 , JPEG , GIF 选项 ;
选择输出目录 , 桌面中的 Cutterman 目录 ;
最后 点击 " 导出选中图层 " 按钮 ;
查看导出的图片部分内容 :
相关文章
- Photoshop Elements 2023 for Mac(ps简化版)v21.0 激活版
- 图像处理软件Photoshop 2022中文版 ps 2022v23.5.2
- Adobe Photoshop 2022 软件下载安装详细教程
- Adobe Photoshop 2022 23.5.1.724 直装版
- Adobe发布针对Acrobat、Reader和Photoshop CC的重要更新PDF编辑器全版本下载
- Photoshop CS2软件下载地址及安装教程(mac+windows全版本PS,包括最新2023)
- Photoshop 2020 软件安装包+安装教程
- PS软件下载及安装Photoshop cc 2018下载链接及安装教程
- Photoshop 2017软件安装教程--所有PS版本都有!
- Photoshop 2019 软件安装包+安装教程--所有PS版本都有!
- Photoshop cc 2020 Mac版软件安装教程--所有PS版本都有!
- PS下载及安装教程Photoshop全版本下载--所有PS版本都有!
- Photoshop CC2015软件安装教程--PS软件全版本
- Photoshop CS2详细软件安装教程--PS软件全版本
- Photoshop CC2015软件安装教程(支持32位/64位)--PS软件全版本
- PhotoShop CS5中文版软件下载+安装详细步骤
- Photoshop CS6安装/破解图文详细教程--PS软件全版本
- Photoshop CC2018软件安装教程(支持32位/64位)--PS软件全版本
- |软件安装教程| PHOTOSHOP 2022超级详细安装教程--PS软件全版本
- Adobe Photoshop 2020软件安装教程--所有PS软件全版本!
- Photoshop 2022 for Mac(ps 2022图像处理软件)
- Photoshop 2022 for Mac(ps2022)
- 出色的图像处理软件photoshop学习技巧+++软件如何下载ps安装教程
- Mac版PS下载-Photoshop 2023 for Mac 最新v24.2激活版