PDF《非常经典的像素画教程》

1.

1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 1.12 1.13 目录 编者的话

第一章:工具选择

第二章:基本线条

第三章:基本图形

第四章:基础透视

第五章:基础造型

第六章:色彩过渡

第七章:明暗关系

第八章:物品实例解析

第九章:动物造型

第十章:人物造型 第十一章:建筑造型 版权声明

2 非常经典的像素画教程 编者:我们这里说的 像素画 并不是和矢量图对应的点阵式图像,像素画也属于点阵式图像, 但它是一种图标风格的图像,更强调清晰的轮廓、明快的色彩,几乎不用混叠方法来绘制光 滑的线条,所以常常采用gif格式,同时它的造型比较卡通,得到很多朋友的喜爱.绘制这种 像素画除了须具备相当的耐心之外,造型、绘制方法也很重要.本系列教程将由浅入深介绍 绘制像素画的各种绘制方法和技巧,希望大家喜欢. (注:文本插图中标注PIXEL FOREST字样的由本文作者郎绘制,其余插图由ICONCN 的Jill绘制,在此表示感谢.) 当许多不同颜色的点一个个巧妙的组合与排列在一块后便构成了一副完整的图象,这些 点便称为像素(pixel),图象称之为Icon(图标)或者称为像素画.其它的点阵式图象虽然也由像 素组合而成,但是它们在制图过程中并不是十分强调像素,甚至根本无需去考虑到像素的变 化,与之相比像素画对于像素更是逐个描绘,处处见真章. 作为像素画来说应用范围相当广泛,直至今天我才恍然大悟,原来从小时候玩的FC家用 红白机的画面直到今天的GBA手掌机;

从黑白的手机图片直到今天全彩的掌上电脑;

即使我 们日以面对的电脑中也无处不充斥着各类软件的像素图标.如今像素画更是成为了一门艺 术,深深的震撼着你我.下面我们就来谈谈第一步,工具的选择和使用. 像素画欣赏(建筑) 编者的话

3 编者的话

4 工具的选择 很多人被应该使用什么工具来制作像素画所困绕,其实选择什么样的软件,因各人的习 惯而定,无论你选择了什么软件,其制作像素画的流程还都是一样的.制作像素画的软件一 般可分为两种类型,一种是用来制作Icon图标的专用软件,比如Microangelo、Iconcool、 Articons等等;

另一种则是用来编辑位图的图形软件,比如:Photoshop、Fireworks、甚至 Windons自带的画板工具.因为我偏爱于Photoshop的缘故,所以本系列教程所使用的软件皆 为Photoshop 6.0. 当以Photoshop作为绘制像素画的工具时,首先当然是要掌握Photoshop的使用,如果你 从没有接触过Photoshop,那你可以先用Windons自带的画板工具来代替. 其次是要善于利用Photoshop的功能上的优势:

1、画布大小你可以随意设置(但是分辨率最好保持在72dpi左右);

2、各类工具的快捷键以及便捷的复制粘贴功能;

3、网格、标尺、辅助线功能帮助你正确定位;

4、最最强大的图层功能,让你随心所欲,驰骋画布.

5、双窗口功能,复制出一个内容、名称完全相同的视图,一个放大了绘制用,一个保持 100%大小预览用,这对绘制像素画而言是很重要的一个功能.(菜单View/New View)

6、历史记录功能等. 像素画欣赏(人物)

第一章:工具选择

5

第一章:工具选择

6

第二章:基本线条 正如组成汉字有基本的点、横、竖、撇、捺等笔划一样,在像素画中也有规范的笔划,我们 称之为基本线条.每种特定线条都是根据像素特有的属性排列而成,并且广泛运用于各类像 素画的绘制中.很多人画像素画时总感觉边缘粗糙,主要就是由于线条使用不当造成的. 如下图所示,规范的线条所绘制出来的像素画画面细腻、结构清晰;

而非规范的线条使用时 像素点 并排 重叠 现象严重. 下面我们一起来看看像素画中常用的几种线条.

1、26.6度的斜线 选取铅笔工具并选择1像素的笔刷,以两个像素的方式斜向排列,共分为双点横排、双点竖排 两种排列方法.此类线条较常用于建筑的描绘,因此3D建筑的统一透视角度也为26.6度.

2、30度的斜线 选取铅笔工具并选择1像素的笔刷,以两个像素间隔一个像素的方式斜向排列,当竖向排列时 则形成了60度的斜线,此类线条使用较为灵活,经常与其它线条配合使用,以便完成一些特 殊的造型.

第二章:基本线条

7

