透明logo制作教程图文(全浏览器支持)

关于透明logo的确没什么高难度,一般懒人都选择去找个网站生成,速度快、人家提供的图片有的也非常好看.

虽然如此,IE6下完全没效果!

但是终究还不太个性,呵呵…

虽然本人也非常厌恶IE6 但是它的用户量还是非常大滴…所以不得不照顾它老人家..

这样我就介绍下怎么简单制作一个透明logo

 

1.首先介绍的是用“网页三剑客”之一的Fireworks来制作透明背景Logo的方法。这个软件网上到处都有,请自行下载。打开软件之后“文件”菜单“新建”一个文档,“宽度”和“高度”根据实际选择你需要的,这里注意:“画布颜色”应选择“透明”,如下图:

图片[1]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man

2.新建好之后如下:

图片[2]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man

3.导入你的Logo图片,如果图片背景是单一的颜色,可以按如下方法处理成透明:

选择左边工具箱里的“魔术棒”工具,然后点击图片的背景,连续的单一颜色就会被选中,如下图,这时再单击“Delete”键选中的背景就会被删除,成为透明。(如果背景不是单一的颜色,可以用“套索”工具把图像抠出来,如果你会Photoshop也可以用Photoshop做好之后粘贴过来,抠图操作比较麻烦,这里不介绍)

图片[3]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man

4.逐步把其它未选中的背景删除之后,用左边工具箱里的“文本工具”(也就是那个A字)添加你想要的文字,并用滤镜美化,调节好布局使它成为你最终想要的样子。(本人不善于配色,做得比较难看)

图片[4]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man

5.接下来就是保存了,别急,如果你直接保存的话,背景是不会透明的,而是白色的。这时,应该选择“文件”菜单里的“图像预览”,快捷键“Ctrl+Shift+X”,如下图。

图片[5]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man

6.这时,会打开“图像预览”窗口如下,注意左上角的“格式”要选择 GIF 。

图片[6]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man

7.要想使背景透明,这是关键的一步。右键单击图片的背景,这时的背景已不是之前看到的透明,而是白色的。注意要点击图片而不是外面那一大块的白色,然后选择“透明”,如下图:

图片[7]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man

8.这时就可以看到透明的背景了,如下图:

图片[8]-透明logo制作教程图文(全浏览器支持)-ぷWen-One Man

9.最后,单击窗口下面的“导出”按钮,保存 gif 格式图片就成功了。把做好的Logo上传到你的网站上就可以看到效果了。当然,也可以先看看这个网站的透明Logo效

 

效果演示:http://bbs.xxm.me

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情图片

    暂无评论内容