像素画树教程

打开网易新闻 查看精彩图片

文本概览:全文约 1,923 字,阅读约 5 分钟。

说起来,做场景时最容易卡的,往往不是角色,是树。 一棵树画糊了,整张地图的气质就塌一半。

做法可以压成一条线:先定风格轴(写实到 stylized),从接地处把树干当“一束管子”往上分叉,再在三种叶团密度里选一种,整场景死守同一套规则。

先定风格

环境是游戏里绕不过去的门槛。

树是游戏环境里最重要的那一类资产之一。

动手前先定:偏写实一点,还是偏简化、甚至抽象?像素画做不到照片级,但可以走到半写实。我觉得更要紧的是,整张环境只认一套风格,别一棵树写实、一块石头卡通。

打开网易新闻 查看精彩图片

树种心里有个大概就行:松和橡外形差很远,叶形与树干纹理会跟着变。卡住时丢一两张参考,别空背规则。环境比人体解剖学宽松得多,这是好事。

从接地处开始:树干当管束

最稳的入口,是树干接触地面的那一点。从这里往上,把树干越分越细,直到复杂度够用。

分叉别太“模板”。

建议故意放得怪一点:第一刀分叉特别低、特别高,或一根枝朝左甩很远,树才像野外长出来的,不像贴纸。

要立体感时,把树干想成一束粗细不同的管子:向下扎进根区,向上拆成枝。画的时候在每一处分叉、每一截枝干的关节上,用一条小椭圆或弧线标出“这一截有多粗”(像给管子套箍,不是画满正圆);后面画树皮、贴纹理时,就顺着这些箍的走向排小矩形。环也不必正圆,做点有趣的截面形状反而更自然。

打开网易新闻 查看精彩图片

骨架立住之后,叶子该挂在哪,心里就有数了。

树冠三种画法

叶子没有唯一正解。

共通起手:树干和枝的走向定稿后,在枝梢用 3~4 档绿(或棕绿)先铺叶团的大块剪影——最暗一档贴枝、最亮一档朝左上来光,中间档过渡,把每团涂成带明暗的色块体积(blob);这团大形满意后再选下面三种细节密度,别一上来就抠单片叶子。

方法一:片片细画。
每片叶子跟底下那团色一致,再用略亮/略暗做轮廓与高光。细节爆表,进游戏容易抢戏,慎用。

方法二:示意叶子。
只在外轮廓、明暗分界、零散位置画叶形,不画满每一片。

方法三:圆笔团簇(很多人用)。
在 Aseprite 里用大约 4~5 像素的圆形笔刷,打开 Pixel-perfect(或 100% 缩放下用铅笔点簇),只在 blob 的亮侧和暗侧交界叠圆斑,让眼睛自己读成树叶;别在空白处乱喷,否则和背景糊一片。

打开网易新闻 查看精彩图片

三种都能成立。

游戏里我更常推方法二或三:远景可读,又不把玩家的注意力从角色上拽走。

树皮跟着环走,再加一点“破绽”

叶团大形铺好后,再回头补树皮:推荐用小矩形(大约 2×1~3×2 像素一块),顺着前面画的那些环/箍排。

朝光一侧用更亮的棕,背光一侧更暗;偶尔加抗锯齿,偶尔加深裂缝。越靠近叶团,树皮多半落在阴影里。

相邻两块树皮别长得像复制粘贴,变化比整齐重要。远景里的树,树皮常常可以省略或只留几条暗示。树结、刺状突起、树洞,能把“这是一棵活过的树”卖出去,但不是每张图都要冲写实。

打开网易新闻 查看精彩图片

Stylized:夸大特征,锁住重心

侧视树跟做,清单前三步够交作业;这一节是加料——要 stylized 时,简化复杂度,把关键特征拉到夸张:树干有弯,就把弯做主角。弯的同时盯住重心,别整棵树看起来要倒。

叶团常收成球、方、锥、金字塔这类几何体。《Hyper Light Drifter》里偏方的树,和方石头是一套语言,这就是规则在绑视觉。

打开网易新闻 查看精彩图片

像素画本身已经 stylized。小画布逼你做取舍。你要的不是“最像真树”,而是一套能贯穿整张图、整款游戏的树的规则。

打开网易新闻 查看精彩图片

跟做清单

  1. 定风格轴 + 光源(默认左上);画布接地居中,树干从接地点往上分叉。

  2. 分叉处用椭圆/弧线标粗细(箍),再画枝;故意一点不对称。

  3. 枝梢用 3~4 档色涂叶团 blob,再选三种叶法之一;最后树皮小矩形顺着箍走,相邻块别复制粘贴。

其实今晚就可以在 Aseprite 里交一棵侧视树:接地、分叉、叶团三步走完,丢进你正在做的小场景里。树站得住,场景才开始像“一个地方”。

参考资料

https://www.youtube.com/watch?v=VLuKpgkOuKM: https://www.youtube.com/watch?v=VLuKpgkOuKM