当前位置:首页 > 日记 > 正文

ps怎么将图标背景透明化?

ps怎么将图标背景透明化?

我们在日常的工作或者学习中,需要使用背景透明的图标,这样的图标能够更好地嵌入到页面或者代码中。很多我们从网上下载下来的图标,背景虽然看上去是白色透明的,但真正嵌入到窗口或者页面上之后,才发现背景不是透明的,而是白色的,和周围的内容不协调,这时我们就可以用Photoshop把图片的背景进行透明化处理,去除白色的底色。

软件名称:
Adobe photoshop 6.0 汉化中文免费版
软件大小:
107MB
更新时间:
2013-04-19

一、透明化前的准备

1、打开需要透明化背景的图标。启动Photoshop后,点击右上角的文件,在下拉菜单中选择打开...然后找到图标所放的位置,打开图标。

2、放大图层,便于操作。在左侧工作栏中找到放大镜的图标后左键店点击,然后在顶部找到带有“+”的放大模式,点击后放大图标,便于后续操作的进行。

3、复制图层。因为针对背景图层的编辑和修改不能保存,所以我们先要把图标的图层复制一个出来。在右侧找到图标的背景图层后,右键点击,在出现的菜单中选择“复制图层”。

4、确定复制图层。系统默认复制出来的图层名称为“背景副本”,这个名称可以使用默认的。点击确定按钮,完成图层的复制。

5、锁定图层。点击背景图层前面的小眼睛,锁定背景图层的显示和编辑功能,这时小眼睛就变成了正方块。在背景图层上方显示了我们刚才创建和需要编辑的图层副本。

二、透明化图标背景

1、选中图层和打开色彩范围窗口。在键盘上同时按下快捷键Ctrl+A全选图层的内容,点击顶部的“选择”菜单项后在出现的下拉菜单内容中点击”色彩范围“。

2、在色彩范围窗口中选择和调整容差。这时系统打开了颜色范围选择的窗口,这是至关重要的一步。把鼠标移动到图层上后,光标自动变成了取色器,选中图标背景中白色的区域后,系统就采集了取样颜色。图标的轮廓就出来了,通过拖动颜色容差的滑块后,调整图标的轮廓,直到让图标的界限最清晰为止。点击确定选择范围。

3、回到图层界面。回到图层界面上来时,可以看到图标的背景中刚才采样的白色范围已经被选中。

4、清除背景中白色的区域。点击顶部菜单栏中的编辑,然后在下拉菜单中选择清除选项,把刚才选中的图标背景中白色的区域清除。

5、查看透明效果。清除完成后,回到图层的界面上可以看到刚才我们选中的白色的区域都被清除完成,现在的背景是透明的效果了。如果觉得现在的效果还不够理想,那么按照之前的步骤重新选择容差,再清除一遍。

6、保存为WEB所用格式。透明化背景完成后,点击左上角的的文件——存储为WEB所用格式打开文件保存窗口。

7、选择所要保存的图片格式,然后保存文件。选择图片保存格式后,需要透明化的图片格式一般建议选择png,jpg对于透明效果显示不够理想。点击底部的存储,然后选择要保存的路径后,将透明化后的图标保存下来。

8、查看透明效果。把透明化处理后得到的图标用到项目上后,查看透明化背景的效果是否理想,然后做最后的处理。如下图是透明化背景前后的效果对比。

相关推荐:

photoshop怎么制作ico图标?

ps怎么给微软图标添加塑料袋效果?

Photoshop怎么制作白色透明的ico图标?

相关文章

AI怎么使用透视网格工具绘制三维?

AI怎么使用透视网格工具绘制三维?

工具,绘制,网格,透视,电脑软件,ai中绘制三维立体图形使用透视网格工具绘制就会简单很多,下面我们就来看看详细的教程。软件名称:Adobe Illustrator CS6 (AI cs6) 精简绿色中文版(32位+64位)软件大小:205MB更新时间:2014-05-111、首先,在 AI 中点…

ppt2007中文如何去除模板水印

ppt2007中文如何去除模板水印

