Let's Make It 16X16!

2009-10-17
woconlogo2.gif
      一开始,我要介绍一个网上已经泛滥了的很古老的东东,那就是一款叫做“Fugue Icons”的16X16小图标。这套图标精彩的地方在于它在16X16的苛刻环境下不仅做到了尽可能的精细而且还最大化的避免了16X16图标可能会出现的像素感(或者说锯齿感)。比如下面这个手电筒的图标:

figure01.png

      我们一贯的思维是:既然是16X16的图标,那么我要做的就是新建一个16X16的文档然后用1Pix的铅笔慢慢点就是了。可是这套图标的作者用了另一种方法:他在32X32的分辨率下绘制Icon,然后用缩小的方法得到目标中的16X16Icon。在32X32的放大图中,我们可以看到很多2X2像素的方块(图中蓝色框),所以我们猜测作者可能先在16X16的分辨率下用1Pix的铅笔绘制了基本的形状,然后无抗锯齿放大2倍得到32X32的分辨率,之后继续用1Pix的铅笔对很多细节部分进行进一步修饰(图中红色框),包括整个图标的外边框。
      这样做的优势是什么呢。我们如果直接用1Pix的铅笔在16X16的模式下人工进行抗锯齿,那么这个尺度非常难控制,要么出现很奇怪的效果,要么抗锯齿过了头开始变的模糊了。而前面所说的方法是让需要精确的部分在32X32的分辨率下保持2X2的方块,而一些增添质感和抗锯齿的细节则用1Pix的铅笔修饰。最后通过绘图软件缩小50%得到的小图标经过电脑的抗锯齿运算可以得到人工很难做到的最精确的抗锯齿等级。如图,左下角的16X16的图标原是大小看起来整体是不是既柔和又精细呢?

一个16X16的铅笔图标实例:

figure02.png

首先是新建16X16画布,然后用1Pix铅笔工具把铅笔大概的形态点出来

figure03.png

然后无抗锯齿放大200%(如果使用PS则在重定像素下拉选项中选择“邻近”)

figure04.png

关键的过程开始。我个人总结的方法是,注意光源是从左上方照下来的,那么也就表示铅笔靠左侧的区域可以使用抗锯齿来柔化,而面向下的背光部分则不去改动它,保留2X2像素的色块。然后是加上高光,修改细节,最后把图标恢复到16X16的分辨率(注意此时的重定像素选项应该为“两次线性”),完成!(蓝色圆框中即为16X16的完成品)

该日志的评论
我就是懒得写标题
受教啦~![��ʸ��:v-73]

只有管理员可见