ISO像素画零基础教程#2:笔记本电脑

摘要:今天我们学习如何用2像素斜线组合出笔记本电脑

关键词:像素画,ISO像素画,零基础,拼接组合

ISO像素画简介

ISO像素画,英文:Isometric Pixel Art,也称为等距像素画。像素画主要分为2大类,ISO像素画和非ISO像素画。ISO像素画非常适合零基础像素画新手入门像素画。

ISO像素画基础:拼接组合

ISO像素画的基础,就是拼接组合。使用2像素斜线来创建物体,就基本解决了透视和立体感的问题,因为ISO像素画本身就是物体在平面上的轴测投影图,天然的具有立体感,ISO像素画家需要做的事情就是把现实生活中的一切东西都按照ISO像素画的规则,投射到平面画布上。简单的说,就是所有东西的线条在ISO像素画中都要画成2像素斜线,见下图1-1。

图1-1:2像素斜线
打开网易新闻 查看精彩图片
图1-1:2像素斜线

在此基础上,再通过加长2像素斜线来获得特殊的ISO像素画物品,比如下图1-2:3像素斜线长方体。

图1-2:3像素斜线长方体
打开网易新闻 查看精彩图片
图1-2:3像素斜线长方体

像素画家通过拼接组合这些由2像素斜线组成的线条、形状来塑造形体,完成ISO像素画。

像素视觉或像素画思考模式

像素视觉,指专注于一个画面或场景中最小的细节,根据最小的细节来决定像素画的尺寸和比例。一般来说,1像素粗细是判断基准。

以我们接下来要画的电脑为例,仔细观察如下图1-3中的笔记本电脑,最小的细节是什么呢?

图1-3:笔记本电脑,来源:Mia Baker-unsplash
打开网易新闻 查看精彩图片
图1-3:笔记本电脑,来源:Mia Baker-unsplash

没错,上图1-3中笔记本电脑最小的细节应该是键盘上的按键。那么这个按键就可以用1-2个像素方块来暗示。当你还没有养成用像素画来观察和思考对象之前,需要有意识的培养自己像素视觉的能力。等到完全理解和掌握了方法,像素视觉就会变成一种思考模式或思维习惯,成为大脑潜意识的行为,那个时候就不需要再刻意去观察和思考哪个是最小的细节,或者用几个像素来暗示它。

ISO像素画笔记本电脑

已知笔记本电脑最小的细节是键盘按键,就可以开始画ISO像素画笔记本电脑了。打开Aseprite,新建24x24像素新文件,画出2像素*5的斜线,见下图1-4。

图1-4:2像素斜线
打开网易新闻 查看精彩图片
图1-4:2像素斜线

复制粘贴后,向左上方移动,然后继续用2像素斜线连接,就变成了一个平行四边形。

图1-5:笔记本电脑下半部分键盘
打开网易新闻 查看精彩图片
图1-5:笔记本电脑下半部分键盘

画上半部分屏幕,可以增加一点变化,将垂直向上的线条改成3像素斜线,以后以后连接上。由于画完屏幕之后,右边就没有了空隙,需要放大画布,选择Aseprite顶部菜单Sprite-画布大小,修改画布大小为26x24像素,宽度增加2像素,这样作品上下左右留出空隙会比较好看。

图1-6:笔记本电脑上半部分屏幕
打开网易新闻 查看精彩图片
图1-6:笔记本电脑上半部分屏幕

按照上图1-3照片中笔记本电脑的颜色来上色。使用油漆桶工具,选择Aseprite默认颜色表DB32中的灰色填充,见下图1-7。对于尺寸极小的像素画,主要通过不同的颜色来区分笔记本电脑不同的部件和区域。另外ISO像素画会默认使用黑色轮廓线。

图1-7:填充颜色
打开网易新闻 查看精彩图片
图1-7:填充颜色

现在开始进入细节刻画阶段,同样的对于尺寸极小的像素画,主要通过不同的颜色来刻画笔记本电脑的细节。选择较亮的灰色,暗示出笔记本下半部分的厚度,见下图1-8,然后用屏幕的深黑色,画出键盘的按键区域。

图1-8:刻画细节
打开网易新闻 查看精彩图片
图1-8:刻画细节

选择蓝色画出屏幕区域,注意要留出屏幕的黑色边框。在这里为了避免条带,左右屏幕边框的深灰色缺了1-2个像素,见下图1-9。用浅灰色画出屏幕顶部的高光区域,用白色增强笔记本下半部分的高光区域。

图1-9:继续刻画细节
打开网易新闻 查看精彩图片
图1-9:继续刻画细节

最后我用浅灰色,暗示出键盘区域的键盘,继续增加屏幕亮部区域的层次,还在屏幕中间画了一个小窗口,如图1-3中的山脉被省略了,类似这种和绘画主题笔记本电脑不紧密相关的细节可以去掉,因为去掉了也不影响ISO像素画笔记本电脑被观众识别。

图1-10:ISO笔记本电脑
打开网易新闻 查看精彩图片
图1-10:ISO笔记本电脑

微信号 | teachpixelart

业务 & 合作

像素画家投稿 | 企业招聘 | 独立游戏开发 | 像素画新手学院