从psd图中找到对应图层，导出图片

最新推荐文章于 2024-08-24 09:53:30 发布
最新推荐文章于 2024-08-24 09:53:30 发布
阅读量3.3k 收藏 3
点赞数
分类专栏： 使用工具类的问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xbdabb/article/details/83539582
版权
本文介绍了如何从PSD文件中找到特定图层并将其导出为PNG图片的步骤，包括打开PSD、复制图层、裁剪、调整大小和导出操作。
摘要由CSDN通过智能技术生成

文章目录

前提

鉴于在前端开发中，有时候设计师会直接丢一个psd图过来自己进行裁剪，所以现记录一篇如何从psd图中单独找到对应图层，导出为png图片

第一步，打开psd，鼠标放在要导出的图标上

在这里插入图片描述

在这里插入图片描述

第二步，选择复制图层

在这里插入图片描述
在弹出的弹框中做如下设置，然后点确定
在这里插入图片描述

第三部，裁剪

复制图层，进入独立图层后，在图像–裁剪中，进行裁剪
在这里插入图片描述
在弹出的弹框中不做任何修改，直接点确定

最低0.47元/天 解锁文章
梁小清
关注
专栏目录
图片转svg标注_使用psd.js将PSD转成SVG -- 基础篇（文字&图片）
weixin_39623805的博客
02-05 1020
转载至微信公众号：方凳雅集背景随着发展，活动会场页面的题图运营需要线上模板化，而自研的导购素材制作平台接入了海棠-创意中心，通过平台能力，将素材模板化，并且通过配置化的方式生成多种场景化，个性化的素材。但是创意中心的素材模板是基于SVG的，而会场页面的题图基本是基于Photoshop(PS)输出，源文件是PSD。由于SVG是面向矢量图形的标记语言，而PS是以位图处理为中心的图像处理软件，大多时候，...
切图篇：利用PS从设计稿中提取图片
weixin_44817017的博客
04-18 1352
切图：把设计师的设计稿（PSD文件）切分成为最终在页面中呈现的一个个图片，为HTML页面做准备； 打开ps，直接把PSD文件拖拽到ps工作区。（此PSD文件来自百度前端学院） 1、法一：找到相应的图层操作，优势是切出的图片没有png格式的背景，只有图标，适合少量的、大图的切图； 双击要切取的区域，在ps板面的右下角会自动聚焦到相应的图层。图层左侧的眼睛图标表示显示该图层，通过点击眼睛显示/隐藏图层...
PSD图片分层提取工具
11-18
PSD图片分层提取工具 可以分层读取PSD格式的文件里的图片数据，带ALP通道。详情及DLL,DEMO代码可以在http://pcsoft.5d6d.com/thread-3-1-1.html找到。
推荐项目：GIMP插件“Export Layers”——层次导出利器
最新发布
gitblog_00059的博客
08-24 753
推荐项目：GIMP插件“Export Layers”——层次导出利器 gimp-export-layersBatch layer export and editing in GIMP项目地址:https://gitcode.com/gh_mirrors/gi/gimp-export-layers 在数字图像处理的世界里，分层编辑是创意自由的基石。今天，我们为大家带来一款专为【GIMP】设计的高效...
ps 将psd 所有图层导出为文件
yuange
04-27 3805
1 文件 ->j脚本 ->选择要保存的格式
从psd图中将图层导出成单独文件
weixin_30515513的博客
03-21 792
转载于:https://www.cnblogs.com/sangzs/p/8617277.html
【前端】psd到html切图，包含ps切图
dujuancao11的博客
08-08 1988
半自动切图（适用于需求量小的切图操作） >>>第一步：点击菜单栏中的“编辑”，然后点击“首选项”，然后点击“增效工具”，点击“启用生成器”，然后点击“确定”；（快捷键 ctrl +k ）重启PS >>> 第二步：点击菜单栏中的“文件”，然后点击“生成”，然后点击“图像资源”。 >>> 第三步：首先选中要切的图片所在的图层，然后来到图层面板，双击图层名文字，在图层名后添加.png 或 .jpg；然后回车。 >>> 第四步：来到psd文件所在文件夹，打开以assets结尾的文件，即可看到相应
提取PSD中的图片素材
weixin_34185512的博客
06-24 1229
2019独角兽企业重金招聘Python工程师标准>>> ...
GR-195_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
08-02
切片工具是Photoshop中的一项功能，它可以将一个大的图像文件切割成多个小的部分，每个部分对应网页中的一个特定元素，如导航栏、按钮、图片等。切片后的元素可以导出为HTML和CSS代码，更方便地应用到网页的制作中。...
GR-146_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
08-02
在PS中，通过切片工具，设计师可以精确地将设计图分割成不同的部分，这些部分对应于网页上的各个元素，如按钮、图片、背景等。这样，开发者就可以按照切片导出的图像，将其插入到HTML页面中，确保网页的视觉效果与...
C#读取PSD图层的应用实例
08-10
内有完整的解决方案和项目文件包。适合GDI+高级应用，是图形图象开发者的必备资源。 注意:PSD中的图层命名使用英文或数字，不要含中文字符。
PSD图层基本信息读取-易语言
06-14
Adobe PhotoshopFile FormatsSpecificationAugust 2016 PSD文件格式：https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/ 这份代码是翻译的Github上的某份C++代码，中间写到了我也用 易语言 提取出了每个图层的像素数据。 but！！ 我把他删掉了，伸手党自己找自己改吧 我只提供了基本的图层信息 rect 和 layer name 同时，图层文件中没有直接性的图片数据 想直接导出图片的需要自己写到文件 （纯像素还是算了）（不妨了解下PNG文件格式） 还有 内阴影 外发光 内发光 投影 正片叠底等等这些 是需要自己渲染的！！ 你了解了PNG文件格式 也把像素写进去 导出了图层.PNG 那导出的是没受到影响的 ‘图层.png’ 比如： 没啥说的了 需要注意psd在windows上存放的字节顺序（机翻）： All data is stored in big endian byte order. On the Windows platform, you must byte swap short and long integers when reading or writing. 所有数据都以大端字节顺序存储。 [size=14.6667px]在Windows平台上，您必须在读取或写入时字节交换短整数和长整数。
BL-136_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
08-02
在PSD中创建的效果图可以精确地展示颜色、字体、图片和布局，使客户或团队成员能够更好地理解设计师的意图。在"BL-136_psd网页模板"中，这些效果图经过切片处理，意味着它们被分割成可单独导出的部分，方便前端...
PS获取图片三种方式
weixin_42501248的博客
07-26 2151
PS获取图片三种方式
PSD 替换智能图层的的实现处理图片效果图，保留扭曲变形效果
weixin_35877058的博客
08-02 691
电商贴图工具，api接口，sdk，3D效果图
比psd.js更强大，可以提供psd文件合成sdk与api，支持实时合成响应，支持合成高清大图1万像素
weixin_35877058的博客
06-10 429
现在国内有专门提供DIY定制网站图片合成服务的公司，foxpsd-在线psd文件处理工具，替换图层智能对象api接口 FOXPSD 在DIY图片处理领域具有多年的技术开发经验，博主尝试了一下，对接也比较简单，几个接口就可以实现想要的效果，跟目前国内最大的柔性定制网站指纹科技实现的效果一样，这对于一些要实现类似需求的团队项目，应该算是最好的选择了。毕竟自己研发没有方向，方向错了全都白费，不如将这块业务外包出去，有专人维护，自己团队更专注于核心业务。 自己团队的成本，往往会更高。开发文档sdk文档联系可以获免费
在 ASP.NET 网页中显示动态生成的图片
weixin_33919950的博客
07-10 317
概述 在上一篇随笔“【算法】从推箱子的解答步骤还原关卡地图”中，我给出一个控制台应用程序，将 LURD 数据转换为 XSB 数据。为了方便使用，我编写了一个 ASP.NET 网页实现从推箱子的解答步骤还原关卡地图：Sokoban: Lurd to Xsb，如下所示： 源程序代码 首先是 lurd2xsb.aspx 源程序文件： 01: <%@ Page Language="...
Photoshop PSD UI导出脚本使用及命名规范
每个PSD中的图层组被视为Unity中的一个控件，组名后跟随@符号和特定的关键字，指示了Unity中的控件类型。例如，"btn_close@Button"表示这个图层组将转换为Unity的`Template/UI/Button.prefab`按钮组件。对于没有指定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值