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

最新推荐文章于 2022-08-02 15:01:25 发布
原创 最新推荐文章于 2022-08-02 15:01:25 发布 · 3.5k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何从PSD文件中找到特定图层并将其导出为PNG图片的步骤，包括打开PSD、复制图层、裁剪、调整大小和导出操作。

文章目录

前提

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

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

在这里插入图片描述

在这里插入图片描述

第二步，选择复制图层

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

第三部，裁剪

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

第四步，调整大小

裁剪后，就得到一个比较干净的图标，然后就可以图像–画布大小，调整图标大小
在这里插入图片描述

第五步，导出为png

在这里插入图片描述

利用ps在psd图片中抠取我们需要的图片素材
qq_36245314的博客
10-21 2836
当鼠标滑到目标位置时，显现出详细内容 我们在一些网站上浏览的时候经常会碰到这种情况，鼠标没在一个图标上时，什么都没有，滑动鼠标过去时，会出现许多详细介绍，鼠标离开时又消失了。这是怎么实现的呢？ 今天我们要解决的问题就是这个。 先建立一个默认存在的界面 <div class="section-rbottom"> <img src="img/1_55.png"/> ...
【前端】psd到html切图，包含ps切图
dujuancao11的博客
08-08 2314
半自动切图（适用于需求量小的切图操作） >>>第一步：点击菜单栏中的“编辑”，然后点击“首选项”，然后点击“增效工具”，点击“启用生成器”，然后点击“确定”；（快捷键 ctrl +k ）重启PS >>> 第二步：点击菜单栏中的“文件”，然后点击“生成”，然后点击“图像资源”。 >>> 第三步：首先选中要切的图片所在的图层，然后来到图层面板，双击图层名文字，在图层名后添加.png 或 .jpg；然后回车。 >>> 第四步：来到psd文件所在文件夹，打开以assets结尾的文件，即可看到相应
PSD分层素材提取工具.rar
04-09
基于paint.net制作的C#PSD图层提取工具。核心代码是photoshop插件开源提供的， 感谢photoshop插件开源提供作者。
PSD图片分层提取工具
11-18
PSD图片分层提取工具 可以分层读取PSD格式的文件里的图片数据，带ALP通道。详情及DLL,DEMO代码可以在http://pcsoft.5d6d.com/thread-3-1-1.html找到。
快速提取纷乱复杂psd文件图层 存储透明png 切图必备技能
12-25
快速提取纷乱复杂psd文件图层 存储透明png 切图必备技能,配合博客http://blog.youkuaiyun.com/zhangxiaowei_ 文章
切图篇：利用PS从设计稿中提取图片
weixin_44817017的博客
04-18 1583
切图：把设计师的设计稿（PSD文件）切分成为最终在页面中呈现的一个个图片，为HTML页面做准备； 打开ps，直接把PSD文件拖拽到ps工作区。（此PSD文件来自百度前端学院） 1、法一：找到相应的图层操作，优势是切出的图片没有png格式的背景，只有图标，适合少量的、大图的切图； 双击要切取的区域，在ps板面的右下角会自动聚焦到相应的图层。图层左侧的眼睛图标表示显示该图层，通过点击眼睛显示/隐藏图层...
ps 将psd 所有图层导出为文件
yuange
04-27 3957
1 文件 ->j脚本 ->选择要保存的格式
PHP中使用Imagick操作PSD文件实例
10-24
此外，还包含了一个可选的操作，即将每个图层导出为单独的PNG文件。 需要注意的是，在实际的开发中，开发者可能还需要进行更复杂的图层操作，如图层合并、添加、删除等。Imagick同样提供了对应的API函数，可以通过...
C#库解析PSD文件实现图层导出与内容提取
4. 图片导出：该库除了能够解析PSD文件中的图层信息之外，还提供了将这些图层导出为.jpg图片格式的功能。这意味着用户可以将PSD文件的每个图层导出为单独的.jpg文件，便于进行后续的图片处理和使用。 5. System....
易语言实现PSD图层信息提取与导出技巧
易语言代码中并未包含这些特效的渲染实现，这意味着，如果需要在导出的图片中保留这些特效效果，开发者需要自己实现对应的渲染算法。 ### PNG文件格式的理解 PNG是一种被广泛使用的无损压缩图像文件格式，它支持...
psd文件导出图片模糊
最新发布
08-22
将PSD文件导出为图片时出现模糊问题，通常与导出设置、分辨率、图像缩放或格式选择有关。以下是一些常见的原因及对应的解决方法： ### 1. 检查导出时的分辨率设置 导出图像时，确保分辨率设置为300 DPI（用于打印）...
JavaScript的PSD解析库psd.js.zip
07-17
psd.js 是一个用来解析 PhotoShop 的 PSD 文件的 JavaScript 库，支持在浏览器上运行以及 Node.js 环境中使用。 示例代码： {PSD} = require 'psd' psd = PSD.fromFile __dirname '/test.psd' psd.parse() console.log "Header", psd.header console.log "Resources", psd.resources console.log "Layers", psd.layers 标签：psdjs
psd导入Unity快速切图全文档
11-07
切图就是将设计图的不同部分，根据需要导出为单独的图片文件，以便在Unity中作为精灵（Sprite）使用。 在“Quick_CODE_AND_PSD切图”这个压缩包中，可能包含了一系列已经切好的图片和代码示例。这些切图通常会按照...
从psd图中将图层导出成单独文件
weixin_30515513的博客
03-21 847
转载于:https://www.cnblogs.com/sangzs/p/8617277.html
psd.js 解析PSD文件
Peanutfight的博客
07-16 6575
psd.js解析PSD文件。
提取PSD中的图片素材
weixin_34185512的博客
06-24 1312
2019独角兽企业重金招聘Python工程师标准>>> ...
PS获取图片三种方式
weixin_42501248的博客
07-26 2651
PS获取图片三种方式
PSD 替换智能图层的的实现处理图片效果图，保留扭曲变形效果
weixin_35877058的博客
08-02 900
电商贴图工具，api接口，sdk，3D效果图
前端切图实战（PSD设计稿转化为前端）
a631278993的博客
08-19 2714
课程来源：https://www.imooc.com/learn/668 一：读设计稿 划分：头部、尾部、公共部分、大概分多少块、logo的重用、列表有哪些、各部分用什么技术实现等等。 二：建立项目目录 三：编写重置样式 不同的标签有着默认的样式，不同浏览器对标签的解析各不相同，重置css样式可以让标签在不同浏览器下产生相同的效果。...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值