В процессе написания правил для своей настольной игры «Танки. Неукротимая сталь» я дошел до разработки механики сражения танков. Саму механику пока раскрывать не буду, но с удовольствием поделюсь процессом создания ее компонентов.

Для этого нам потребуется около 400 рублей, чтобы заказать компоненты на маркетплейсе... Шутка.

А если серьезно, вариант с покупкой компонентов не всегда оправдан, так как они могут не удовлетворять требованиям вашей игры. Например, мне понадобился счетчик с ограниченным диапазоном чисел — от 0 до 23. Поэтому деньги лучше отложить на другие цели, а сейчас приготовим следующее:

• Photoshop

• Картон пивной KLP-16 "Love2art", 1 шт

• Брадсы металлические, 2 шт

• Канцелярский нож

• Ножницы

• Клей ПВА

• Толстая иголка

• Разделочная доска

Создание макета в Photoshop

Чтобы создать макет счетчика, для начала определимся с диапазоном чисел. В моем случае это от 0 до 23. Поэтому делим 360 градусов (полный круг) на 24 и получаем шаг в 15 градусов. Запоминаем это число — оно понадобится для поворота элементов на холсте.

1. Открываем Photoshop (у меня версия 24) и создаем новый холст A4 с альбомной ориентацией.

2. Выбираем инструмент Эллипс, устанавливаем белый фон на верхней панели инструментов и кликаем по любому месту на холсте.

3. В открывшемся диалоговом окне выбираем единицы измерения сантиметры.

4. Задаем ширину и высоту 10 см и размещаем круг в нужном месте на холсте.

Откройте вкладку «Слои» (кнопка F7) и выберите созданную фигуру. Нажмите комбинацию клавиш Ctrl + G, чтобы создать группу слоев. Назовите группу «Верхний круг».

Теперь выделите слой с белой заливкой во вкладке слоев и снова выберите инструмент «Эллипс», чтобы создать второй круг. На этот раз задайте ширину и высоту 9,5 см. Выделите новый слой и также с помощью комбинации Ctrl + G поместите его в отдельную группу. Пока что отодвиньте фигуру в сторону, чтобы она не мешала на холсте.

Выделите слой с первым кругом и нажмите Ctrl + T, чтобы отобразились контуры трансформации вокруг фигуры. Затем с левой стороны холста кликните мышкой по вертикальной линейке, перетащите оттуда направляющую и установите ее точно по центру выделенного круга. Повторите то же самое с горизонтальной линейкой в верхней части холста и установите направляющую по вертикальной середине круга.

Оставаясь в группе слоев «Верхний круг», выберите инструмент «Прямоугольник». Он находится в левой панели инструментов, в той же группе, что и инструмент «Эллипс». Задайте ширину 1 см и высоту 0,7 см. При желании можно добавить закругление углов 0,1 см — это опционально.

Разместите прямоугольник в верхней части первого круга. Для этого активируйте режим выделения контура (Ctrl + T) и выровняйте его по вертикальной направляющей. Не выходя из режима выделения контура, создайте еще одну горизонтальную направляющую, чтобы выровнять прямоугольник по середине его высоты.

Выделите группу слоев «Нижний круг» и нажмите Ctrl + T. Перетащите контур к первому кругу и выровняйте его по вертикальной направляющей. Сместите его вверх примерно на 0,3 см. Оставаясь в режиме выделения контура, перетащите с верхней линейки еще одну горизонтальную направляющую и разместите ее по середине высоты выделенного контура. Точка пересечения с вертикальной направляющей будет центром вращения.

Во вкладке слоев выделите группу «Верхний круг» и создайте новый пустой слой. Затем выберите инструмент «Кисть» на левой панели инструментов. Установите радиус кисти на 25 и выберите черный цвет. Поставьте точку точно в центре вращения. После этого скройте группу «Верхний круг», отключив значок глаза в панели слоев.

Теперь перейдите к группе «Нижний круг», создайте новый слой и аналогичным образом поставьте точку центра вращения на холсте.

Включите обратно группу «Верхний круг». Выделите слой с фигурой «Прямоугольник», щелкните правой кнопкой мыши по слою, чтобы вызвать контекстное меню, и выберите пункт «Растрировать слой». Зажмите Ctrl и кликните левой кнопкой мыши по пиктограмме растрированного прямоугольника на панели слоев. Если вы все сделали правильно, фигура должна выделиться на холсте.

Выделите слой с кругом на панели слоев. Если вы еще не растрировали фигуру «Эллипс», самое время это сделать. После растрирования слоя нажмите Delete на клавиатуре, чтобы вырезать окошко в верхнем круге. Затем нажмите Ctrl + D, чтобы снять выделение.

Теперь выделите на панели слоев группу «Нижний круг». На левой панели инструментов выберите инструмент «Горизонтальный текст» (кнопка T на клавиатуре). Напишите на холсте цифру 0 и разместите ее точно по центру окошка. Поместите слой с текстом в группу «Нижний круг».

Пришло время вспомнить про вычисленное ранее значение шага поворота 15 градусов.

Выделяем еще раз группу Нижний круг и нажимаем комбинацию клавиш ctrl + T. В верхней панели в поле значения угла поворота пишем -15 и нажимаем Enter. Наш круг провернулся на 15 градусов против часовой стрелки.

В панели слоев выделяем слой с цифрой 0. В середине окошка-прямоугольника на холсте еще раз щелкаем мышкой и пишем цифру 1. Опять выделяем полностью группу Нижний круг и проворачиваем его портив часовой стрелки на 15 градусов.

Эти шаги повторяем до посинения написания всех чисел диапазона. После того как вы пропишете числа от 0 до 23, настает время подготовки компонента к печати. Дублируйте слой со счетчиком и распределите круги двух счетчиков по холсту. Затем нажмите Ctrl + Shift + S и сохраните изображение на диск.

Перейдите в верхнее меню: «Файл» → «Автоматизация» → «PDF-презентация». В открывшемся окне нажмите кнопку «Обзор», найдите только что сохраненный файл с изображением частей счетчика и нажмите «Открыть». После этого в окне создания PDF нажмите кнопку «Сохранить», укажите путь и название файла, затем снова нажмите «Сохранить». Для завершения нажмите кнопку «Сохранить PDF».

Поздравляю! Файл для печати частей счетчика готов. Вы можете распечатать его дома или записать на флешку и отнести в ближайшую типографию.

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

Спасибо всем, кто дочитал до конца, и до скорых встреч!