点击这里给我发消息 点击这里给我发消息

像素入门

添加时间:2010-1-5
    相关阅读: 软件 制作
这一篇是我写的第一篇教程,现在看回来,觉得不够详细。现在正计划编写更完整的一套教程,目前在www.ourpixel.com连载,完成的章节会转到这里来。

这一章是为一些刚接触像素但还不太了解的朋友准备的,其实网上有很多地方都有这些教程,我也是从网上学到这些技巧的,但我还是准备写一章,是想和大家分享我的一些摸索的经验,所以我将这个栏目命名为"探索手札"。

那么什么是"像素"呢?其实这里的像素是特指像素艺术,因为不这样说明,任何在电脑上出现的图片都是像素,那就显不出像素艺术的特别之处啦。所以像素画是指一种有目的地控制每一个像素来完成的画。所以可想而知,画像素一定很烦琐,因为要一个一个像素的点,但我是迷进去了,可能是我有控制欲,想控制每一个像素,哈哈。而像素图和一般图的区别很简单,参看[图-1]就可以了解的了。(一句话,像素是不要"AA"-"AntiAlias"抗锯齿的图。)

插画中国温馨提示:单击图片可在新窗口浏览图片^_^

那么具体怎么样去掉"抗锯齿"这个功能呢?(忘了说一句,在这个栏目里所用到的软件均为Adobe的Photoshop7.0和Imageready7.0,简称PS和IR。所以示意图也是这两个软件的工作界面。当然,不是只有这两个软件才可以做像素,只要有放大,缩小,和输出功能的点阵式图像制作软件都可以胜任像素制作,如MS-Paint,Macromedia的Fireworks,etc。)好,如图所示,选择铅笔工具,相应的橡皮Mode一栏,有三个选项:Brush,Pencil,和Block,选为Pencil,即可。),如果要加入像素化的字体的话,将Anti-Alias的Type选为None,就把"抗锯齿"功能去掉了。

插画中国温馨提示:单击图片可在新窗口浏览图片^_^

好了,万事具备了,可以用我们的铅笔工具开始在画布上点着玩啦,第一步我们是要起稿,起稿的时候很注重线条的规范性,现在看看[图-2],图2中的第1列是像素画里基本的直线,而第2列则是被认为错误的起稿线条,错误的地方是每个小方块不是对角线相连的,也就是说图里红色的地方是属于多余的像素(说明:第1个直线是1个像素连1个像素,第2个直线是2个竖着的的像素相连,第3个直线是3个竖着的像素相连,不同的排列形成各种角度的线条,关于这种排列涉及的各种问题会出现在"像素里的数学问题中"。)当然凡事没绝对,有的时候为了特殊效果而故意在那些地方加上"多余"的像素的,但在画直线的时候还是以上方法最准确。当我们把[图-2]恢复成原始大小的时候就发现,错误画法的线条就象被咬过一样,看着不象一条直线。

插画中国温馨提示:单击图片可在新窗口浏览图片^_^
插画中国温馨提示:单击图片可在新窗口浏览图片^_^

直线掌握了这个方法就很好画,而且不是只有以上3种的画法,原则上是规则的排列就可以形成各种各样的直线的了,参考一下[图-4],比较困难的是画弧线。

插画中国温馨提示:单击图片可在新窗口浏览图片^_^

弧线画法的原则是像素递减排列,象[图-5]中左边的第一张图,就是以4-2-1-2-4的顺序排列的,如果圆越大,递减的梯级就得越多,这样的线条看起来才会有圆滑感,不过画大的正圆真的很有挑战性,各位看官不妨试试自己的耐力。

插画中国温馨提示:单击图片可在新窗口浏览图片^_^
画圆可以偷懒,只画出四分之一的圆弧就行,然后复制图层-->旋转90度-->再复制-->再旋转,重复3遍就可以把圆画出来。

插画中国温馨提示:单击图片可在新窗口浏览图片^_^

NOTE
象上面的复制法很多时候都可以用到,不管是画圆画圆柱画立方形画锥体,其实用像素来建造的房子也就是由这些基本形组合来组合去的,用这样的方法可以大大节省时间,提高效率哦! 本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册