Как быстро сделать относительно красивую гексовую карту

Нам понадобится Гексографер: http://www.hexographer.com/free-version/ и ваш любимый графический редактор. Я использую GIMP.

Вначале будет немного не про рисование, а про инициирующие идеи. Но потом мы вернёмся к заявленной теме.

Будет много скриншотов моих рабочих инструментов. Извините.

  1. Открываем гексографер.
Как быстро сделать относительно красивую гексовую карту, image #1
Как быстро сделать относительно красивую гексовую карту, image #2

Будем рисовать карту 3 на 3 гекса, чтобы проиллюстрировать возможности для текущего конкурса, организованного Сергеем: https://vk.com/wall-152277348_1639

Но Гексографер предлагает минимальный размер 5 на 5:

Как быстро сделать относительно красивую гексовую карту, image #3

Пофиг. Приступаем к разметке карты. Можно нарисовать ландшафт самому, можно использовать генератор.

Например, найти вдохновение здесь: https://www.welshpiper.com/hex-based-campaign-design-part-1/

2. Ландшафт

Тыкаем равниной, как самой понятной территорией в условный центр:

Как быстро сделать относительно красивую гексовую карту, image #4

Стрелочка указывает на возможность изменения размера гекса.

Накидаем случайно по таблицам Welsh Piper гексы вокруг стартового:

Как быстро сделать относительно красивую гексовую карту, image #5

d12 показал: 11, 9, 6, 9, 9, 6. Это: третичная, вторичная, две третичных и снова вторичная территории. Для равнины это: холмы, лес, равнина, лес, лес, равнина. Расставляем:

Как быстро сделать относительно красивую гексовую карту, image #6

Кидаем ещё два раза: 5 и 7. Равнина и лес:

Как быстро сделать относительно красивую гексовую карту, image #7

Будем считать, что в конкурсе мы находимся на пике конкурентной борьбы. Поэтому такой радостный дженерик нас не устроит. Но распределение, которое дал нам рандом — устроит вполне.

Так что применим то, что даёт нам Гексографер:

Как быстро сделать относительно красивую гексовую карту, image #8

3. Базовый объект

Пусть это будет крепость. Классическое решение. Стрелки показывают на настройки, которые позволят сделать его симпатичным и аккуратным:

Как быстро сделать относительно красивую гексовую карту, image #9

Вот результат:

Как быстро сделать относительно красивую гексовую карту, image #10

Теперь думаем и пишем.

Эта крепость на 200 жителей стоит тут уже давно. Хозяин крепости Ригор Волшебник со своим ручным бесом Резеном не очень-то беспокоятся обо всех опастностях карнийских земель. Урхатту же, кому формально принадлежит крепость, заботит только чтобы она оставалась здесь как символ его власти.

4. Подготовка для миграции из Гексографера

Чуть-чуть настроек для более красивой сетки:

Как быстро сделать относительно красивую гексовую карту, image #11

УДАЛЯЕМ содержимое лишних гексов:

Как быстро сделать относительно красивую гексовую карту, image #12

Сохраняем результат в .hxm-файл:

Как быстро сделать относительно красивую гексовую карту, image #13

Закрываем и снова открываем. Но уже с красивой текстурой по кнопке Import:

Как быстро сделать относительно красивую гексовую карту, image #14

Сразу после загрузки карта будет полупрозрачной. Возвращаем настройку Opacity обратно к 100% и получаем:

Как быстро сделать относительно красивую гексовую карту, image #15

Нам понадобятся номера для того, чтобы прописать локации. Конфигурируем:

Как быстро сделать относительно красивую гексовую карту, image #16

Смотрим на результат:

Как быстро сделать относительно красивую гексовую карту, image #17

Экспортируем эту, так сказать, мастер-модель:

Как быстро сделать относительно красивую гексовую карту, image #18

Теперь экспортируем ландшафтную базу. Сначала уберём границу. Для этого:

Как быстро сделать относительно красивую гексовую карту, image #19

Экспортируем без сетки и границы:

Как быстро сделать относительно красивую гексовую карту, image #20

Естественно в таком же размере. Скриншот сохранения файла при экспорте:

Как быстро сделать относительно красивую гексовую карту, image #21

Теперь экспортируем сетку с номерами. Обратите внимание, что пустые гексы должны быть пустыми (remove hex), а не серыми:

Как быстро сделать относительно красивую гексовую карту, image #22

Теперь экспортируем только границу:

Как быстро сделать относительно красивую гексовую карту, image #23

5. Работа в редакторе

Открываем все сохранённые .png-файлы как слои:

Как быстро сделать относительно красивую гексовую карту, image #24

Посмотрите как это выглядит послойно:

Как быстро сделать относительно красивую гексовую карту, image #25
Как быстро сделать относительно красивую гексовую карту, image #26
Как быстро сделать относительно красивую гексовую карту, image #27

Кадрируем до нужного размера иллюстрации:

Как быстро сделать относительно красивую гексовую карту, image #28

Нижние цифры спрятались под границей. Но если поменять слои местами, то сетка перекроет границу. Можно было бы сохранить номера как отдельный слой, но лень. Тем более, что мы знаем шрифт и его размер. Подбираем:

Как быстро сделать относительно красивую гексовую карту, image #29

Пишем и накрываем:

Как быстро сделать относительно красивую гексовую карту, image #30

Я даже не стирал нижние цифры. Они просто накрыли сверху те, что были.

Итак, у нас есть:

Как быстро сделать относительно красивую гексовую карту, image #31

Что нам это даёт? Главное — возможность загружать свои красивые иконки.

Идём в Гугл, ищем нужное и готовим:

Как быстро сделать относительно красивую гексовую карту, image #32

Вешаем на карту:

Как быстро сделать относительно красивую гексовую карту, image #33

Вуаля. Осталось только прописать локаци/столкновения.

1914 views·11 shares