社区应用 最新帖子 精华区 社区服务 会员列表 统计排行 社区论坛任务 迷你宠物
  • 2908阅读
  • 0回复

一个ICON的制作

级别: 经院硕士
发帖
2826
铜板
7234
人品值
3286
贡献值
1
交易币
0
好评度
2826
信誉值
0
金币
0
所在楼道
素材下载 Sample Icons
  随着 Microsoft Windows 的版本升级, Windows Icon 也跟随着新版本的OS一次一次的进行升级。Icon 尺寸从 16x16 px 32x32 px 到 48x48 px ,Icon 色深也从1bit( Monochrome - 黑白) 4bits(16 Colors - 16色) 8bits(256 Indexed Colors - 256色 ) 16bits(High Colors - 高彩色) 24bit( Ture Colors - 真彩色) 到 Windows Xp 的32bits 到24bits+8bits (Alpha Channel - 256阶透明通道)。而这次 Windows Vista 带给我们的是 256x256px 32bit Icon 并支持采用 PNG 无损压缩的格式的进行存储。让我们一起来回顾一下 Windows Icon 发展史。

如何兼顾兼容性以及图标文件容量大小

  Windows Vista Icon 让我们遇到的最大的问题在于如何保证兼容性又能控制图标的大小。正常来说一个 256x256 32bits+8bits Vista Icon 在压缩的情况文件的尺寸大小是 90 KB上下。而这样的图标使你无法在 XP 以及以前的操作系统进行正常的显示。因此我们可以采用 仅仅针对 256x256 px 的图标进行压缩的方法。虽然整体的图标尺寸稍微变大了因为48x48以下的图标不进行PNG方式存储。我们得到的文件尺寸大概在 110 KB上下。因为如果全部不进行压缩我们得到的图标将是 400KB 上下。变化还真快想到现在的图标竟然能一个小型共享软件还大。

具体制作的方法

这里我选择了最新为 BitSpirit 3.1版设计的一套 UI 中的主程序 Icon 做为例子。

Step 1




  首先你必须使用图形设计工具 Photoshop Illustrator Flash 等软件生成一个 32bit 带透明通道的 PNG格式文件。

Step 2





  由于 axialis software 推出新版本的 Icon Workshop 6 已经很完美的支持了 Windows Vista 256x256 Size Icon,因此我们只需要使用 Icon Workshop 6 ( http://www.iconworkshop.com ) 打开刚才的PNG格式图片。并点击左上角的第一个生成 Windows Icon 的图标。

Step 3



  这时我们就到了 New Windows Icon from image 的设置窗口。将 Windows Vista Formats 的 256x256-XP 与 Compress 256x256 formats for Windows Vista (embedded PNG compression)的选框选上。如果你没有选择上第二个压缩的选项。这时你将得到有一个400KB 左右"横纲级" 的Icon。

Step 4



  Ok!这时候 Icon Workshop 6 已经帮你完成了多个格式的转换工作。这时候你可以对你的图标进行修饰修改或者增加删减各种格式。如果你想看看你的设计成果在 Windows Vista 中的效果,你只需要把生成的图标到一个文件夹中,将文件夹显示方式改为最大的显示方式你就会得到下面这张图中的 Vista 图标。



总结心得

  其实 256x256 对于现在 72~96 dpi 的 CRT & LCD 显示器来说确实是太大了使用的意义并不是很大。毕竟苹果 MacOSX 也仅仅支持最大128x128 的图标。但 Microsoft 提到过希望未来显示器的 dpi 将会提高到 200dpi 。这时 256x256的图标便能体现出它的用途了。当然虽然现在 200 dpi 还不切实际。可是谁知道那天LCD技术突破,200dpi 也能成为可能。关于大图标表现力 Microsoft 还得动动脑筋。Mac OSX 的 Dock 确实讲大图标的表现力发挥到淋漓尽致的地步。而 Windows Vista 中基本上也只是一个噱头。

  注:此教程只针对 Windows Vista Beta1 的系统。但不排除今后 Microsoft 有可能对 Icon 这文件格式方面进行修改或者调整。



评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
描述
快速回复

您目前还是游客,请 登录注册
批量上传需要先选择文件,再选择上传
认证码:
验证问题:
10+5=?,请输入中文答案:十五