TileSetter. Создаем тайловую сетку из 2-х картинок.

Подготовка.

Для работы нам потребуются:

  • 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, сделало процесс создания тайловой сетки, невероятно простым.

Итоговый результат.

avatar