【前端】psd到html切图,包含ps切图

本文详细介绍了Photoshop中两种切图方法:简单的图层导出和使用生成器进行半自动切图。对于需求量较小的切图,可以通过启用生成器,修改图层名称为.png或.jpg后在对应文件夹找到切图。对于全自动切图,适合图层较少的文件,通过‘文件’->‘导出’->‘将图层导出到文件’,设置选项并运行。此外,文章还提及了相关设置、快捷键和工作区保存等提高效率的技巧。

仅仅记录自己所学。

学习链接:

前端工程师必备技能—PS切图-免费在线视频教程-php中文网

主要是后面两个视频,前面介绍ps基本操作比较多

前端psd到html切图视频教程-慕课网

这个包含代码构建,我自己还没来得及学

先贴最重要的

ps切图方法

最简单就是点击图层右击导出就行。

ps图层右键合并或者直接导出图层。

 

 

半自动切图(适用于需求量小的切图操作)

>>>第一步:点击菜单栏中的“编辑”,然后点击“首选项”,然后点击“增效工具”,点击“启用生成器”,然后点击“确定”;(快捷键 ctrl +k )重启PS

>>> 第二步:点击菜单栏中的“文件”,然后点击“生成”,然后点击“图像资源”。

>>> 第三步:首先选中要切的图片所在的图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Clark-dj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值