3、45度的斜线 选取铅笔工具并选择1像素的笔刷,以一个像素的方式斜向排列,此类线条掌握比较简单,较 常用于平面物体以及建筑斜面的绘制.

4、直线 选取铅笔工具并选择1像素的笔刷,同时按住Shift键,拖动鼠标就可准确的绘制出直线来.

5、弧线 因为弧度大小的关系,因此弧线画法有很多种.选取铅笔工具并选择1像素的笔刷,分别以像 素3-2-1-2-

3、4-2-2-

4、5-1-1-5的弧型排列,其排列具有一定的规律性以及对称性,如图所 示.此类线条较常用于人物头像、动物的绘制. 一副像素作品如果总是要一个个点出来啊,实在是受不了,所以把常用的线条笔划以及基础 图形定义成笔刷,可以大大的提高工作效率. 自定义笔刷具体步骤如下: 步骤一:新建一个文档,大小随意,解析度设置为72dpi左右以及RGB色彩模式,选择背景色 为白色,前景色为黑色. 步骤二:选取铅笔工具并选择1像素的笔刷,分别绘制线条或者基础图形.

第二章:基本线条

8 步骤三:绘制完一个线条或者一个基础图形之后,选择Edit―Define Brush(编辑―定义画 笔),这时画面上你绘制的线条或者基础图形就会定义成一个新的画笔,画笔控制面板中也 会出现. 步骤四:当你自制完自己的所有个笔刷后,你可以把原有的笔刷一个个清除掉,然后点击画 笔控制面板上的圆形小三角,选择 存储画笔 ,这样一个完全属于你自制笔刷文档(.abr)就完 成了.你可以随时根据你的需要, 载入画笔 或者再增添新的笔刷.

第二章:基本线条

9

第三章:基本图形 掌握了像素画基本线条的画法之后,我们来尝试基础图形的绘制.通过本章的学习,我 们将初步了解到线条之间的组合规律. 等边三角形 选取铅笔工具并选择1像素的笔刷,绘制一条60度的斜线(图示红色部分)然后再绘制一 条与之相对称的斜线,最后连接两条斜线,等边三角型就完成.如果把60度的斜线换成45度 斜线的话,则能完成直角三角型的绘制. 矩形 众所周知四条直线就能构成一个矩形,但是在像素画中当矩形非水平位置时,画法就有 所不同.选取铅笔工具并选择1像素的笔刷,以双点横线与双点竖线的画法构成矩形,如图所 示. 圆角

第三章:基本图形

10 选取铅笔工具并选择1像素的笔刷,任意画一个矩形,选择其中一个直角,在直角线内画 弧线,最后删除多余的部分,完成圆角.弧线的弧度决定着圆角大小,弧线的弧度越大则圆 角就越大. 圆形 在像素画中四分之圆弧直接决定着整个圆型的大小.选取铅笔工具并选择1像素的笔刷, 使用画圆角的方法绘制一段弧线,把握好弧线的对称性,最后通过水平翻转和垂直翻转那短 弧线组合成圆形.

第三章:基本图形

11

第四章:基础透视 在像素画中如果只绘制单一角度的形态,始终是缺乏表现力的.如果要转变角度,那就 涉及到透视的规律. 在透视学中,透视可分为形体透视(几何形透视)和空气透视. 形体透视是根据光学和数学的原则,在平面上用线条来图示物体的空间位置、轮廓和光 暗投影的科学. 空气透视研究和表现空间距离对于物体的色彩及明显度所起的作用.因为透视现象是远 小近大,所以也叫 远近法 . 按照灭点的不同,分为平行透视(一个灭点)、成角透视(两个灭点)和斜透视(三个灭点). 而像素画中绘制一点、两点以及三点透视的线条很难有规律可寻循,因此像素画中的透视法 简化变通了上述的透视规律.根据像素线条的特有属性,一种没有灭点的俯视平行透视被广 泛的运用起来.

1、22.6度透视 因为像素画通常是用来绘制精致小巧的造型,并且我们知道像素画中线条运用十分讲 究,因此为了符合人们的视觉印象和便于绘画,这种以22.6度双点线组合而成的俯视平行透 视成了像素画透视绘制的最常用透视. 如图所示,正方体的透视就是以22.6度的双点线构成,左右两个面透视角度一样,并且 每个面都是平行四边型;

整体结构清晰明朗,造型表现直观,并且易于掌握.

2、45度透视

第四章:基础透视

12 虽然转变了角度,但是每个面都是一个平行四边形这个透视规律是不会改变的.但是由 于左右两个面透视角度一不同,所以在实际的........