~ По просьбам неравнодушных из PbtA чата.
Некоторые упомянутые здесь ассеты для столов я выкладываю в общий доступ ЗДЕСЬ. Присоединиться к ТГ автора: Коробка с Карандашами
Как сделать красивый стол для игры в НРИ онлайн? Какие критерии у виртуальных столов?
ОГЛАВЛЕНИЕ
- Техническая часть
1.1 Почему и Кому это подойдёт
1.2 Где играем/Где столы?
1.3 Где искать материалы/пресеты/исходники?
1.4 Инструменты/Приложения/Редакторы
1.5 Сколько займёт времени? - Подготовка к творению
2.1 Что нужно на столе? Области, зоны и т.п.
2.2 Примеры моих столов с разбором зон
2.3 Как располагать зоны - Порядок работы
- Делая красиво
4.1 Визуальный стиль
4.2 Как много мне делать?
4.2a Простой путь
4.2b Сложный путь
4.3 Универсальные ассеты
4.4 Размеры
4.5 О чём важно помнить, делая красиво - Что я обычно делаю для столов
- Дополнительный комментарий по столам
ТЕХ.ЧАСТЬ
Почему и Кому это подойдёт
Почему? Эти столы очень просто создают общее пространство, возможно более удобное и свободное, чем привычные VTT. Можно создать полную имитацию настоящего стола с текстурой дерева, разбросанными вещами и т.п. без лимита в размер окна/поля и сложной редактуры html/Иного кода для r20 или foundry. Да, вы можете сделать это и ещё больше в foundry. Доски, о которых пойдёт здесь речь - для иной аудитории, которым не интересно/не подходит foundry.
Кому? По сути всем, а особенно тем, кто хочет играть на онлайн досках в лайтрул системы. Т.е. с достаточно малым количеством механик, которые можно вынести заметкой на стол или легко держать в голове. Остальные? Ну, зависит от вас. Знаю тех, кто так в днд играл.
Где играем/Где столы?
Miro, Holst (Ру-копия Миро) и им подобные. В теории, можно и на Owlbear Rodeo или иных местах, где можно и есть смысл свободно размещать кучу всего на столе. Основные критерии: без сильного ограничения на кол-во изображений (В теории и 10 вам хватит, но больше - лучше. На миро лимита нет, на холсте - 100 изображений), возможность добавлять свои текста/заметки и легко редактировать их в процессе игры, в том числе игроками.
Я делала стол и для Roll20, хотя это было крайне не удобно, но было вынужденной мерой. Чарники там, конечно, может и не пригодятся, но вот всё остальное - почему бы и нет.
Где искать материалы/пресеты/исходники?
При условии, что вы не продаёте свою работу, и используете всё это для личных целей (т.е. для игры со своими игроками, а не для продвижения чего-то. Короче, пока это в рамках хобби и донатов без ценника) - вы можете спокойно использовать всё, что свободно лежит в сети. В это входят в том числе:
- Изображения с Pinterest/VK/Artstation/Иных хостингов изображений или сайтов. Просто ищите по названию/тегам, что вам нужно (Например: manga effects, wood table texture, sword icon) На Pinterest, например, можно найти вообще всё, в том числе перечисленное ниже. Только поиск по тегам там работает плохо.
- Базы данных стоковых изображений: Freepik, Adobe Stock, istockphoto, shutterstock (Настоящий кладезь различных элементов декора: листы блокнота, листики деревьев, рамочки и т.д.)
- Раздел "Картинки" в поисковиках. Базово что-то дадут, но лучше схватиться за понравившийся результат и перейти на один из сайтов выше, там покажет подобные.
- Есть специальные каналы в ТГ, где кидают подборки исходников. У меня пока только один такой: Тык (Мне не платили за рекламу :( )
- Шрифты подбираю на Fonts Online. В интернете куча других статей, как лучше подобрать шрифтовые пары. Если вкратце: выбирайте фэнси для заголовков (Например "Опыт", "Архетип: Бунтарь", "Ходы Ябеды"), сами прочитайте его несколько раз и убедитесь, что его легко понять. Для обычного текста выбирайте максимально простые, как обычно вы видите в интернете (Например для описания ходов, механик и т.п.)
Инструменты/Приложения/Редакторы
Чтобы сделать красиво вам в любом случае потребуются те или иные инструменты. Самые распространённые на пк:
- Photoshop/Sai/Krita - любые программы для рисования/редактирования
Есть достаточное количество онлайн-редакторов, предоставляющих минимально необходимые вещи. Ниже я привела некоторые инструменты и ссылки на те, что выдаются первым запросом в поисковике. Если они не подходят по тем или иным параметрам, можно загуглить похожие редакторы - обычно в интернете таких миллион.
- Canva - достаточно простой редактор для дизайна простых и лаконичных вещей. В РФ доступен только с VPN
- Фотопия и иные мини-фотошопы онлайн. Сразу скажу, что онлайн фотошопами я не пользовалась и не могу с уверенностью сказать, насколько они удобные
- Удалить фон - пригодится, чтобы вырезать те или иные объекты, и под ними не было белого или шахматного фона. Лучше всего выбирайте изображения с простым однородным фоном.
- Krea.ai - различные ИИ инструменты для улучшения и генерации изображений. Можно сгенерить рамочки/фоны или улучшить качество существующих
Можно ли это делать на телефоне/планшете? Насколько я знаю - да! Но я никогда таким не занималась и не могу ничего посоветовать - изучите каталог приложений и сайты самостоятельно.
Сколько займёт времени?
При первой попытке - много. Потом, когда вы поймёте, где и как искать - меньше и меньше. Первый свой стол я собирала где-то два дня, сейчас справляюсь за 2-6 часов в зависимости от сложности.
Самое сложное - это переделать чарники, потому что я практически всегда дизайню их заново, а не просто перерисовываю. Но когда ты понимаешь, какие решение удачны, а какие нет - всё резко ускоряется. Прошлый чарник я сделала часа за 3. Обычно именно чарники занимают большую часть времени. Если вы просто возьмёте готовый из системы и раскрасите, то весь стол может занять около 2-3 часов.
В начале это может быть весьма сложно, но после пары раз вы начнёте понимать, что вам нужно, как это загуглить и где искать.
ПОДГОТОВКА К ТВОРЕНИЮ
Что нужно на столе? Области, зоны и т.п.
Перед вами стол. Огромный и пустой. Как чистый лист. Не бойтесь его.
Для начала, прочитайте игровую систему, по которой вы будете играть. Да, это особенно важно, потому что вам нужно понимать, что вам может пригодиться на игре. Вынесите механики, фишки, не касающиеся бросания кубов, в отдельный список. В среднем он выглядит как-то так:
- Чарники - любые страницы, используемые для описания/оцифровки персонажей игрока
- Заметки по механике - краткий список механики/ходы игроков, чтобы лежали перед глазами и не нужно было каждый раз бегать в книгу. Некоторые механики я складываю в чарник игрока (Например, механику помощи другому, получения опыта и траты игровых ресурсов), общие вещи лежат отдельно (Градации успеха, как бросать кубики, сложность и т.д.)
- Фокус-зона - место, куда вы выкладываете иллюстрации НПС, токены, жетоны, аспекты НПС или сцены и т.п.
- Доска с зацепками/уликами - может быть как фокус-зоной, либо отдельной, если вам это необходимо. Это место, куда игроки помещают улики и комментарии к ним в детективных играх.
- Галерея НПС - место, где хранится список всех важных НПС, обычно с портретами и местом для заметок. Сюда вы добавляете именных НПС, с которыми игроки будут взаимодействовать, либо которые являются важными членами истории. Обычного торговца из массовки сюда не лепите.
- Галерея Локаций - то же, что и галерея НПС, но с важными локациями.
- Карта - карта вашего пути/места, где вы находитесь. Обычно просто вайбовая штука, позволяющая отслеживать прогресс и радоваться. В некоторых играх может иметь механику или иной смысл - тогда не забудьте про неё.
- Иллюстрации - задают атмосферу. Обычно я располагаю их в самом конце, вокруг получившейся области. Иллюстрации располагаю по зонам или темам. (Например, всё лесное - в левом углу, всё городское - в правом)
- Лор - иногда я делаю "лорные карточки" с краткой выжимкой всего необходимого игрокам. Могут дополняться в процессе.
- Клубок связей - карта со стрелочками влияния или связей персонажей и НПС. Достаточно редкая штука, как мне кажется
Этот список может быть больше/меньше в зависимости от ваших нужд.
Примеры моих столов с разбором зон
Как располагать зоны
По моему мнению, это очень важный элемент, который многие могут опустить.
Стол должен быть в первую очередь удобен, во вторую - красив.
Что принять во внимание:
- Игрок чаще всего смотрит в свой чарник и на механики.
- Чарник должен удобно читаться и считываться, полностью помещаясь в экран монитора, т.е. чтобы человеку не приходилось постоянно приближать-отдалять.
- В идеале общая механика должна быть в 1-3 движениях мыши от чарника.
- Личная механика должна быть в 1 движении мыши/экране от чарника.
- Общие элементы галерей/списков должны находиться в одном месте (В одной зоне), чтобы их не нужно было искать по всему столу. (Все НПС в галерее НПС и т.п.)
- Самые важные/часто используемые вещи располагайте ближе к чарникам, самые редкие/не важные - дальше.
- Делайте масштабы зон +- кратными друг другу для удобства расположения их рядом друг с другом. (Если у вас зоны ну очень разных размеров, итог может выглядеть не красиво или не удобно)
ПОРЯДОК РАБОТЫ
Я всегда размечаю размеры иллюстраций для объектов в соотношении к чарнику игрока. Поэтому:
- Расположите на столе столько чарников, сколько у вас игроков. Потом вы можете их заменить на кастомные версии или оставить эти.
- По масштабам прикиньте размеры остальных зон. Обычно это х1-х2 размера чарника (то есть галерея НПС может быть примерным размером как 1 или как 2 чарника) или больше/меньше в зависимости от ваших нужд. Обычно у меня это примерно х1.5-х2.
- В зависимости от выбранного стиля, подготовьте фоны/текстуры/иллюстрации.
- Начните делать красиво с чарника, потом всё остальное
- Засуньте всё на стол в выбранные места.
- Вы прекрасны!
ДЕЛАЯ КРАСИВО
Я не буду расписывать уроки/статьи по работе в фотошопе, с цветом и т.п. - про это тоже есть куча материала в интернете. Я опишу общие моменты, касающиеся именно подготовки иллюстраций для стола.
Визуальный стиль
Сядьте. Подумайте, какое визуальное сопровождение наиболее подходящее для игры. Обычно это стиль оригинального рульника/тематика вашей игры. (Например: фэнтези, кантри, вестерн, ретро футуризм, эзотерика, аниме каваи, манга ЧБ, нуар) - это повлияет на элементы дизайна, которые будут хорошо смотреться у вас на столе.
Старайтесь, чтобы всё было в примерно одном исполнении. Единообразие помогает сохранять общую атмосферу, эстетику и настроение игры.
Как много мне делать?
Тут всё зависит от вас, ваших сил и желания.
Простой путь
Можно использовать максимально готовых и распространяемых с системой элементов: чарники, подсказки по ходам и прочее. Их можно: перекрасить, заменить фон, добавить декора.
Такие вещи, как записки, заметки и прочее можно добавлять инструментами столов - они выбиваются стилем, но их удобно использовать.
Для зон (НПС, локации и прочее) можно создать одну подложку и использовать её для всего.
Сложный путь
Максимальная кастомизация всего. Буквально всего, что можно вынести на стол: чарники, механики, подложки портретам и т.п.
Это долго и тяжело, потому что вам может понадобиться заняться дизайном и проработкой логики листов заново (Логика дизайна чарника - это вообще отдельная тема...).
Начинай с чарника
Я считаю чарник - основой всего стола, по очевидным причинам. Нам стол нужен именно для хранения персонажей в первую очередь, во вторую - для всего остального.
Сначала задизайните/раскрасьте/т.п. чарник. Это может занять какое-то время, прежде, чем вы поймёте, какие ассеты и стиль вам необходим. Уже потом вы можете использовать эти элементы для быстрого создания всех остальных элементов. Это упростит работу (Если вы переделаете что-то в чарнике, не надо будет потом перекрашивать всё подряд и везде) и поможет поддерживать визуальную стабильность.
Универсальные ассеты
Я часто использую созданные ассеты повторно, если они подходят по стилю или тематике. Такими универсальными фонами обычно могут стать рамки для портретов НПС и локаций, подложки под заметки в виде листов бумаги, тетради.
Размеры
Я беру за основу чарник, предоставленный системой. Обычно он А4 размера. Как уже было упомянуто, остальные элементы я скалирую от чарника. Помните, что чарник должен полностью помещаться в стандартный монитор и свободно читаться без доп. приближения!
О чём важно помнить, делая красиво
- Текст на всех элементах должен быть примерно одного размера. (Заголовки всё ещё крупнее обычного текста, но все заголовки одного размера и т.п.)
- Выберите 3 основных цвета, которые вы будете использовать в работе. Больше - только тоны этих трёх. Это позволит выдержать стабильность
- Выберите 2 шрифта, один для заголовков, второй для обычного текста. Шрифт заголовков может быть пафосный, странный и прикольный. А вот шрифт текста - обязан быть легко читаемым. Лучше используйте похожие на те, что есть на выбранном вами столе, так разница будет менее заметна.
Вы можете уйти в крайность и использовать больше шрифтов и цветов, если знаете, что делаете. В чарниках Bitemarks у меня было 6 разных шрифтов, но каждый занимал определённую зону и не смешивался с остальными. В чарниках Wonder Girl Priority у меня был основной цвет, используемый для фона и отражающий акцентный цвет персонажа, а вокруг - множество других, ярких. Секрет в том, что каждый цвет имеет поддержку (Минимум 1 другой элемент такого же цвета в другой зоне чарника_ - но это тема теории цвета и цветового баланса, в интернете про это расскажут лучше.
Несколько лайфхаков
Плохого качества исходники? Зашакаль всё! Сделай это фишкой! В фотошопе для этого я использую следующие штуки:
- Копия исходного слоя с Стилизация>Выделения краёв, эффект наложения "Умножение", 20%
- Копия исходного слоя с "Размытие по Гауссу", эффект наложения "Светлее", 10-20%
- Эффекты>Постеризация>значение на 20
- Слой pixel dizering 1-10% непрозрачности
- Исходный слой
Иллюстрации на столе
Иллюстрациями здесь я называю вайбовые картинки вокруг основной игровой зоны, не относящиеся напрямую к локациям или НПС, но задающие тон и дающие примерное понимание того, где вы находитесь. Тут, на самом деле, располагайте, как хотите! Что я обычно делаю:
- Располагаю иллюстрации тематически (Например всё лесное в правом углу, всё водное в левом, город по середине)
- Подбираю иллюстрации примерно одной стилистики (Т.е. не надо смешивать аниме и фото-реализм вместе)
- При необходимости провожу цветокоррекцию, обычно я приглушаю цвета (делаю их менее выразительными, более серыми), чтобы они не отвлекали на себя внимание
Что я обычно делаю для столов
- Кастомные чарники - Делаю их полностью на основе предложенных в системе с мелкими правками для личного удобства
- Фоны для зон - Просто большая PNG картинка с простым, не ярким фоном, на который в дальнейшем располагаются иные элементы.
- Рамочки для портретов НПС и локаций - Чаще всего - полароид. Стараюсь ответить на вопрос "Как бы выглядело фото/информация в этом сеттинге?"
- Механики для стола - выношу самое главное по частям. Отдельно Ходы для PbtA, отдельно "Как получать опыт", "Как работают ресурсы" и т.п.
- Мелкие декоративные объекты (Перья, листья, булавки и прочее)
Кастомные чарники
Фоны для зон
Рамочки для портретов НПС и локаций
Механики для стола
Мелкие декоративные объекты
ДОП. КОММЕНТАРИИ ПО СТОЛАМ
Miro позволяет загружать изображения любых размеров и масштабов. Holst же - такие картинки может блюрить. Я обошла это, разрезав изображение на 3 разные части и загрузив их отдельно как три разных png. На столе их можно собрать в одну группу, и никакого подвоха видно не будет