模板,中文,方法,水印,电脑软件,  一般在网上下载的ppt模板都会有水印图片,我们在使用模板之前通常都需要将水印去除,那么,怎样在ppt中去除水印呢?下面就让小编告诉你ppt怎样去除模板水印 的方法,希望看完本教程的朋友都能学会并运用起来。ppt…

如何解决vue与传统jquery插件冲突

如何解决vue与传统jquery插件冲突

冲突,插件,如何解决,与传统,电脑软件,本篇文章主要介绍了如何解决vue与传统jquery插件冲突,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧比如基于jquery的select2插件,在vue下单独用有很多问题,其实对于这类插件,…

vue中配置mint-ui报css错误问题的

vue中配置mint-ui报css错误问题的

错误问题,解决方法,配置,电脑软件,vue,在vue2.0中引入了mint-ui后总是报一个css的错误 但是package.json中已经配置了css-loader style-loader ,webpack.config中也已经配置了css,还是报这个错误,相反,如果把webpack.config中css的配置注释掉就…

PS怎么设计一个圆圆可爱的冰球表情

PS怎么设计一个圆圆可爱的冰球表情

冰球,表情,可爱,电脑软件,PS,想要设计一个圆形的冰球表情,夏天看冰冰的东西比较有食欲,该怎么设计呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11…

win10系统中CDRX6菜单变白色不显示

win10系统中CDRX6菜单变白色不显示

系统,显示,菜单,白色,电脑软件,相信很多同学安装了win10系统之后,你的 CDR 菜单栏就变了,变得没有任何内容,以白色显示,win10系统与CorelDRAW早期的版本兼容方面存在问题,(CorelDRAW x7/X8无此问题出现)。如果你还在使用CorelDRAW X6或更早版本的…

jquery+css实现简单的轮播效果

jquery+css实现简单的轮播效果

效果,简单,电脑软件,jquery,css,开发过程中需要用到图片轮播的插件,在网上找了几个插件之后还是决定自己码一个,比较简洁的功能,以后说不定还会有用。ps: 功能比较简单,整个框并不能根据图片的大小自动调节,这里所用的图片是1170*500的,如果需要改…

Word中进行2013版更改页面颜色的操

Word中进行2013版更改页面颜色的操

操作方法,颜色,页面,操作步骤,电脑软件,  word如何更改页面颜色是可以更改的,怎么该呢?今天,小编就教大家在Word中进行2013版更改页面颜色的操作方法。Word中进行2013版更改页面颜色的操作步骤打开word文档:选择设计菜单:找到页面颜色:选择你…

PHP从数组中删除元素的四种方法实

PHP从数组中删除元素的四种方法实

方法,删除元素,四种,组中,实例,茴香豆的“茴”字有四种写法,PHP从数组中删除元素也有四种方法 ^_^。删除一个元素,且保持原有索引不变使用 unset 函数,示例如下:<?php $array = array(0 => "a", 1 => "b", 2 => "c"); unset($array[1])…

ps中怎么设计带有纹理的3d立体字?

ps中怎么设计带有纹理的3d立体字?

立体字,纹理,3d,电脑软件,ps,刚下载了哥cs6,发现里面有3d功能,所有自己研究了一下。自己制作了哥3d立体字,感觉挺方便的,所有介绍给大家。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、打开ps,新建一个R…

Vue resource中的GET与POST请求的

Vue resource中的GET与POST请求的

实例代码,请求,电脑软件,Vue,resource,前言:vue-resource 使用比 jQuery 更加简洁的方式实现了异步请求功能,还提供了比如 interceptors 这样处理请求过程中行为的功能。下面介绍下vue-resource中常用的GET与POST请求使用与封装方法。访问 Gi…

微信指纹支付如何设置

微信指纹支付如何设置

支付,指纹,如何设置,电脑软件,  自微信升级版本以后,为大家带来了不少新功能,比如二维码收款、声音锁等。其实在支付方面也有新的突破,那就是很早以前传出的指纹支付。也就说除了支付宝、京东钱包以外,微信也加入了指纹支付的行列。本文将为…