像素画基础教程

大家好！我是阿诺。在开始今天的课程前，阿诺想问大家：在制作属于自己的NFLASH作品的时候，有没有觉得总是使用现有的图片没有挑战性啊？有没有想过亲自动手来绘制漂亮的图形呢？好！今天阿诺就向大家介绍一下一个新鲜东东――像素画。

大家在制作NFLASH作品的时候会对图片进行处理，这样做是为了达到最佳的显示效果。其实啊，学习机上显示效果最好的并不是我们经常使用的图片，而是今天要向大家介绍的“像素画”。

一、什么是像素画

大家平时处理的图片实际上是一种点阵式的图像，在电脑上显示的时候是由一个个方形的色点构成的。其实像素画也是隶属于点阵图的，但它比通常的点阵图更强调清晰的轮廓、明快的色彩，而且几乎不用混叠方法来绘制光滑的线条，同时它的造型比较卡通，得到很多朋友的喜爱。可以从下面的图片来看看像素画和通常点阵图的区别。

像素画

通常点阵图

至于具体的像素画的概念，阿诺的理解就是：利用像素（电脑上最小的图像单位，pixel＝picture element，直译就是图像元素）作为笔触（可以是1个像素，又可以是好几个像素）所画出来的画。比较熟悉像素的朋友都会知道像素画里有许多流派，对像素的定义也不尽相同，那么答案自然也多种多样。大家不必强记像素画的定义，重要的还是大家能绘制出精致的、具有自己鲜明风格的像素作品。

二、像素画工具的选择

了解了像素画的基本含义，大家就可以正式开始学习绘制了。工欲善其事必先利其器，一个好的工具也是绘制像素画的得力助手。其实选择什么样的软件，因各人的习惯而定，无论你选择了什么软件，其制作像素画的流程还都是一样的。制作像素画的软件一般可分为两种类型，一种是用来制作Icon图标的专用软件，比如Microangelo、Iconcool、Articons等等；另一种则是用来编辑位图的图形软件，比如：Photoshop、Fireworks、Windows自带的画板工具。呵呵，这么多，大家是不是看晕了？阿诺在此还是向大家推荐Photoshop这个强大的图形软件。因为Photoshop相比其他软件，优势非常明显：1、画布大小你可以随意设置（但是分辨率最好保持在72dpi左右）；2、各类工具的快捷键以及便捷的复制粘贴功能；3、网格、标尺、辅助线功能帮助你正确定位；4、最最强大的图层功能，让你随心所欲，驰骋画布；5、双窗口功能，复制出一个内容、名称完全相同的视图，一个放大了绘制用，一个保持100%大小预览用，这对绘制像素画而言是很重要的一个功能；6、历史记录功能等。总之，Photoshop绝对是像素画绘制工具的首选。不过大家确实不方便安装第三方软件的话，Windows自带的画板工具也完全能够胜任。鉴于Photoshop强大方便的功能，本教程阿诺就使用Photoshop来带领大家学习啦。

三、像素画的规范要求

大家还记得刚开始学习汉字的时候吗？老师一开始就教我们“点、横、竖、撇、捺”的汉字基本笔划。同样的，像素画也像汉字一样是遵循一定的规范的,不过我们叫它作基本线条。像素画中的基本线条都是根据像素点的不同排列方式形成的，只要遵循这特定的规范，最后就能绘制出漂亮的像素画。

下面我们再看两张图来对比一下：

大家可以明显看到，规范的像素画边缘锐利、结构清晰、画面细腻；不规范的像素画像素点并排、重叠的现象较严重，影响到图形的结构，破坏画面的整体气氛。

下面，我就向大家介绍像素画的基本线条。(以下笔刷统一为铅笔工具1像素)

①　22.6°的斜线：以两个像素的方式斜向排列，共分为双点横排、双点竖排两种排列方法。此类线条较常用于建筑的描绘，因此3D建筑的统一透视角度也为22.6°。

②　30°的斜线：以两个像素间隔一个像素的方式斜向排列，当竖向排列时则形成了60°的斜线，此类线条使用较为灵活，经常与其它线条配合使用，以便完成一些特殊的造型。

