像素画平台跳跃小场景教程

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

文本概览:全文约 754 字,阅读约 2 分钟。

跟完这篇,你能在约 156×149 的小画布上拼出一块带红斗篷角色、草地剖面、远山与双色云的平台跳跃小场景。

先定画布与题材

Aseprite 新建约156×149的画布。题材收窄成一件事:自然风侧视平台——草地、泥土剖面远山、天空、一个 16×16 小角色。参考可以先在 Pinterest 收几张,但下笔只跟这一块构图。

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

先看清最终画面:近景平台、远山、云与太阳各占一层。

角色:16×16 红斗篷

单独放大画角色。灵感是小红帽风 chibi:黑发、红斗篷、白衣,约16×16。眼睛多试几种再定稿;斗篷长度最容易画过头——够垂到脚边即可,别拖成半张画布。

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

斗篷是主色块,脸和衣只留几笔对比。

地砖:草面干净、泥土分层

先画一块可复用的地面砖:上缘亮绿草面,中间深绿草丛噪声,下面用几层波浪棕作泥土剖面。

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

草丛噪声一多就糊——注意:先看下一张处理。

草细节发脏时,在表层盖一块平整亮绿,把可读性拉回来。差异点在这:常见做法是继续加噪声;这里反过来,用纯色面盖住脏区。

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

远山用两三种绿块面即可,别抠叶片。

把角色落回平台,确认脚底阴影贴地。

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

到这停一下:角色与地面尺度是否匹配?

天空:双色云 + 半透明远云

天空铺浅蓝。近处云只用两种颜色(高光白 + 一点灰蓝阴影)。远处云复制一份,透明度约35%,用来填空、制造纵深,不必再画一套新造型。太阳用黄圆点在云后露出一角就够。

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

近云实、远云淡,一眼就有前后。

游戏假图

把角色放进场景看下效果。

参考资料

How I became a Pixel Game Artist PART 1 & my 1st tutorial: https://hive.blog/hive-140217/@seeyouodis/how-i-became-a-pixel