大家好,我是三二!
这是新系列《ISO 像素画:从入门到精通》的第 1 课。
整个系列共 6 周 24 课,从认识等距透视开始,一直到你能独立画出一座完整的 ISO 小镇。
这节课不用打开 Aseprite,我们只用眼睛——学会「看」,才谈得上「画」。
第 01 课:什么是 ISO 像素画——等距透视的世界观
周次:第 1 周 · 类型:概念 建议时长:30 分钟 · 画布建议:无需画布(观察辨认课)
本课你将得到什么
- 能用一句话说清什么是 ISO 像素画:一种没有消失点、平行线永远平行的等距透视画法
- 能在 10 秒内辨认一张图是不是 ISO:找平行线 + 找 2:1 斜线,两个证据齐全就是
- 分得清游戏里最常用的 4 种视角(横版、俯视、3/4 俯视、ISO),并各说出 1 个代表游戏
- 明白为什么 ISO 对零基础最友好:规则是"死"的,按步骤画就不会错
这是整个课程的地基。
后面 24 课里画的每一根线、每一个体块,都建立在这节课的两条铁律上。
先把"世界观"装进脑子,下一课动手画线时,你才知道每一笔为什么这么走。
术语小词典 术语 解释 生活类比 Isometric(等距透视) 三个坐标轴的缩放比例完全相同的画法,每个面"待遇"一样 售楼处的楼盘沙盘:从斜上方看,楼不近大远小 Vanishing Point(消失点) 真实透视里,平行线向远方延长后相交的那个点 站在笔直铁轨中间,看两条铁轨在天边"碰头" Parallel Lines(平行线) 永远保持同样距离、永不相交的线 梯子上的横档,一根根整整齐齐 Axonometric(轴测图) 不靠透视收缩来表现立体的工程制图法,ISO 就属于这一类 宜家说明书里的家具组装图 2:1 Stairstep(2 像素阶梯) 横走 2 像素、竖走 1 像素循环而成的斜线 下楼梯:每级台阶都是"迈进两步、下降一级" Tile(地块/瓦片) 游戏里可重复拼接的小块素材 浴室墙上的瓷砖,一块块拼满整面墙 跟着做 一、认识 ISO 的两条铁律 先看本课封面图(上方的小村庄)。挑屋顶上任意一条斜边,顺着它往远处"脑内延长",再找一条和它同方向的边——你会发现它们永远碰不到一起
- 记住铁律一:ISO 没有消失点。真实世界里平行的线,在 ISO 画里依然平行。远处的东西不会变小,一束光从近到远也不会"收窄"。
- 再看铁律二:所有斜线都是同一个斜度。上图里屋顶边、道路边、谷仓的墙线,方向一致的线斜度完全一致。整个画面像被一张隐形的菱形网格统治着。
数一数十字路口旁的小房子(上图中间):你能同时看到它的顶面 + 左侧面 + 右侧面,一共 3 个面。这正是 ISO 的招牌——信息量拉满,一个物件的立体感一次给足。
想想为什么能看到 3 个面:因为观察角度是"从斜上方 45° 绕到物体角上往下看",就像把魔方转到一个角正对着你。
再留意立方体脚下的地面:格子全是菱形。菱形网格就是 ISO 世界的"地板坐标系",第 02 课我们会亲手铺出它。
二、认识 ISO 的标志性线条:2:1 斜线 看下面这张图,这是 ISO 世界里的"标准斜线":
为什么是 26.57° 而不是课本上的 30°?因为真正的等距透视斜角约 30°,但像素只能一格一格走,画不出精确的 30°。2:1 阶梯是像素网格里最接近、也最干净的方案,于是成了 ISO 像素画的事实标准。我们不求数学上的完美,合情合理即可。
试着在纸上徒手画一组:点两个并排的点当"横 2",右下方错一格再点两个,重复 5 级。不用尺子,能画出"两级一格"的节奏感就算过关。 有余力再画一组镜像的(往左下走)——这两个方向的阶梯,正是构成菱形网格的两根轴。
三、四种常见游戏视角对比辨认横版(正投影视图):只看得到物体的一个正面,像把世界拍扁在墙上。代表游戏:《超级马力欧兄弟》。
俯视(Top View):从正上方垂直往下看,只看得到顶面。代表游戏:《吃豆人》。
3/4 俯视(Oblique 斜视):正面不变形,顶面斜着"挂"上去。代表游戏:早期《宝可梦》。
ISO 等距透视:回看第 4 步那张图——顶面压成菱形,左右两侧面同时可见。代表游戏:《模拟城市》《星际争霸》《纪念碑谷》。
做个快速自测:随便想 3 个你玩过的游戏,给它们各归一个视角。判断口诀是——"看得见几个面?平行线相不相交?"两问就能定位。
四种视角的速查表,建议截图保存:
视角 能看到的面 平行线 代表游戏 横版(正投影) 1 个正面 平行 《超级马力欧兄弟》 俯视(Top View) 1 个顶面 平行 《吃豆人》 3/4 俯视(Oblique) 正面 + 斜顶面 平行 早期《宝可梦》 ISO(等距透视) 顶面 + 两侧面 平行 《模拟城市》《星际争霸》《纪念碑谷》
注意一个细节:这四种游戏视角都没有真正的消失点——2D 游戏大多是"伪 3D",用不同的投影规则制造立体感。ISO 只是其中信息量最高、规则最整齐的那一种。
四、为什么 ISO 适合零基础 对比感受完了,我们来总结 ISO 的"新手友好三原则":规则明确:没有消失点要纠结,斜线只有 2:1 一种标准走法,选择困难症患者福音。按步骤就能画对:先画线稿(辅助线),再上色——这套工作流在 ISO 里几乎不会翻车,因为每条线的位置都有网格背书。错误一眼可见:线画错了斜度,立刻和周围的平行线"打架",你马上能发现并修正。
最后看这张物件合集:宝箱、木桶、摊位、蘑菇,形状千差万别,但每一件的平行线都严守同一方向。
这就是 ISO 的纪律性——一个场景里只允许有一种透视。记住这个感觉,我们以后画的每一件东西都要这样"守规矩"。
小练习:在上图里任选一件(比如左上的宝箱),找出它身上三个方向的线——向左下斜的、向右下斜的、垂直的。
ISO 世界里千变万化的物体,线的方向始终只有这三族,这就是"字母表"的威力。
五、ISO 从哪里来:3 分钟小历史 ISO 不是新潮流。早在 80 年代初,街机和家用机游戏就大量用它来表现"伪 3D"——在算力贫弱的年代,这是让画面看起来立体的最划算方案。 今天它成了复古美学的标志性风格之一,《纪念碑谷》这样的现代作品又把它带进了大众视野。学会这套规则,你既能画复古味,也能画现代感。 顺带澄清一个常见误会:ISO 是一套透视规则,不是某位艺术家或某个社团的专利。任何人都可以用它来完成自己的作品——包括接下来的你。 常见错误
- 看见斜线就喊 ISO:斜着画不等于 ISO,没有消失点 + 平行线保持平行,两个条件缺一不可。
- 给 ISO 加上"近大远小":ISO 里远处的物体不会变小,一旦画了收缩,透视就破了功。
- 把 2:1 画成 1:1(45°):1:1 斜线是另一种视角的语言,混进 ISO 画面里会显得"陡得不对劲"。
- 纠结"30° 才是正宗等距":在像素网格里,2:1 阶梯(约 26.57°)就是标准答案,死磕 30° 只会画出毛糙的线。
- 以为 ISO 是某位大神的专属风格:ISO 只是一套透视规则,从 80 年代街机到今天独立游戏谁都能用,不属于任何人。
- 一个场景混用多种透视:俯视的树配 ISO 的房子,画面会瞬间"散架"——全场统一透视是底线。
- 把"伪 3D"理解成"假 3D":2D 游戏没有真正的深度,"伪"只是说不靠真实透视;ISO 营造的立体感可是货真价实的。
找3 张ISO 风格的图(游戏截图或像素画作品均可,《模拟城市》《星际争霸》《纪念碑谷》的截图都很好找),在图上做标注并写观察笔记。
交付物 要求 验收标准 标注图 ×3 每张圈出至少 1 组平行线(两条以上同方向的边)和至少 1 处 2:1 斜线圈画位置确实符合"平行"和"2:1"两个特征 观察笔记 ×3 每张图配1 句观察,写你发现了什么 句子具体、指向图中细节,如"仓库屋顶四条边两两平行,左右墙面明暗不同" (可选)加分项 额外找 1 张不是ISO 的游戏图,说明它为什么不是 能指出它违反了哪条铁律(有消失点 / 斜线不是 2:1)
- 标注工具不限:微信截图编辑、系统预览、平板手写都可以。
- 找不到图?在搜索引擎或视频站搜 "isometric pixel art" 或"等距像素画",截图即可;建议顺手建一个自己的素材文件夹,从这门课开始攒。
- 观察笔记合情合理即可,不求 100% 还原参考图的标准答案——用自己的话写下你真正看到的东西,比背术语重要得多。可以套用这个句式:"我在____里发现____,它体现了____。"
- 验收:3 张标注图 + 3 句观察,齐全即过关。
第 02 课《2像素阶梯斜线——ISO 的字母表》:从"认得出"进化到"画得出",我们打开 Aseprite,把 2:1 斜线练成肌肉记忆——这是拼出 ISO 一切形体的字母表。
喜欢这个系列的话,欢迎点赞、在看、转发给同样想学像素画的朋友。我们下一课见!
热门跟贴