什么是像素画?
像素画属于点阵式图像,是一种图标风格的图像,强调的是清晰的轮廓、明快的色彩,几乎不用混叠方法来绘制光滑的线条。
我们常见的像素画有这样几种:街机的画面、手机与电脑上不少的图标、QQ秀等。
当然,在峨嵋版,还有小葵的迷你衣橱。
一、前期准备
需要的软件:Photoshop任意版本。如果想在其中加入动画,建议使用CS2以上版本,这样你就不需要再多准备一个ImageReady了。
在这个教程里,小葵使用的是PhotoshopCS4。
首先看一下软件界面,需要用的工具图标在(图1)上以红圈标出
(图1)
各种工具详细设置见(图2~图6)
(图2)
(图3)
(图4)
(图5)
(图6)
编辑-首选项-常规,设置见图7
(图7)
文件-新建,画布具体大小按实际需要自设。像素是不能随意放大缩小的,会立刻走形。请在最开始设定好自己想要的大小。其他设置见图8
(图8)
二、线条练习
像素的最基础在线条。如果想要一个清晰但流畅的轮廓,线条就一定要排布正确。
鼠标党的线条简洁画法:
1.左键点线条起点
2.按住shift键,左键点线条终点
3.根据像素法则修正线条中的不恰当点。
具体修正方式见下方:
演示几种常见的线条排布。为了方便查看,我在视图-显示里点选了“像素网格”实际绘制时是不需要的。
使用工具:铅笔
(图9)
上图左侧是直线的点阵排列,右上是曲线的点阵排列。当然,实际绘制时不会仅有这几个方向。但是从上图可以看出,像素使用的线条有这样的特点:无论朝哪个方向延伸的线条,像素点阵的排列一定要有渐变规律;并且,线条上不可以出现右下角那样的叠加点。
为什么不可以出现叠加点或者排列无规律?让我们把上图回到100%大小,看下线条的实际效果
(图10)
可以明显的看到,正确的画法线条干脆利落,显得比较顺滑。而错误画法的则会显得毛糙,锯齿感强。
尝试绘制以下几种图形
(图11)
是不是感觉不是很难?虽然可能有的像素看起来排布很复杂,但都是由这些简单的图形组合起来的喔~
三、简单图形练习
画一只简单的兔头小LOGO
这里放大到了1600%的大小以方便查看线条排列
第一步:铅笔勾线
(图12)
第二步:油漆桶倒入大概颜色
(图13)
第三步:加阴影和细节,为细节修改边线。注意:一幅像素需要确定一个光源,以这个光源为标准定阴影位置。我习惯的光源在左上角,阴影通常打在右下。
(图14)
看看100%大小下的效果
(图15)
鼓励妞们画点小熊小猫小熊猫什么的自主练习,哈哈
四、来画个真正的图案吧
这里用来演示的是小狐仙宝宝。本来上次灵觞妞交了个YY熊的作业,我修改之后想用那个来做演示的,但是我直接回复询问许可可能灵觞妞没看到,于是重画了个小狐仙。
(图16)
这里要说明的是,实际绘制中是不可以垫着什么图来描边线的。像迷你衣橱这种原创Q版更不可能找到什么原型来照着描。但是考虑到大家开始画就直接画这么大的图,可能难以用鼠标打出合适的草稿,所以放宽一下,如果实在不行就把小狐仙垫在底下降低透明度照着描吧。但是还是要注意边线点阵排列哦~
如果你想试试从定比例到线条完成的步骤,可以照着以下练习
0.新建文件。建立两个图层:图层1填充灰色,其实什么颜色都无所谓,自己看着舒服就好,用来衬着绘制层防止出现漏画情况的;图层2绘制层,以下步骤都在这层上完成。
1.定比例。为了方便说明,这里是根据小狐仙原始比例来定的。在你对自己的控制能力有所把握的时候,你可以根据自己的喜好修改这个比例,适当的修改可以让你的图更偏向于可爱或者写实等等。如果你画的是人物,建议按照三头身、七头身等等比例来定。
(图17)
2.线条的绘制。因为小狐仙是基本对称的体型,这里我们画左半边,按之前说过的修线原则修好线条后,复制一层,左右翻转,稍做修改后确定右半边。如果你两侧分开画,请务必保证两边的线条是对称的,否则会影响美观。
(图18)
3.油漆桶倒入底色
(图19)
4.上第一层阴影,顺便修改掉觉得不舒服的边线。阴影的简便上法:魔棒工具选取需要上阴影的色块,铅笔工具用稍大的画笔形状打出阴影,记得阴影也要按规则修边缘线(只是这个边缘线不需要用其他颜色来勾勒)
(图20)
5.第二层阴影,继续修改掉觉得不舒服的边线。一般每种颜色要3~4个色阶的过渡。注意,狐狸圆脑袋圆肚皮,阴影要画的圆润,而且最浅色(高光)部分一定要范围大,并且尽量往椭圆形靠拢
(图21)
6.进一步修饰额头的纹路,画上西瓜。同时根据西瓜的部分修改边线。
(图22)
7.隐藏图层1,进行保存。步骤:文件-存储为WEB和设备所用格式。设置参数如图
(图23)
完成图
作业:
请在以下两只狐仙中选择一只进行像素绘制。
完成度高的可以要求葵老师进行修改。
交作业的好孩子如果没有迷你衣橱的,可以要求追加制作迷你衣橱一张