前端技能一:photoshop切图

作者: smartHui | 来源:发表于2018-03-29 09:50 被阅读22次

一、切图

S1:选择切片工具:

S2:导出,存储为Web所用格式

S3:保存切片【注意:选择所有用户切片】

备注:如果保存的是jpg格式,切的图带有背景色

如果切的图不需要背景色,则需要使用如下步骤:

S1:在【移动】模式下,选择移动工具

S2:右击鼠标,点击【图层0】

S3:隐藏图层

S4:这个时候,重复切图的步骤,并保存为png格式。就是不带背景色的图片了

备注:勾选透明度

相关文章

  • 前端技能一:photoshop切图

    一、切图 S1:选择切片工具: S2:导出,存储为Web所用格式 S3:保存切片【注意:选择所有用户切片】 备注:...

  • mac安装ps破解版(亲测可用)

    作为前端开发人员,也需要慢慢学会切图仔的技能包,那也就少不了Photoshop这款软件。今天在这里分享下mac下的...

  • web前端--PhotoShop切图

    切图工具 要点:- 使用PS工具- 使用背景图- 图片合并方案- 浏览器兼容 使用PS工具 PS首选项设置,将单位...

  • 17个前端切图快捷键,你知道几个?

    都说前端切图很简单,好吧, 那起码我比你快! 相对于设计,web前端切图用到的PS技能较少,在切图过程中掌握一些必...

  • photoshop 切图技巧

    仅供学习,转载请注明出处 切图介绍 当在前端开发或者某些图片需要切下来的时候,可以使用photoshop的切图功能...

  • 开始前端开发(PhotoShop切图)

    开始之前…… 这篇文章并不是教你如何美化图片的,它针对前端开发的图片操作。 这篇文章注重细节,像是工具类文章。所以...

  • 技术文章地址

    Web前端开发CSS、JS 廖雪峰的JS教程 JQuery基础 前端工程师必备的PS技能—切图篇 前端入门方法 A...

  • PhotoShop各种切图方法

    用PhotoShop切图是很常见的一个操作,其实PhotoShop有多种切图方法,现总结如下: 方案1:导出切片 ...

  • PhotoShop切图

    PhotoShop切图 1. 原始切图 (3)导出为web常用格式,一般为png-24。 2. 基于参考线的切图 ...

  • 前端必会的切图技能

    第一种: 利用切片工具切图 打开ps---->在左边工具栏找到切片工具---->选中你要切下的图片----->选中...

网友评论

    本文标题:前端技能一:photoshop切图

    本文链接:https://www.haomeiwen.com/subject/smapcftx.html