[对 IconBoy's Pixel World 的研究] 作者:狂人=Madman=

  目的:
   # 对 IconBoy's Pixel World 进行研究,并尝试模仿

  适用:
   # 时间充裕的拼图、积木爱好者

  程序:
   # Windows 画图程序
   # Animagic GIF

  效果:

  正文:

  闲逛,看了看 IconBoy 的站站~~瞧到他做了一堆这样的图标:


  IconBoy 说这是他花费了时间认真思考 Vista时代 像素艺术将何去何从而获得的结果。这样的大图标似乎挺可行哈~~不论怎样确实好看加好玩!可是仔细看起来让人好怕怕,这家伙是怎么弄的?好复杂啊~~ -_=b 把一个个像素点变成了立体的方块,不,似乎不是复杂的问题,是“繁杂”啊~~

  这家伙肯定有方便快捷的方法!

  可怜我是个只会用“Windows画图”的笨蛋(谁让我画图用得这么溜~~嘎嘎),于是用最笨的方法再现一下 IconBoy 的东东……有预感, IconBoy 肯定不是这么搞滴~~

  选幅小图,整个弄完了,才发现,什么“小”图片啊~~~ 32*34 哎!整个要搞好几百个点点……第一次“试玩”应该弄轻松点儿的才是啊。回头一看 IconBoy 那些图标都是 12*12 的……


  先从他的图片里拆出小方块,看看是什么“规格”的,像素图“点”是元素,在他的图里就是“小方块”喽,掌握了小方块就万事齐备了(感觉自己好天真,其实关键并不在这些小方块上……)。


  本来想把原图像放到4倍,然后用“扭曲”将图片变成斜角,但是沮丧的发现画图的“扭曲”功能仅支持整数,扭 26.565 度 看来是不行了,更何况这也不准确,扭出来的图片依旧不是二二阶梯……于是想到了另一个方法……(有点后悔,新想出的方法更麻烦)

  好了!我的计划是先排出一片斜角网格,然后在网格上如同正常画像素图一样,一个点一个点来弄……我用亮紫色[255,0,255]排出了两种网格,乍一看差不多,但我实际选择了右边的那种。


  对照着原图,玩玩添色游戏……左边那个是没用的,我只用了右边的。


  该让纸片立体起来了!用亮绿色[0,255,0]勾出另外的边,哎?!汗,勾完了才发现,这一步真是多余没有意义,好笨哦……


  就是啊!要先把图“剪”下来才对嘛……


  嗯!这样勾出的线才是有用的线!其实不论是紫线绿线,都是辅助线,参考用的,早晚要消失。


  看看原图还是很简单的,用黑色勾了边,所以立体起来侧面都是黑色的……


  啦啦啦!砌砖砌瓦的拼图游戏有趣加无聊。黑色都搞定了!(整个头发都是“标准规格”的黑色砖墙)


  瞅瞅其他的砖块。


  拼上去,拼上去!


  感觉别扭的地方还需要调整调整。


  似乎像模像样的了。看看表,这时间花费得可不像样……IconBoy 肯定不是用这样没有效率的办法的!

  把 IconBoy 的图标一点点抻平,着一个个方方正正的点……噢!明了多了!我可以直接把原图像放到4倍,处理出每个“像素格”,然后再手动“扭曲”(肯定有办法自动扭的吧)成斜角。比之前的办法高明不少哦,至少不用数着格数玩“添色游戏”了。平面图也好处理得多。(这不是最原始想到的那个办法么……)


  哎呀呀!动手看看吧!


  我说“斜过来!”,于是它就斜过来了……说笑而已,是我手动拽成二二阶梯的,个中辛苦谁人知……


  懒了,直接把斜过来的图片层层叠起,变成立体的,妥了!


  其实 IconBoy 的图片颜色是有过渡的,看起来很舒服,这个嘛,用 Windows画图 就太吃力了。在平面的状态下先做渐变似乎方便一些,可是,似乎 IconBoy 也不是那么做的,瞎猜瞎猜,呵呵。


  虽然忙活一天,可是结果并不令人满意,总是感觉没有效率。软件装了不是用来放着占我宝贝硬盘的,是要用的!

结稿 2007.6.30


后话:
  很有趣,在 [这里] 看到了类似的东西,还是2004年的,更详细的链接请看下面列出的“相关链接”。这种表现形式,不难想到,想必接触过像素的都会有过这样的想法。IconBoy 将这种表现联系到了 Vista 多通道的大图标,作为一种解决方案,也是不错的。本文并不探讨其他的问题,包括这种形式是否可行,只是随便搞搞,看怎么做成 IconBoy 的那种效果 。

—— 2007.7.25


关键词: 像素艺术 设计 头像 画图 Vista 拼图