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

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

写在前面

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

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

第一步:打开PS

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

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

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

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

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

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

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

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

搞定抠图

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

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

谢谢阅读

相关文章
|
3月前
|
前端开发
若依框架---如何使用多数据源?前端table中如何显示图片?
若依框架---如何使用多数据源?前端table中如何显示图片?
89 2
|
4月前
|
设计模式 运维 前端开发
微前端的出现的背景和意义
微前端的出现的背景和意义
44 0
|
4月前
|
前端开发
前端使用多张图片生成 Gif 效果(支持循环、不循环、完成回调)
前端使用多张图片生成 Gif 效果(支持循环、不循环、完成回调)
51 0
|
1月前
|
前端开发
前端实现视频或者图片直链下载
前端实现视频或者图片直链下载
55 0
|
2月前
|
前端开发 JavaScript 小程序
前端图片转base64 方法
前端图片转base64 方法
42 0
|
3月前
|
前端开发
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
68 0
|
3月前
|
前端开发
前端常用PS技巧总结之更换图片背景图片
前端常用PS技巧总结之更换图片背景图片
30 0
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
65 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
8月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0