您现在的位置: 星云电脑教程 >> 电脑教程 >> 平面设计 >> photoshop >> PHOTOSHOP 实例应用 >> 正文

收藏夹图标制作图解教程

星云电脑教程 文章来源:私房博客 作者:佚名 更新时间:2007-8-27 10:31:20 点击数有问必答

  1.打开Photoshop7.0,新建16x16像素文件(图1)(图11)或32x32像素(图2)(图10),这取决于你所需要的图标画质;

  2.画出您想要的图标(略)...

  3.保存为.PNG格式(图3)或.GIF格式,这两种格式都可以转为.ico格式;



  4.打开IE,在地址栏输入 http://www.html-kit.com/favicon/(图4);

  5.在Source Image:栏点击"浏览"按钮(图5),选择刚才制作好的.PNG或.GIF文件,然后点击"Generate FavIcon.ico"按钮;

  6.等待数秒的转换时间,IE出现如(图6)预览效果页面;

  7.点击"Download FavIcon"按钮,选择保存位置后,点击"保存"按钮;

  8.下载完毕后,得到一个ZIP压缩包,解压后找到名称为favicon.ico文件,这就是您转换成功的收藏夹图标文件;

  9.将favicon.ico文件传到您网站的根目录下(一定要保证是根目录,否则无效);

  10.查看效果:地址栏(图7),收藏夹(图8),文件图标(图9);



  备注:如果您制作收藏夹图标在多台电脑上均无效果显示,请尝试在网站模版的<head>与</head>之间加入一段代码<link rel="shortcut icon" href="http://www.fz10000.com/favicon.ico">

>>