[对 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 拼图
- 固定链接: http://www.madcn.com/madcg/jc_pixelworld.php
- 相关链接: [MadCN像素辞典]
- 相关链接: IconBoy Icon.CN
- 相关链接: 等角表情 中文
- 相关链接: 等角表情 英语 [Matriax]
- 相关链接: 等角表情 第一部分 西班牙语 [Matriax]
- 相关链接: 等角表情 第二部分 西班牙语 [Matriax]