网站制作透明地址栏图标favicon.ico教程

2017-03-15 09:29 出处:未知 人气: 评论(0
 无论是博客还是网站,做一个ico显示在地址栏上面,是很有必要的。好的图标能留给访问者很深印象哦。所以Ken今天给博客加上了一个ico,感觉还凑合,所以就发一份教程,希望能给各位朋友帮助。用到的工具有Photoshop版本随意以及Axialis IconWorkshop 6.3,软件可以到网上下载(注意安全问题哦)。

  首先,打开Photoshop软件,我用的是Photoshop9.0,文件》新建》设置如下图:

   然后就发挥自己的创造力,创造属于自己的ico。我简单的做了一个,用于教程。

    制作的过程中,注意把需要透明的地方选中(推荐用魔棒工具),然后按Del删除,见到一些灰白相间的网格则是代表透明部分。

  作品完成以后,单击文件》储存为Web所用格式》如下配置:

    之后便可以打开Axialis IconWorkshop软件。

  单击 文件》打开,然后打开你刚才保存的.gif文件。然后按图操作:

    从图标创建 Windows 图标,然后如下图配置。

   按下确定后,程序很快就把.gif文件转换成ico,然后我们就保存吧。

    保存以后的ico文件更名为favicon.ico,上传到网站的根目录,然后就可以生效啦。不过我估计只能在ie7以上或者某些浏览器可以看到效果了。

  附上psd文件,觉得设计一个ico麻烦的话就来我博客下载改吧。

分享给小伙伴们:

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

签名: 验证码: 点击我更换图片

评论列表

    • Ico5网可以将png转ico和所有图片转ico, 透明ico图标制作、动态ico图标制作方法及ico图标下载!
    • 热门关键词:ico制作 在线favicon.ico生成 ico图标制作

    Copyright © 2015-2016 Ico5.cc.版权所有 ico图标制作网 皖ICP备16019369号-2