Итоговый вариант счетчика
В процессе написания правил для своей настольной игры «Танки. Неукротимая сталь» я дошел до разработки механики сражения танков. Саму механику пока раскрывать не буду, но с удовольствием поделюсь процессом создания ее компонентов.
Для этого нам потребуется около 400 рублей, чтобы заказать компоненты на маркетплейсе... Шутка.
А если серьезно, вариант с покупкой компонентов не всегда оправдан, так как они могут не удовлетворять требованиям вашей игры. Например, мне понадобился счетчик с ограниченным диапазоном чисел — от 0 до 23. Поэтому деньги лучше отложить на другие цели, а сейчас приготовим следующее:
Photoshop
Картон пивной KLP-16 "Love2art", 1 шт
Брадсы металлические, 2 шт
Канцелярский нож
Ножницы
Клей ПВА
Толстая иголка
Разделочная доска
Создание макета в Photoshop
Чтобы создать макет счетчика, для начала определимся с диапазоном чисел. В моем случае это от 0 до 23. Поэтому делим 360 градусов (полный круг) на 24 и получаем шаг в 15 градусов. Запоминаем это число — оно понадобится для поворота элементов на холсте.
Открываем Photoshop (у меня версия 24) и создаем новый холст A4 с альбомной ориентацией.
Выбираем инструмент Эллипс, устанавливаем белый фон на верхней панели инструментов и кликаем по любому месту на холсте.
В открывшемся диалоговом окне выбираем единицы измерения сантиметры.
Задаем ширину и высоту 10 см и размещаем круг в нужном месте на холсте.
Создание макета счетчика в Photoshop
Откройте вкладку «Слои» (кнопка 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 градусов против часовой стрелки.
Поворот круга на шаг в 15 градусов
В панели слоев выделяем слой с цифрой 0. В середине окошка-прямоугольника на холсте еще раз щелкаем мышкой и пишем цифру 1. Опять выделяем полностью группу Нижний круг и проворачиваем его портив часовой стрелки на 15 градусов.
Эти шаги повторяем до посинения написания всех чисел диапазона. После того как вы пропишете числа от 0 до 23, настает время подготовки компонента к печати. Дублируйте слой со счетчиком и распределите круги двух счетчиков по холсту. Затем нажмите Ctrl + Shift + S и сохраните изображение на диск.
Распределение частей компонента на холсте для печати на принтере
Перейдите в верхнее меню: «Файл» → «Автоматизация» → «PDF-презентация». В открывшемся окне нажмите кнопку «Обзор», найдите только что сохраненный файл с изображением частей счетчика и нажмите «Открыть». После этого в окне создания PDF нажмите кнопку «Сохранить», укажите путь и название файла, затем снова нажмите «Сохранить». Для завершения нажмите кнопку «Сохранить PDF».
Поздравляю! Файл для печати частей счетчика готов. Вы можете распечатать его дома или записать на флешку и отнести в ближайшую типографию.
В следующей части мы будем изготавливать планшет-счетчик, вырезая его из пивного картона.
Спасибо всем, кто дочитал до конца, и до скорых встреч!