像素画游戏树教程

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

文本概览：全文约 1,198 字，阅读约 3 分钟。

跟完这篇，你能从辅助线走到一棵带层叠叶团、弯曲枝干与干燥树皮的游戏树。

先看叶团六步总览

叶团从剪影到高光，其实是同一套色阶反复加厚。

一排六格：剪影 → 分簇 → 明暗 → 高光 → 细化 → 尖端点亮。
打开网易新闻 查看精彩图片
一排六格：剪影 → 分簇 → 明暗 → 高光 → 细化 → 尖端点亮。

常见教法爱整冠铺一层绿再压暗。这里先钉尺寸与动势，再按层填叶尖方向。

尺寸：先画辅助线

画叶和树干之前，先定宽高。像素数写死，后面少返工。

竖线定高，上下横线定冠宽与根宽。
打开网易新闻 查看精彩图片
竖线定高，上下横线定冠宽与根宽。

比例：圆冠 + 树干

在叶冠位置画圆，底下加树干，看一眼冠干高度差。

圆管叶，柱管干，先比例后细节。
打开网易新闻 查看精彩图片
圆管叶，柱管干，先比例后细节。

树干常画得过粗。把圆放大、干收细，再删辅助线，只留外形。

冠大干细，轮廓一眼能读。
打开网易新闻 查看精彩图片
冠大干细，轮廓一眼能读。

涂鸦：多层叶团

叶冠用多层。每层会给下层投阴影，立体感主要靠这层叠。

左：圆辅助还在；右：锯齿叶簇钉住。
打开网易新闻 查看精彩图片
左：圆辅助还在；右：锯齿叶簇钉住。

先从最靠观众的中心层画起，再往外扩。叶簇摆放要像真树，别平均贴满。

动势：红线别画直

这时候就进阴影，整棵会发呆。

左：竖直红线，呆板；右：曲线红线，整棵跟曲线走。
打开网易新闻 查看精彩图片
左：竖直红线，呆板；右：曲线红线，整棵跟曲线走。

到这停一下：动势满意再往下。叶画满之后再改导向，会很难拆。

需要的话加几根枝。本作里枝梢收成螺旋，好贴暗色奇幻风。

细枝卷梢，风格一次定死。
打开网易新闻 查看精彩图片
细枝卷梢，风格一次定死。

光位：先铺底再分阴阳

定光源。原文用上方略偏后。

顶上画太阳；左平铺，右已分簇暗。
打开网易新闻 查看精彩图片
顶上画太阳；左平铺，右已分簇暗。

整冠先铺中间色，再标哪些簇进阴影。下部通常最暗；底下留一两处亮点也行，别整面闷死。

清线与抗锯齿

轮廓尽量 1 像素宽，线才利。

锯齿边收干净，簇与簇分界清楚。
打开网易新闻 查看精彩图片
锯齿边收干净，簇与簇分界清楚。

在轮廓外缘贴一圈稍亮的色，边会软一点。

每个硬边外侧加半阶亮色。
打开网易新闻 查看精彩图片
每个硬边外侧加半阶亮色。

叶子 1：先做结构

准备工作够了，开始填叶。可先只做中心一簇，看清进度。

只画最前一层，后面的层先空着。
打开网易新闻 查看精彩图片
只画最前一层，后面的层先空着。

近看：沿轮廓先围一圈略深的叶尖，再往里填满。

叶尖始终指向最近的轮廓边。
打开网易新闻 查看精彩图片
叶尖始终指向最近的轮廓边。

关键在这一笔：叶尖朝向轮廓。下层换更深一档色，别和上层同色糊成一片。

结构做完时对比还弱，但方向已经立住。

平，但簇形可读；后面好加光影。
打开网易新闻 查看精彩图片
平，但簇形可读；后面好加光影。

叶子 2：加光

规则和结构一样：只在每片叶的边缘画亮，亮暗之间别留空缝。

亮色只贴叶缘，中间留给暗。
打开网易新闻 查看精彩图片
亮色只贴叶缘，中间留给暗。

亮色永远比它所在的那片叶只亮一阶。

整冠已经有层次；还可再压几处暗，抬对比。
打开网易新闻 查看精彩图片
整冠已经有层次；还可再压几处暗，抬对比。
在簇缝再塞一点更深色。
打开网易新闻 查看精彩图片
在簇缝再塞一点更深色。

叶子 3：补暗

最后一档：更深色塞进叶内空隙和下方。

暗色垫在下层叶上方，对比立刻上来。
打开网易新闻 查看精彩图片
暗色垫在下层叶上方，对比立刻上来。
不再发平；强对比是这套方法的代价，也是卖点。
打开网易新闻 查看精彩图片
不再发平；强对比是这套方法的代价，也是卖点。
叶冠可收工，转去做树干。
打开网易新闻 查看精彩图片
叶冠可收工，转去做树干。

树干：干燥凸起的皮

干皮走“干裂”路线。先在被叶挡住的部位落暗。

叶下先压暗，干身再画皮。
打开网易新闻 查看精彩图片
叶下先压暗，干身再画皮。

用暗色画一串小圆——那是微微鼓起的树皮。

圆块是突起，不是装饰点。
打开网易新闻 查看精彩图片
圆块是突起，不是装饰点。

高光只画在圆的边缘。画进圆心会变成气泡。

亮边贴外圈，圆心留暗。
打开网易新闻 查看精彩图片
亮边贴外圈，圆心留暗。

圆与圆之间的空隙再点几笔暗，裂痕才清楚；别铺满。

缝里加点暗，干裂感出来。
打开网易新闻 查看精彩图片
缝里加点暗，干裂感出来。
圆块 + 边光 + 缝暗，三步就够。
打开网易新闻 查看精彩图片
圆块 + 边光 + 缝暗，三步就够。

成品

大树与小树同一套色阶与卷枝语言。

左完整，右缩小版；叶尖方向与干皮圆块都还在。
打开网易新闻 查看精彩图片
左完整，右缩小版；叶尖方向与干皮圆块都还在。

参考资料

РУКОВОДСТВО ПО ПИКСЕЛЬНОМУ ДЕРЕВУ: https://vk.com/@pixel_gif_arts-pixel-art-tree