Подготовка.
Для работы нам потребуются:
- Aseprite (программу можно бесплатно скомпилировать из исходников, либо купить в стиме)
- Tilesetter Lite (бесплатно)
После установки, можем приступать.
Создание тайловой сетки.
В Aseprite, создайте изображение с разрешением 32×16 px. Т.к. нам потребуются 2 тайла, с разрешением 16×16 px
В нем, создайте 2 тайла. Первый будет — фон, когда второй — передний план.
Теперь, скопируйте фон из Aseprite (Ctrl+C), и переместите его в TileSetter (Ctrl+V).
То же самое, проделайте и с передним планом.
Теперь удалите передний план. Затем, нажмите ПКМ, по тайлу и выберите Build Borders (Blob).
Кликните по верхнему тайлу, и установите в поле Source, изображение переднего плана.
То же самое проделайте для 3-х, оставшихся сторон.
Тайловая сетка готова, осталось её сохранить. Для этого, выделите все тайлы, и нажмите Export (Image).
Готово. Как видите, использование Tilesetter, сделало процесс создания тайловой сетки, невероятно простым.