PhotoShop各种切图方法

作者: 科研者 | 来源:发表于2017-10-02 12:56 被阅读0次

用PhotoShop切图是很常见的一个操作,其实PhotoShop有多种切图方法,现总结如下:

方案1:导出切片

  1. 用切片工具和切片选择工具划分和设置切片;


    切片工具.png
  2. 执行:文件/导出/存储为Web所用格式/存储

然后每个切片都会被导出成为单个图片;

注意:
如果你发现通过这种方式导出的图片的存储空间异常的大,那可能是 文件/导出/存储为Web所用格式/存储 对话框中的元数据项设置的问题(如下图),尝试把元数据项设置为: 或者 版权 或者 版权和联系信息,然后再导出;

元数据.png

方案2:导出单个图层或者图层组

  1. 右键点击需要导出的图层或者图层组,唤出图层快捷菜单;
  2. 执行:快速导出为PNG 或者 导出为 命令;

然后该图层就会被导出为单个图片文件;

方案3:批量导出图层或图层组

此方法需要为所有需要导出的图层或图层组配置相应的参数,详情见《PhotoShop生成图像资源

相关文章

  • PhotoShop各种切图方法

    用PhotoShop切图是很常见的一个操作,其实PhotoShop有多种切图方法,现总结如下: 方案1:导出切片 ...

  • PhotoShop切图

    PhotoShop切图 1. 原始切图 (3)导出为web常用格式,一般为png-24。 2. 基于参考线的切图 ...

  • 最全切图方法【附福利】

    切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoS...

  • Photoshop快速切图工具

    1. 下载 Photoshop 切图动作格式文件 Photoshop 切图动作格式文件下载 提取码:sac3 2....

  • 烈风裘的前端技能

    切图Photoshop切图插件Cutterman标注插件Parker图片压缩ImageOptim/HummingB...

  • CSS深入浅出-icon的各种用法

    本博客主要讲CSS使用icon的各种用法和ps的基本抠图操作,下面是内容列表: photoshop 切图img法b...

  • Web前端学习之资源汇总

    01.PS切图 《PhotoShop切图》 《切图规范及标注规则记录》 02.Sublime编辑器安装及调试 《如...

  • web汇总

    01.PS切图 《PhotoShop切图》 《切图规范及标注规则记录》 02.Sublime编辑器安装及调试 《如...

  • PhotoShop切图笔记

    界面快捷键 放大、缩小:alt+滚轮 or ctrl+"+/-"100%视图:ctrl+1标尺:ctrl+R参考线...

  • Photoshop 切图笔记

    参考慕课网视频 : http://www.imooc.com/view/506然后是实际操作最后做做笔记 界面设置...

网友评论

    本文标题:PhotoShop各种切图方法

    本文链接:https://www.haomeiwen.com/subject/uzzzextx.html