Подготовка.
Для работы нам потребуются:
- 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, сделало процесс создания тайловой сетки, невероятно простым.
Итоговый результат.
