【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 目录 ;
最后 点击 " 导出选中图层 " 按钮 ;
查看导出的图片部分内容 :
相关文章
- 【Ps2023下载】Mac版 Photoshop 2023 v24.0软件下载及安装教程
- Adobe Photoshop 2023 v24.0 Mac最新版下载(附安装激活教程)
- photoshop简易版 100m 极速安装
- Adobe Photoshop 2021直装版 PS2023图片处理软件下载
- Photoshop CS2软件下载地址及安装教程(mac+windows全版本PS,包括最新2023)
- Photoshop 2023 资源免费下载(mac+windows全版本都有,包括最新的2023)
- Photoshop 2020安装教程 PS全版本软件下载地址(包括最新的2023)
- Photoshop 2018软件下载和安装教程PS全版本软件下载地址(包括最新的2023)
- Adobe Photoshop CC2017软件安装教程PS全版本软件下载地址(包括最新的2023)
- Photoshop 2017软件安装教程--所有PS版本都有!
- Photoshop CC2015软件安装教程--PS软件全版本
- Photoshop CC2019电脑软件下载 简单软件安装教程-PS软件全版本
- PhotoShop CS6软件下载+安装详细步骤PS全版本软件下载地址(包括最新的2023)
- PhotoShop CS5中文版软件下载+安装详细步骤
- PhotoShop CC2019安装详细步骤 PS全版本软件下载地址(包括最新的2023)
- PhotoShop CC2018安装详细步骤PS全版本软件下载地址(包括最新的2023)
- PS 2023(Photoshop 2023)软件安装教程--PS软件全版本
- Adobe Photoshop 2020软件安装教程--所有PS软件全版本!
- Adobe Photoshop ps6 软件下载安装详细教程
- 图像编辑软件Photoshop最新中文版,ps2023软件安装教程下载
- PS软件2020版本下载安装教程——全版本photoshop软件获取安装包
- Adobe Photoshop下载安装教程-全版本PS安装包ps修图软件免费在线
- Photoshop CC 2020软件安装教程+安装包PS全版本软件下载地址