教你如何自己加工文件图标

filetypeicons.png
很多朋友都有美化系统界面的习惯,让自己的电脑与众不同。可是文件类型的图标一直是个问题:文件类型实在是太多了,没有哪个美化包能够顾及所有你所使用的文件,要么个别不满意,要么和整体视觉效果不搭配。

何不自己动手diy呢?在下面的例子中可以看到,并不需要很多的工序,你只需要找到合适的大类图标,比如视频图标,音频图标,再加上后缀名称作识别,效果也会非常好,而且直观易于识别。OK,现在我有一个空白的文件图标和一个音符图标(透明背景的png格式),如何来制作一个mp3文件图标:

icon-blank.pngnote.pngmp3.png
在Photoshop中打开png图像,把它们按照你喜欢的布局组合到一起。然后用文字工具在合适的位置添加文字,mp3, ogg, wma, 随便什么啦,调整满意之后另存为png图像,也可以把Photoshop文档存下以备今后使用。

psguide.png
最后用图标工具(比如 Stardock IconDeveloper )把 png 转成 ico:不必输出太高的分辨率,一般WinXP系统图标最多64x64,所以输出五种分辨率,16x16, 24x24, 32x32, 48x48, 64x64, 一定要带alpha透明通道,比较低的色彩格式比如256色什么的没有必要带上。
要注意改变图像大小的时候的像素重组方式,千万不要用邻近像素的方式。可以多试试,选择合适的。

png2ico.png
如果你 Photoshop 这些都很熟练的话做起来会非常快。在本文开始的地方我提供了一个我做过的东西的预览图,如果有朋友需要的话可以放出 psd 模板下载,或者我做过的 png/ico 下载。

注:部分素材来自苹果操作系统 Mac OS X Tiger.

最新评论

  • 高午饭 博主现在的社交网络有么,想关注您呢 我为什么爱 Twitter
  • 西贝博客 很好的建议!谢谢分享! 如何为 blog 建立一个高效的标签系统
  • 苹果 老罗露脸了,哈哈,支持他现在的事业 我为什么爱 Twitter
  • 飞之梦 不错,第一次看到这些效果,以后要用一用了。 CSS 文字阴影在网页设计中的应用
  • QQ地带 大牛,pansou也是用的ajax search,为什么他不会被墙呢,因为他调用的地址是ip,不是直接的谷歌域名。请问怎么实现。 打造完美的 ajax 版 Google 自定义搜索

发表您的评论

您的评论将回复给 原评论者

:D:):O8):(8D;DXD:P:nice::rainbow::cafe::love::cake:

目前有 2 条评论

  

酷!!!看来大家还是喜欢MAC的图标啊...


fisio 回复: nod 不过那个音符图标倒是 Linux 下的 Crystal 系列...

学习了,呵呵