③　45°的斜线：以一个像素的方式斜向排列，此类线条掌握比较简单，较常用于平面物体以及建筑斜面的绘制。

④　直线：这个很简单啦,地球人都知道～按住Shift键，拖动鼠标就可准确的绘制出直线来。

⑤　弧线：根据弧度的大小，弧线画法有很多种。通常以像素3-2-1-2-3、4-2-2-4、5-1-1-5的点阵排列，其排列具有一定的规律性以及对称性，如下图。此类线条较常用于人物头像、动物的绘制。

★小贴士：每次画像素画都是一个点一个点的绘制，实在让人受不了：（　所以，阿诺在此教大家一个绝招：把常用的基本笔画做成画笔，以后就可以直接调用了，这也就可以提高工作效率。哈哈，这可是Photoshop特有的功能哦！

步骤一：新建一个文档，大小随意，解析度设置为72dpi，色彩模式为RGB，背景色为白色。

步骤二：选取铅笔工具并选择1像素的笔刷，绘制线条或者基础图形。

步骤三：选择Edit—Define Brush（编辑—定义画笔）这时你绘制的线条或者基础图形就会在画笔控制面板中出现了。

步骤四：当你自制了属于自己的笔刷后，你可以把原有的笔刷一个个清除掉，然后点击画笔控制面板上的圆形小三角，选择“存储画笔”并自己给画笔命名，这样一个完全属于你自制笔刷文档(.abr)就完成了，根据你的需要随时“载入画笔”或者增添新的笔刷吧。

以上就是像素画的基本笔画啦！哈哈，我都感觉到电脑前的你已经跃跃欲试了，是不是想开始创作自己的杰作了啊？先别着急，让我们一起先做点简单的图形来热热身吧！

四、简单的图形绘制

首先，我们来画个等边三角形吧！

选取铅笔工具并选择1像素的笔刷，绘制一条60度的斜线（见下图红色部分），然后再绘制一条与之相对称的斜线（或者复制这个画好的，然后用自由变换命令来个水平反转，调整好位置也可以），最后来根直线连接，OK!等边三角型完成!哈哈，简单吧？大家还可以想想怎么画个直角三角形哦～

下面我们来画个矩形吧！其实矩形很简单，四跟直线就OK了。但是大家可以先想想，如果要画一个旋转过一定角度的矩形，点的排列应该是怎么样的呢？来看看我是怎么用双点排列的方法来画一个非水平放置的矩形的吧！请大家看下面这张图：

阿诺要开始给大家增加点难度了哦～怎么样？我们一起画个圆角矩形吧？

选取铅笔工具并选择1像素的笔刷，先画一个矩形，选择其中一个直角，在直角线内画弧线，最后删除多余的部分就可以完成圆角啦。大家最后应该可以发现，弧线的弧度和圆角大小是成正比的。

最后，我们来画个圆吧～相对来说圆比较简单，因为只用画1/4的圆弧，后面的工作就可以交给自由变换命令了。但是大家要注意观察，你会发现正是这1/4的圆弧决定了最终我们要画的圆的大小。大家可以试着增大自己的圆，体会弧线的画法。

选取铅笔工具并选择1像素的笔刷，使用画圆角的方法绘制一段弧线，把握好弧线的对称性，最后通过水平翻转和垂直翻转画好的短弧线组合成圆形。

好啦，今天阿诺已经把最基础的像素画知识告诉大家了。大家现在已经可以开始绘制自己的作品了。不过今天的教学侧重于单色像素画，这是方便大家学习基础知识。以后阿诺会陆续向大家介绍彩色像素画的绘制方法，另外，像素画还有很多其他很值得学习的东东哦～大家如果感兴趣的话，下次我们接着一起学习吧！

最后，阿诺带给大家一些优秀的像素画供大家欣赏和学习。大家可以边陶冶情趣边学习高人们的像素画技法。

静物：

人物：

动物：

风景：

建筑：

看完了别急着走啊～既然大家学的这么认真，阿诺最最后再给大家奉送几个关于像素画的网站，大家可看可学的东西就又增多了～因为阿诺也是个像素画的新手，所以希望和大家一起进步，我们一起加油吧！