关于透明logo的确没什么高难度,一般懒人都选择去找个网站生成,速度快、人家提供的图片有的也非常好看.
虽然如此,IE6下完全没效果!
但是终究还不太个性,呵呵…
虽然本人也非常厌恶IE6 但是它的用户量还是非常大滴…所以不得不照顾它老人家..
这样我就介绍下怎么简单制作一个透明logo
1.首先介绍的是用“网页三剑客”之一的Fireworks来制作透明背景Logo的方法。这个软件网上到处都有,请自行下载。打开软件之后“文件”菜单“新建”一个文档,“宽度”和“高度”根据实际选择你需要的,这里注意:“画布颜色”应选择“透明”,如下图:
![图片[1]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man](/wp-content/uploads_emlog/201112/a07ea4dbcb7905ee6e7deccb19d807a220111209121437.jpg)
2.新建好之后如下:
![图片[2]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man](/wp-content/uploads_emlog/201112/a5ca4a08bdc084ecdc1b67c546415d9120111209121442.jpg)
3.导入你的Logo图片,如果图片背景是单一的颜色,可以按如下方法处理成透明:
选择左边工具箱里的“魔术棒”工具,然后点击图片的背景,连续的单一颜色就会被选中,如下图,这时再单击“Delete”键选中的背景就会被删除,成为透明。(如果背景不是单一的颜色,可以用“套索”工具把图像抠出来,如果你会Photoshop也可以用Photoshop做好之后粘贴过来,抠图操作比较麻烦,这里不介绍)
![图片[3]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man](/wp-content/uploads_emlog/201112/17a674c5fae79d6e5c0ef85a8d1ade3420111209121445.jpg)
4.逐步把其它未选中的背景删除之后,用左边工具箱里的“文本工具”(也就是那个A字)添加你想要的文字,并用滤镜美化,调节好布局使它成为你最终想要的样子。(本人不善于配色,做得比较难看)
![图片[4]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man](/wp-content/uploads_emlog/201112/6559d340cf70913d13e0fe8e24fdaf4c20111209121451.jpg)
5.接下来就是保存了,别急,如果你直接保存的话,背景是不会透明的,而是白色的。这时,应该选择“文件”菜单里的“图像预览”,快捷键“Ctrl+Shift+X”,如下图。
![图片[5]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man](/wp-content/uploads_emlog/201112/1dc20352aa63aaee9b09f9a2439959d120111209121454.jpg)
6.这时,会打开“图像预览”窗口如下,注意左上角的“格式”要选择 GIF 。
![图片[6]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man](/wp-content/uploads_emlog/201112/a33e9392ac39429567995be89f8ff59520111209121456.jpg)
7.要想使背景透明,这是关键的一步。右键单击图片的背景,这时的背景已不是之前看到的透明,而是白色的。注意要点击图片而不是外面那一大块的白色,然后选择“透明”,如下图:
![图片[7]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man](/wp-content/uploads_emlog/201112/97e63711424b8c0b19a1c7ea523e252f20111209121459.jpg)
8.这时就可以看到透明的背景了,如下图:
![图片[8]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man](/wp-content/uploads_emlog/201112/fb851996edb0e72bae02289593a8421620111209121503.jpg)
9.最后,单击窗口下面的“导出”按钮,保存 gif 格式图片就成功了。把做好的Logo上传到你的网站上就可以看到效果了。当然,也可以先看看这个网站的透明Logo效
效果演示:http://bbs.xxm.me

暂无评论内容