Как добавить квадратную сетку на изображение карты без сетки в GIMP
Чтобы наложить на карту квадратную экспортируемую сетку, сохраните исходную карту нетронутой и создайте сетку на отдельном прозрачном слое. В GIMP задайте одинаковое значение в пикселях для ширины и высоты ячейки сетки, а затем скорректируйте ее смещения, чтобы линии начинались там, где вам нужно. Перед экспортом сверьте наложение с картой в обычном игровом масштабе: математически квадратная сетка все равно может оказаться трудночитаемой или плохо выровненной относительно рельефа.
Сначала выберите размер ячейки и выравнивание
Решите, чему должен соответствовать один квадрат в игре, а затем выберите видимый размер ячейки в пикселях. Само изображение карты не задает игровой масштаб: значение ячейки определяется участниками за столом. Например, для карты шириной 1200 пикселей ячейка размером 60 пикселей дает 20 столбцов. Это просто наглядный пример, а не универсальная рекомендация. Если высота карты не делится нацело на 60, последняя строка может получиться неполной; вы можете оставить как есть, кадрировать карту или уменьшить размер ячейки до значения, на которое без остатка делятся оба измерения.
Также определите, должна ли линия сетки проходить по внешнему краю изображения или начинаться с отступом в пол-ячейки от него. Если важная комната, дорога или мост должны совпадать с пересечением сетки, используйте этот объект в качестве визуальной привязки. Если карта изначально рисовалась без сетки, выровнять абсолютно все элементы не получится, поэтому отдайте приоритет тем границам, которые важнее всего для игрового процесса.
Откройте карту и сохраните оригинал
Откройте карту в GIMP и сохраните рабочую копию в собственном формате программы — XCF. Формат XCF позволяет сохранять слои доступными для редактирования; в руководстве поясняется, что команда «Сохранить» в GIMP предназначена для формата XCF, тогда как для других форматов используется «Экспортировать». GIMP: Экспорт файла
Добавьте новый слой поверх карты с помощью команды Слой → Создать слой. Назовите его, к примеру, «Сетка» и задайте для параметра Заливка значение Прозрачность. Диалоговое окно создания слоя в GIMP поддерживает прозрачную заливку, а отдельный слой позволяет изменять или удалять сетку, не затрагивая рисунок карты. GIMP: Создать слой
Отрисуйте квадратную сетку на прозрачном слое
Выбрав прозрачный слой, перейдите в меню Фильтры → Визуализация → Узор → Сетка. Фильтр «Сетка» наносит декартову сетку на активный слой; в его параметрах можно настроить ширину и высоту ячейки, смещения по горизонтали и вертикали, а также толщину линий. GIMP: Фильтр «Сетка»
Укажите одинаковые значения в пикселях для параметров Ширина и Высота, чтобы получить квадратные ячейки — например, 60 и 60 для упомянутой выше карты шириной 1200 пикселей. При настройке держите горизонтальные и вертикальные параметры связанными. Для параметров Ширина линии и Высота линии также установите одинаковые небольшие значения. Начните с тонкой линии (в один или два пикселя), а затем оцените результат в том масштабе, в котором его фактически будут видеть игроки. Линия, которая кажется аккуратной при приближении, может пропасть на небольшом экране или при печати.
Параметры Смещение X и Смещение Y перемещают сетку относительно верхнего левого угла изображения. Начните с нуля, если хотите, чтобы линии шли прямо от краев изображения. Чтобы сдвинуть узор, измените смещение и посмотрите, куда ложится первая линия относительно выбранной опорной точки. Сетка размещается с определенным шагом: изменение смещения двигает каждую линию, поэтому проверяйте пересечения около ключевых объектов по предпросмотру, а не подбирайте их наугад.
Настройте контраст и читаемость
Выберите цвет линий, который останется заметным как на светлых, так и на темных участках рельефа. Приглушенный графитовый оттенок часто хорошо смотрится на светлом фоне, тогда как бледный нейтральный цвет может лучше читаться на темном рисунке; ориентируйтесь на саму карту, а не предполагайте заранее, что один цвет подойдет для всех областей. Если результат работы фильтра кажется слишком контрастным, уменьшите непрозрачность слоя с сеткой на панели «Слои». В документации GIMP указано, что непрозрачность слоя управляет степенью прозрачности рисунка на этом слое. GIMP: Создать слой
Внимательно осмотрите участки с высокой детализацией. Пересечения сетки могут перекрывать мелкие символы, подписи, двери или узкие тропинки. Если линии мешают, уменьшите непрозрачность или толщину либо выберите другой цвет и снова проверьте результат. Сохраняйте видимыми границы сетки и ее углы: если они сольются с изображением, игрокам будет трудно понять, где заканчивается игровая зона.
Проверьте сетку перед экспортом
Перед тем как считать работу над наложением завершенной, выполните три проверки:
Квадратность ячеек: убедитесь, что значения ширины и высоты совпадают. Если из-за размеров изображения или размера ячейки у края образуются неполные клетки, решите, допустимы ли такие поля для данной карты.
Практичность выравнивания: проверьте важную комнату, вход, переправу или другой объект, выбранный в качестве ориентира. Убедитесь, что смещение удобно для игры, даже если другие детали карты оказываются между линиями сетки.
Читаемость за столом: уменьшите масштаб до примерного размера отображения в игре или сделайте пробную печать. Убедитесь, что линии остаются различимыми и при этом не перекрывают важные элементы. Если карта будет использоваться на экранах с разным разрешением или печататься в разных форматах, проверьте и эти вероятные сценарии.
Для быстрой визуальной оценки переключите видимость слоя сетки, сравнив карту с сеткой и исходное изображение. Это также надежный способ убедиться, что рисунок карты не был случайно поврежден: при скрытии слоя с сеткой исходная карта должна оставаться нетронутой.
Экспортируйте готовую к использованию карту
Сохраните рабочий файл XCF, чтобы при необходимости изменить размер ячейки, смещение, цвет или непрозрачность позже. Когда вид сетки вас устроит, выберите Файл → Экспортировать как... и укажите формат, подходящий для вашей группы. В руководстве GIMP проводится четкое различие между экспортом и сохранением: при экспорте создаются файлы таких форматов, как PNG, тогда как команда «Сохранить» записывает изображение в формате XCF. GIMP: Экспорт файла
После экспорта откройте получившийся файл и убедитесь, что сетка отображается и правильно выровнена. Встроенная сетка в GIMP служит только вспомогательным средством просмотра: команда Вид → Показывать сетку включает ее отображение, а Изображение → Настроить сетку... позволяет изменить ее шаг и внешний вид. Это полезно для выравнивания в процессе редактирования, но не является отрисованным слоем сетки, описанным выше. GIMP: Сетка изображения по умолчанию
Когда требуется другой подход
Если строгая целостность ячеек важнее сохранения исходных границ изображения, кадрируйте карту или измените ее размер до настройки параметров ячеек, чтобы сетка точно легла на холст. Если изображение выполнено в перспективе или нарисовано от руки с неравномерными пропорциями, правильная квадратная сетка вряд ли идеально совпадет с каждым элементом; настраивайте выравнивание ради удобства перемещения и измерений, а не пытаясь подогнать каждую нарисованную линию под квадрат.
Если вам нужна лишь временная разметка при редактировании, используйте собственную вспомогательную сетку GIMP вместо визуализации отдельного слоя. Настройте ее шаг и смещение через Изображение → Настроить сетку..., а затем включите или скройте ее через Вид → Показывать сетку. Поскольку это лишь инструмент отображения, используйте способ с отдельным наложенным слоем, когда линии сетки должны остаться на самой экспортированной карте. GIMP: Сетки и направляющие
Качественная готовая карта оставляет исходное изображение нетронутым, использует равные интервалы по горизонтали и вертикали и обеспечивает хорошую читаемость линий в том масштабе, в котором будут играть участники. Быстрая проверка формы ячеек, привязки к ключевым точкам, краев и итогового экспортированного файла позволяет устранить самые частые проблемы еще до начала игры.
Источники
GIMP: Export File — https://docs.gimp.org/3.0/en/gimp-export-dialog.html
GIMP: New Layer — https://docs.gimp.org/3.0/eo/gimp-layer-new.html
GIMP: Grid filter — https://docs.gimp.org/3.0/en/gimp-filter-grid.html
GIMP: Default Image Grid — https://docs.gimp.org/3.0/en/gimp-prefs-default-grid.html
GIMP: Grids and Guides — https://docs.gimp.org/3.0/en/gimp-prefs-default-grid.html
