如何使用Photoshop在PSD文件上切图

在前端或者后台的项目操作中都可能会用到切图，那么如何运用Photoshop在PSD文件上切图呢？拿到psd图本人常用一下两种情况，希望可以帮助到大家。

1、讲所有图层合并为一个完整的大图：

用Ctrl+shift+Alt+E合并并复制所有图层，然后进行正常的切割。

2、切PSD图上的独立图：

①先新建一个空的画布

②打开要操作的PSD图，选择移动工具，按住Ctrl键点击索要操作的图片，Photoshop右侧的图层列表会选中你所点击处的图层，将该图层的眼关闭、打开可看到你所选中区域的大小。

③将选中图层拖到新建画布中。

④双击背景图，将其解锁，再将眼关掉。

⑤选择图像-->裁切-->确定。

⑥按住Ctrl+shift+Alt+S选择PNG24格式保存。

如何使用Photoshop在PSD文件上切图相关推荐

在线PS(PhotoShop),打开PSD文件,图像处理
在线PS(PhotoShop),打开PSD文件,图像处理打开并编辑PSD,XCF,Sketch(Photoshop,Gimp和Sketch)或任何其他图像文件. 检查PSD和Sketch文件. 将S ...
自动切图生成html,Photoshop如何实现UI自动切图？_html/css_WEB-ITnose
切图严格来说并不是UI设计师的工作, 而是前端工程师的工作,指的是将UI设计师的设计(大部分为photoshop创建的PSD文件)转化为界面(网页或窗体等)所需要资源的过程. 切图是衔接UI设计和应用 ...
【前端】psd到html切图，包含ps切图
仅仅记录自己所学. 学习链接: 前端工程师必备技能-PS切图-免费在线视频教程-php中文网主要是后面两个视频,前面介绍ps基本操作比较多前端psd到html切图视频教程-慕课网这个包含代码构建 ...
Photoshop超好用的切图神器推荐
描述:Photoshop超好用的切图神器推荐步骤: 打开网站,下载并安装,直接下一步 http://www.cutterman.cn/zh/cutterman Photoshop菜单栏窗口-> ...
ps html css 工具,认识Photoshop（PS）CSS切图必用工具
Adobe PHOTOSHOP平时我们又被称为PS. div CSS必备切图工具PS截图多数人对于PHOTOSHOP的了解仅限于"一个很好的图像编辑软件",并不知道它的诸多应用方 ...
html css ps切图教程,Photoshop（PS）CSS切图必用工具
Adobe PHOTOSHOP日常咱们又被称为PS. div CSS必备切图工具PS截图多数人对于PHOTOSHOP的了解仅限于"一个很好的图象编辑软件",并不晓得它的诸多使用方 ...
psd如何快速生成html,43个PSD转HTMLCSS切图教程(英文)
英文教程,参考学习在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DI ...
Photoshop脚本批量生成Web切图
欢迎大家与我交流邮箱:coolketang@163.com 我的微信公众号"酷课堂",获取更多学习资源,欢迎留言交流. 设计师们完成网页设计稿后,需要将所有页面元素导出为web格 ...
美工psd转html工具,介绍两款可以将PSD文件生成XHTML+CSS 网页的Photoshop插件
Divine是一款以 Photoshop 插件形式存在的设计助手,它能够帮助你快速将PSD设计源文件转换成以XHTML和CSS布局的WordPress主题. Divine是一款很有爱很有想法的小软 ...

如何使用Photoshop在PSD文件上切图

如何使用Photoshop在PSD文件上切图相关推荐

最新文章

热门文章