1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > matlab如何绘制像素格子的图_【像素画教程】超详细建筑像素场景图的绘制

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

时间:2021-03-03 13:44:08

相关推荐

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

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

一、搜集素材

1、建筑主体

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

2、背景

黄昏天空

3、装饰

老干部松树盆景

二、新建文件

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

三、确定构图,搭建框架

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

一点透视

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

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

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

地平线,视平线,中线
建筑
细节补充加周边环境,挂上了大排档的招牌灯笼

四、绘制

1、背景

整体铺色:最简单的从上到下渐变。这里选择的黄昏从蓝紫到橙红的渐变。
用渐变工具拉一下特效,使天空更逼真(这一步是画到很后面加的,中间很多图的天空依旧维持上一步的样子,不影响观看)

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

简单粗暴两步画云:用圆工具拉大小不一的实心圆,一层浅色,一层阴影色。
最后选了这一张

2、建筑上色

给建筑铺一个颜色,考虑到白墙反射黄昏时天空的紫色,墙面上深紫色,这里先不考虑光源。画面的颜色忌杂乱无章,新手不建议使用过于复杂的颜色,本图根据天空的颜色,选用了紫色和橙色,那么之后所有的上色都要围绕这两个颜色,如暗部的紫色,亮部(灯笼)的橙色。后续的植物配景等也要在原有颜色上加上
加上阴影,深入细节,比如屋檐、窗户、光源位置。窗户可以处理成反射天空的颜色。这一步建筑的线稿需要基本隐藏掉,通过阴影、颜色的不同来分割。
细节处理:添加地面和墙面纹理,结合环境添加光源,凹凸不平的地方一定要仔细推敲受光面和背光面(屋檐、瓦片、阶梯),玻璃该反射反射
发光灯笼的处理:①透明度逐层递减增加光晕 ②添上文字

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

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

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

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

3、地面

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

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

(画到这里发现一开始视平线画低了,悄悄咪咪改过来了)

(1)拉辅助线

所有辅助线都拉向视点

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

人物透视示例

(2)描边

用深色在背光面描边,注意不要四边都描。(好像巧克力哦!)

(3)光影处理

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

4、植物

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

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

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

(2)细化

枝干
加上松针
加上投影

植物到这里就结束了

五、整体细节补充

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

感谢观看!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。