前端常用PS技巧总结之将图片背景透明化

简介: 前端常用PS技巧总结之将图片背景透明化

写在前面

接下来几个篇文章我会写关于常用的PS使用技巧以及怎么处理一些图片问题,之所以写是因为很多时候啊,不是每一个公司都会帮你配一个UI设计师,帮你将图片P好,整理好,然后直接给你用的,更多的时候其实是只有一个产品经理,下面就是几个很(gou)牛(xie)的编程人员在干活,那么这个时候一个图片需要处理怎么办呢?这就是体现一个人的全面性的时候了,是时候展现真正的技术了。

今天第一篇写怎么将图片背景透明化,其实这个一个很大的需求,很多的时候我们的logo为了适应我们页面的背景色,最简单的处理办法就是将logo的背景透明化,这样不管你的背景是什么颜色的,都是可以直接适应的,所以透明化背景是一个拥有很高的需求量的工作,下面我们说一下怎么使用PS将图片透明化。

第一步:打开PS

第二步:打开一张图片(为了显示效果,我们操作一张相对比较麻烦的图片作为例子)

这是一张元素比较多的图片,什么是元素比较多呢?它包含了人物,图案,边框,虚线,英文 等,但是这样的背景是单一的,还是比较简单的,

第三步:解锁图层(双击这个锁头)

第四步:点击菜单栏选择-色彩范围-点击确定

第五步:查看一下是不是全部选择了,如果没有,使用快速选择工具整理一下没有被选中的部分(一般都会被选中)

第六步:将鼠标移动到工具栏的第一个,移动工具上面,然后点击正在编辑的图片,按键盘的Delete键。

最后一步:文件-存储为-png格式的文件,我们再次打开的时候可以看到背景已经是透明的了

另外呢,如果您的图片是比较简单的图片,我这里给您推荐一个网站可以直接抠图的还可以直接替换背景的在线编辑网站

搞定抠图

这个网站怎么使用呢?相信您自己一看就明白了,中文的, 免费的,使用起来很方便,特别是证件照改底色是最快的。我一般都是用这个网站更改证件照的底色。

喜欢我的文章的可以关注一下博主,我会在文章里面涉及不同的技术!

谢谢阅读

相关文章
|
2月前
|
前端开发
后端返回图片二进制流,前端转base64
本文介绍了如何将后端返回的图片二进制流转换为Base64格式,以便在前端使用。通过在axios请求中设置`responseType`为`arraybuffer`,然后使用`btoa`和`Uint8Array`进行转换。
231 5
|
1月前
|
存储 前端开发 JavaScript
🚀前端轻松实现网页内容转换:一键复制、保存图片及生成 Markdown
在现代前端开发中,提升用户的交互体验至关重要。本文将详细介绍如何使用 HTML2Canvas 和 Turndown 两个强大的 JavaScript 库,实现将网页选中文本转化为图片并保存或复制到剪贴板,或将内容转换为 Markdown 格式。文章包含核心代码实现、技术细节和功能拓展方向,为开发者提供了一个轻量级的解决方案,提升用户体验。
131 68
|
1月前
|
JavaScript 前端开发 Python
django接收前端vue传输的formData图片数据
django接收前端vue传输的formData图片数据
33 4
|
1月前
|
前端开发 小程序 Java
java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机
这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。
19 1
|
1月前
|
前端开发 JavaScript 编译器
不走弯路,纯前端如何把图片导出成视频!
【10月更文挑战第3天】不走弯路,纯前端如何把图片导出成视频!
42 3
|
1月前
|
JavaScript 前端开发 编译器
吐血整理:纯前端如何实现批量dom转图片,并下载成压缩包
【10月更文挑战第2天】吐血整理:纯前端如何实现批量dom转图片,并下载成压缩包
48 2
|
2月前
|
前端开发
前端之图片操作
前端之图片操作
|
2月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`<img>`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`<a>`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
50 13
|
2月前
|
前端开发 JavaScript
node接收前端上传的图片,单文件、多文件同name、多文件不同name
本文介绍了在Node.js中使用multer模块接收前端上传的图片,包括单文件上传、多文件上传(同name和不同name)以及任意类型文件上传的方法。
53 0
|
3月前
|
JavaScript 前端开发 编译器
纯前端如何实现批量dom转图片,并下载成压缩包
【8月更文挑战第22天】纯前端如何实现批量dom转图片,并下载成压缩包
96 0