14 PS中的切图基本操作

技术交流QQ群:1027579432，欢迎你的加入！

欢迎关注我的微信公众号：CurryCoder的程序人生

1.常见的图片格式

• jpg图像格式：JPEG（JPG）对彩色的信息保留较好、高清，颜色较多，我们产品类的图片经常用jpg格式的。
• gif图像格式：GIF格式最多只能存储256色，所以通常用来显示简单的图形及字体，但是可以保存透明背景和动画效果，实际中经常用于一些图片小动画效果。
• png图像格式是一种新兴的网络图像格式，它结合了GIF和JPEG的优点，具有存储形式丰富的特点，能够保持透明背景。如果想要切成背景透明的图片，请选择png格式图片。
• PSD图像格式是PS软件中的专用格式，里面可以存放图层、通道、遮罩等多种设计稿。对我们前端人员来说的最大优点是可以直接从上面复制文字、获得图片，还可以测量大小和距离。

2.PS切图

• PS有很多的切图方式：图层切图、切片切图、PS插件切图等。

2.1 图层切图

• 最简单的切图方式：右击图层→快速导出为PNG。
• 但是，很多情况下，我们需要合并图层再导出：
  • a.按住shift键，选中需要的图层：图层菜单→合并图层(快捷键ctrl+e)；
  • b.右击→快速导出为PNG；
• 最好的方法：与网页美工沟通！

3.PS插件切图

• Cutterman是一款运行在PS中的插件，能够自动将你需要的图层进行输出，以替代传统的手工导出web所用格式以及使用切片工具进行挨个切图的繁琐流程。Cutterman记得去官网注册账号！
• 注意：Cutterman插件要求你的PS必须是完整版的，不能是绿色版的！点击PS菜单栏中的窗口，弹出扩展功能就是完整版本的！

4.Cutterman下载地址

• Cutterman下载地址，提取码: sm8a