摘要：像素画电子游戏开发教程：游戏场景Tile#G03
关键词：像素画，游戏开发，游戏美术，游戏场景Tile，原理
本文共1042个字，阅读大约需要3分钟。
本文首发于教你画像素画。
介绍
像素画电子游戏开发教程内容灵感来自coursera同名课程Pixel Art for Video Games。希望对想用像素画开发游戏的小伙伴有帮助。
#G03第三篇主题是游戏场景Tile，上一篇#G02介绍游戏场景设计原理。
像素画是计算机硬件性能受限制时期的产物，因此像素画游戏中的场景会使用Tile（可以理解为瓷砖）来减少对图片的需求量。
最终幻想5游戏场景
比如最终幻想5大海场景，只需要2-4个Tile，每个Tile的尺寸为16X16像素，就可以像瓷砖一样铺出无穷大的大海游戏场景。如果加上Tile动画，大海还可以动起来。
像素画场景Tile
游戏场景形状设计原理
在上一期我们介绍了游戏场景形状设计原理，那么怎么把抽象的简单形状场景变成真正的像素画游戏场景呢？
答案就是Tile！能够重复使用的瓷砖Tile！并且在设计阶段我们使用形状的时候，已经通过缩放和自由变换，重复使用多次相同的形状。
32X32像素Tile制作方法
本教程以32X32像素Tile为例，介绍Tile的制作方法。可以简单的将Tile理解为小尺寸的像素画，但是需要做到上下左右能够无缝拼接。
美术设计里面的术语称之为“四方连续”，四方就是上下左右4个方向，连续的意思就是可以无缝拼接，就跟现实中的瓷砖一样。
1、新建32X32像素文件
可以使用Photoshop或Aseprite来制作Tile。
如果你已经画好彩色的游戏场景草图，则可以将使用的颜色放在一边备用。并做简单的标记，比如土地5个颜色，草地5个颜色，岩石5个颜色等。
2、形状优先
这是一个地面的Tile，泥土里面会有很多大小不一的石头。画出石头的形状。
3、四方连续
在形状阶段就解决四方连续，后续上色就不需要再来回修改。
3.1、Photoshop
Photoshop有一个位移滤镜可以很方便的制作四方连续Tile。
Photoshop位移滤镜
位移滤镜使用默认设置即可，水平和垂直移动一定要有数值，都为0就达不到四方连续的目的。
位移滤镜设置
3.2、Aseprite
Aseprite内置了Tile Mode模式。
选择顶部菜单栏View-Tiled Mode-Tiled in Both Axes。
AsepriteTile Mode模式
操作完成后，Tile就会发生水平垂直位移或平铺，现在需要修改突兀的地方，使玩家难以发现场景其实是由Tile瓷砖拼出来的。
修改操作之后的Tile
4、明暗上色
现在可以安心的明暗上色，最终完成Tile。
这只是单个Tile的制作方法，其实就比普通的像素画多了一道四方连续操作。你学会了吗？
游戏场景Tile Set
单个Tile是无法拼出游戏场景的，还需要制作Tile Set。
像素画游戏场景都使用Tile Set。
《星露谷》场景Tile Set
下一期将介绍游戏场景Tile Set（瓷砖套装）的制作方法：怎样设计一套Tile拼出游戏场景。
完。
本账号系网易新闻-网易号“各有态度”签约账号
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
