admin管理员组

文章数量:1532656

2023年12月25日发(作者:)

最简单的制作桌面图标方法 作者:868-stylehh

个人主页:

如何制作透明背景的图标?

回答这个问题需要两个步骤:如何建立透明背景的图片和如何将透明背景的图片转化为图标?下面我就一一解答:

一、如何将图片背景转换为透明背景?

如果你在网上搜索的话会看到多种的实现方法,今天我就就我的亲身实践赘述两例:

1.利用Photoshop实现

利用Photoshop实现图片背景的透明化应该是一个通用的方法。

①.启动Photoshop(我用的是Photoshop CS4版本)打开要转换的图片(我的图片格式为jpg),最好将图片裁剪,变为正方形,为以后建立favicon做准备。查看“图层”面板可以看到一个名为“背景”的图层,在此状态下,Photoshop是不允许直接编辑背景图层的,我们要把它转换成普通的图层。

双击该图层,出现“新图层”对话框,不用设置,我们直接点“确定”,即可将“背景”图层转换成普通图层。

这时再查看原来的图层,会发现原来的“背景”图层已经消失,代之以新建的图层。

②.选择“魔棒”工具,点击你要删除的背景,这是图像边缘会出现虚线

直接按“delete”键,就可以将背景图片直接删除,此时透明处显示的是灰白的栅格,你需要的图片部分怎给予了保留。

③.选择“文件”–“存储为Web和设备所用格式”,在弹出的对话框窗口中,选择将图片存储为PNG-24格式(只有PNG和Gif格式的文件才能将图片的透明色显示出来),并将下面的“透明度”选上。

看,图片已经由原来的白色北京呢个变为透明背景

2.利用PowerPoint实现

其实将图片背景装换为透明的还有一种更简单的方法,那就是利用微软Office中的PowerPoint。

首先选择需要转换的图片,将图片粘贴入或者导入PowerPoint文件中,选择图片后,会弹出“图片”选项框,在选项框倒数第二个按钮就是“设置透明色”。选择此按钮后,然后点击图片中图片的背景就可以将图片变为透明的了。

选择图片-右键-另存为图片,在弹出的对话框中,将图片格式设置为PNG或者Gif,此时图片就会是透明背景的图片了

二、如何将透明背景的图片转化为图标?

前面我写过《为你的网站增添个性化图标》的文章,解答了如何为网站增添的方法。但是用这种方法建立的的图片背景是白色的,即使是你讲第一步中透明的PNG图片上传,生成的图标依然是白色背景,所以这个方法生成透明的并不可取。

下面我说明用Photoshop的方法:

Photoshop中默认的另存为选项中并没有另存为ico的格式,但是要实现这个功能确实可以通过Photoshop的插件-ICOFormat实现。

下载icoformat插件后,将插件解压后,复制到Photoshop安装目录中的滤镜插件安装目录Plug-ins文件夹中。

插件下载:

/user/stylehf/file/2840349

将上一步实现的透明背景的图片用Photoshop打开,首先选择:图像-裁剪,将图片变为正方形,然后选择,图像-图像大小,将图像的大小设置为32*32像素

然后选择“文件”-存储为…,在弹出的对话框中,选择已经出现的ico格式,此时就会将图片变为透明的ico图像了。

剩下的就是重命名为“”,上传到空间替换原来的ico图标或新加图标,具体方法可以参见前文《为你的网站增添个性化图标》.

补充:对于转化为透明背景下面略作补充

Fireworks:制作背景透明的图片

目前支持背景透明的图片格式主要是GIF,其它格式大多数都不支持,所以必须将图片转化为GIF格式。如果你的图片原先是JPG格式,那么在Fireworks或Photoshop下使用选区工具和魔棒工具将需要变透明的区域删除即可。然后导出成GIF格式,此背景即变为透明。

如果图片原先已经是GIF格式,可以这样制作透明背景图片:

用Fireworks4或Fireworks MX 2004等版本打开图片,然后按Ctrl+Shift+X,输出状态下Format让它变为GIF。在右边的预览图中,把它放大。然后在你要变透明的区域按鼠标右键,选“Transparent”,这样就可以了,背景就变为透明了。

附:这种情况下,只要是图片中跟背景颜色的地方全变透明了。如果你只想让背景变透明,其它的地方不变,可以使用Windows画图程序,把背景涂成蓝色。然后用Fireworks把这个蓝色背景变透明。

制作背景透明的图片,使用Fireworks操作更简单一些。Photoshop操作比较复杂

(111.62 KB)

(98.78 KB)

本文标签: 图片透明背景图标图层