matlab如何绘制像素格子的图_【像素画教程】超详细建筑像素场景图的绘制

这里我们以一幅傍晚的南京大牌档场景图作为例子，使用的软件是Aseprite。

一、搜集素材

1、建筑主体

过年了，画一个有年味儿的南京特色风景线南京大牌档。网上搜图＋全景地图截图

2、背景

黄昏天空

3、装饰

老干部松树盆景

二、新建文件

我比较喜欢的尺寸是300x200像素，这个尺寸对于场景图来说略小，画着不复杂，但是应有的细节也能表现。

三、确定构图，搭建框架

很多游戏场景都采用的对称一点透视构图，即视点在画面中央，所有平行于画面的线都不形变，按照实际长度画，垂直于画面的线的延长线都相交于视平线的中点，这种透视对像素画是非常友好的。当然像素画本身就带有超现实的色彩，不用过于讲究透视。

一点透视

下面我们开始搭建框架，这一步不用考虑颜色，用一个顺手的颜色画吧。

画出视平线（一般在高度一米七的位置），建筑位置及外形，树木和其他装饰。（注意：记得从这一步开始之后都要分图层！建议一个元素一个图层，更加细致的可以将图层打组，浏览起来更加方便）

搭建框架请一定注意比例，建筑高度、视平线高度和树木高度的比例。一般一层楼房高3米，大乔木高度在8到10米。

地平线，视平线，中线

建筑

细节补充加周边环境，挂上了大排档的招牌灯笼

四、绘制

1、背景

整体铺色：最简单的从上到下渐变。这里选择的黄昏从蓝紫到橙红的渐变。

用渐变工具拉一下特效，使天空更逼真（这一步是画到很后面加的，中间很多图的天空依旧维持上一步的样子，不影响观看）

画出云朵：纯色的天空可以跳过此步。我实在不太会画云，随便霍霍两种。

简单粗暴两步画云：用圆工具拉大小不一的实心圆，一层浅色，一层阴影色。

最后选了这一张

2、建筑上色

给建筑铺一个颜色，考虑到白墙反射黄昏时天空的紫色，墙面上深紫色，这里先不考虑光源。画面的颜色忌杂乱无章，新手不建议使用过于复杂的颜色，本图根据天空的颜色，选用了紫色和橙色，那么之后所有的上色都要围绕这两个颜色，如暗部的紫色，亮部（灯笼）的橙色。后续的植物配景等也要在原有颜色上加上

加上阴影，深入细节，比如屋檐、窗户、光源位置。窗户可以处理成反射天空的颜色。这一步建筑的线稿需要基本隐藏掉，通过阴影、颜色的不同来分割。

细节处理：添加地面和墙面纹理，结合环境添加光源，凹凸不平的地方一定要仔细推敲受光面和背光面（屋檐、瓦片、阶梯），玻璃该反射反射

发光灯笼的处理：①透明度逐层递减增加光晕 ②添上文字

① 透明度逐层递减增加光晕。②添上文字。

窗户的处理：①玻璃反射天空的颜色 ②窗框的投影 ③左侧光源的反射

① 玻璃反射天空的颜色。②窗框的投影。③左侧光源的反射

建筑到这里就结束了，后面是周边环境，丰富画面。

3、地面

地面需要用到一开始画的辅助线了，当然这也不是必须的，就像前文说的，不需要严格一板一眼地按照“视平线——灭点——拉线——绘制”这样的步骤来，但是对于新手来说，拉辅助线是准确画地面透视的捷径。

下面讲简单方格地砖的画法。

（画到这里发现一开始视平线画低了，悄悄咪咪改过来了）

（1）拉辅助线

所有辅助线都拉向视点

小声提一句，拉视平线对有人物的画面非常友好，人物无论出于画面的什么位置，眼睛的位置都在视平线上，如下图

人物透视示例

（2）描边

用深色在背光面描边，注意不要四边都描。（好像巧克力哦！）

（3）光影处理

用渐变工具选择70%透明度的阴影色，沿地平线画面下方加深地面，打造建筑投影感。加亮地面光线。这里要注意透视，建筑内射出来的光也要汇聚到视点上，灯笼的打光变成椭圆形。这里点光源用的球形渐变工具，画面中心的光用的线形渐变，颜色是橙黄色。

4、植物

终于到这一步了，植物这里选的松树。

（1）规划位置。(教程开头的位置不太合理，这里根据画面进行了调整)

注意到画面左边比较空，为了平衡，在左边墙下种一棵。用深色画上花盆，因为松树的枝干形态非常重要，我们从枝干入手，将大致形状画上。装饰是为了填补空缺，遮住不好看的地方，尽量不要把用心画了很久的地方遮掉了

（2）细化

枝干

加上松针

加上投影

植物到这里就结束了

五、整体细节补充

整体色调调整，根据喜好加点小细节，教程到这里就全部结束了。

感谢观看！