有关Photoshop批量导出PSD图层到PNG文件无法自动裁剪成icon本身大小的问题

最新推荐文章于 2022-10-10 14:38:53 发布
最新推荐文章于 2022-10-10 14:38:53 发布
阅读量2k 收藏
点赞数 1
文章标签： photoshop
原文链接：https://my.oschina.net/u/3040798/blog/1605853
版权

通过http://kuaiqie.qdsay.com/对原设计图进行在线快速切图以后，本想用PS把设计图PSD文件中的所有图层（主要是那些icon）批量导出成png，省去单张选中再保存成png的时间。结果折腾了很长时间都不行，最后发现导出的时候PSD文件不能有分组，一定要把所有分组先全部拆开成图层再进行脚本批量导出，就可以保证导出的png图片只有元素本身大小而不会每个icon虽然本身很小但是导出的png宽高都是原本画布的大小！

至于拆除分组的办法，直接上图

225229_GZHg_3040798.png

如果有个层级的组的话，取消一组再找分组右键，多循环几次直到没有分组就OK。

转载于:https://my.oschina.net/u/3040798/blog/1605853

chirong0260
关注
网页设计稿一开始画稿怎么设，为何PS保存出来的图片大小和电脑上看的不一样
weixin_54048131的博客
01-19 620
【代码】网页设计稿一开始画稿怎么设，为何PS保存出来的图片大小和电脑上看的不一样。
前端开发之PS应用
qianduankaifawz的博客
10-10 430
Adobe Photoshop，简称“PS”]，是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
layerSet2PNGs.jsx:批量导出 photoshop (PSD) 顶级图层组到平面 PNG
07-07
安装 有几种方法可以安装和运行 Adob​​e 应用程序的脚本。 下面的说明就是这样一种方式， 下载并将其放置在您选择的位置。 我创建并将其复制到我的桌面以便于访问。 用 这是一个有用的工具，但您必须正确设置您的 PSD： 首先，在图层调板的顶层对给定组合的所有图层进行分组。 一般来说，在底部包含一个全出血背景层是有帮助的。 为这个顶级组命名——这将是导出时的 PNG 文件名。 空格将转换为连字符，因此名为1 Home Page的组变为1-Home-Page.png 。 您可以根据需要创建任意数量的组合分组。 当您准备好导出时，您的图层面板应该类似于下面的屏幕截图。 有 7 个顶级组，因此脚本将使用每个组的文件名导出 7 个 PNG。 通过双击文件或别名运行脚本。 应该会弹出一个对话框……单击是： 该脚本将运行，并在与 PSD 相同的文件夹中导出 PNG 。 完成后，您应
快速提取纷乱复杂psd文件图层 存储透明png 切图必备技能
12-25
快速提取纷乱复杂psd文件图层 存储透明png 切图必备技能,配合博客http://blog.csdn.net/zhangxiaowei_ 文章
PS批量制作获奖证书并导出PNG
weixin_34319111的博客
05-16 851
其实方法和“使用PS批量制作视频字幕”的方法类似。区别在于制作视频字幕时导出成psd格式就可以直接导入Premiere中使用了，而获奖证书考虑到打印设备有无PS的不确定性，可能需要导出成PNG或其他通用格式较为稳妥。然而PS的批量导出功能仅支持导出PSD，不支持其他任何格式，这也是本篇博客要为大家解决的难题。 使用PS批量制作获奖证书 如前文所说，“批量制作证书”的前半部分和“批量制作视频字幕”方...
ps快速导出为png 图片位置发生偏移
weixin_43873389的博客
01-23 6747
问题：导出图片时，选择快速导出为png，导出后图片内容的位置与原psd的内容有所偏移 疑似原因：自动裁剪了透明像素，然后又补全到画布尺寸，但是没找到这个的设置，而且我遇到的两个图片一个是裁切了右上角，一个是裁切了左下角 解决办法：不选快速导出，选存储为，即可解决问题。 ...
ps解决导出图片自动裁剪导致的图像位置偏移的问题
xcj1409385086的博客
07-23 1万+
1.将需要导出的图片复制到新的文件 2.文档处选择新建或已有的psd文件。（这些步骤只是为了将需要导出的图层放到别的文件中，方便操作） 3.注意，我们不使用导出图片，导出图片会进行裁剪，我们使用储存为 PNG格式的文件。但是储存只能储存一张图片，故应该将暂时不导出的图片隐藏，需要导出的图片显示出来。 点那个眼睛就好了，最后一一导出，这样储存的图片不会被裁剪，也不会发生偏移，与原格式一致。 ...
前端基础笔记13
l_0525的博客
10-10 238
文件”--“存储为web所用格式”（“导出”--“存储为web所用格式” 或 Ctrl + shift + alt + s）-- “预设”（选择jpeg高|gif|png),修改图片品质，单击“存储”--选择保存文件的位置，修改文件名，选择格式（仅限图像），切片（选中的切片（按住shift选择）或所有用户切片），设置--（其它--设置切片命名及方式）单击“保存”双飞翼布局，始于淘宝 UED。如果把三栏布局比作一只鸟，可以把 main 看成是鸟的身体，left 和 right 则是 鸟的翅膀。
h5页面如何切图_PS-前端切图教程（切jpg图和切png图）
weixin_39900736的博客
12-21 1137
ps：多日后的补充说明部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面。在我看来，现在人们对于前端都是有误区的。认为前端是切图的，(也确实是这么叫的，本人情感上很不愿意听前端被叫做“切图的”)所以也会误认为我的这篇文章是写给设计师的。其实不然，这篇文章适用于计算机出身的前端甚至后端、对于ps等设计软件没有基础的人...
web一阶段 day14
gaoyuan0277的博客
07-30 343
AdobePhotoshop，简称“PS”]，是由Adobe开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。小U课堂。...
PHOTOSHOP 批量导出所有图层T.jsx
07-23
PHOTOSHOP脚本 源码 JSX 导出所有图层。 可以将当前文档的所有图层一次性导出为图片。支持 多种 PS 版本。使用简单，跟常规脚本插件一致。
图片批量缩小尺寸(png).exe
04-28
批量修改png文件尺寸大小，保证不修改png文件格式，c#技术将图片按照比例缩放，并且重新绘制图片，并且以png格式存储
PS基础与快捷键
Joker_ZzzZ_的博客
08-07 480
ps介绍与基础
PS - 如何将每一个图层保存成一张PNG
祝你万事顺利的博客
10-08 1万+
本文由 祝你万事顺利 出品，转载请注明出处。 在PS菜单中选择文件->导出 ->将图层导出到文件
PS如何将gif批量导出png
wangqing008的专栏
04-14 1万+
gif用PS打开 全选图层 文件菜单>脚本>将图层导出到文件 png http://jingyan.baidu.com/article/29697b913d472bab20de3cd6.html
ps导出内容快捷键 快速导出png
韩梦飞沙_韩亚飞
06-11 1万+
PHOTOSHOP常用快捷键大全 PS快速导出为png快捷键是什么啊 ps导出内容快捷键 == ps快速导出png没有快捷键， 可以自己设置。 ==
ps 将psd 所有图层导出为文件
yuange
04-27 3813
1 文件 ->j脚本 ->选择要保存的格式
前端学习笔记-13快速将psd文件中的图层提取为png文件
KathyLJQ的博客
03-06 964
前提： 安装python解释器，并且安装了psd_tools模块 from psd_tools import PSDImage from os import path #打开要处理的psd文件 psd = PSDImage.open(r'D:/xxx.psd') def extractLayerImage(layer): layer_image=layer.composite() #将提取到的png文件保存到目的文件夹中，并以图层的名字命名） layer_image.save(r'D:\web_
ps在psd格式图片里面切图流程
热门推荐
05-06 2万+
1、双击psd图片打开一张图片 2、按住C键切换放大还是缩小图片或者点击放大镜来切换，方法图片 3、将要切的图标放大到中间位置 4、点击选择图标，然后切换鼠标功能，然后鼠标点击要切的图标，这样在右侧的图层显示区域可以看到点赞被选中，点击前面的小眼睛，可以查看隐藏图标，这样就可以确认该图层是否是想要的图标 5、右击图层，选择复制图层 6、输入名称，点击新建
Adobe Photoshop 4.0 PSD文件格式详解与图层提取
PSD 文件（Portable Document Format）是 Adobe 设计的一种文件格式，用于存储 Photoshop 图像的所有细节，包括图层、透明度、图层样式、蒙版、路径、矢量图形和调整图层等。这种格式在设计行业非常关键，因为它允许...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值