Как сделать игровые карточки в фотошопе

Изготовление карт

Карты должны быть удобными в игре: чёткая картинка, ровная рамка, читаемый текст, одинаковая рубашка. Хотя в разных играх встречаются карты самых разных размеров, для пнп-проекта их лучше делать единого размера — 6х9 см. Если нужны маленькие карты, удобнее делать их размером 4х6 см. Оба этих размера карт хорошо подходят под плёнки для ламинирования 65х95 мм (см. ниже).

Параметры создаваемого в Photoshop’е шаблона карты: RGB, разрешение 200 dpi, размер 6х9 см (472х709 пикс.). Верхним слоем делается чёрная рамка — простой обводной внутри контура карты чёрным цветом, шириной 10 пикс. Хотя у карт обычно закруглённые края, это закругление уже будет в плёнках для ламинирования, так что сами карты проще делать строго прямоугольными. Белые засечки для разрезки распечатанных карт в общем-то не нужны — при такой рамке карты легко разрезаются резаком на глаз.

В шаблоне создаёте вертикальные и горизонтальные направляющие (50%) — для удобства размещения элементов строго посередине (для этого включаете режим трансформирования Ctrl-T и двигаете элемент так, чтобы его квадратные метки попадали на направляющие):

Да, в каждой игре используется свой шрифт и можно пытаться его повторить, но проблема в том, что русский текст в среднем на 30% длиннее английского, и результат копирования оригинального дизайна будет много хуже исходного. Также на картах плохо читаются шрифты с засечками, поэтому лучше всего брать хоть и не такие красивые, но более функциональные и легко читаемые шрифты без засечек, например Myriad Pro, у которого есть все необходимые наборы букв — обычный текст, курсив, жирный, полужирный и сжатый. Размер шрифта выставляйте максимальный, но такой, чтобы поместилась самая длинная надпись.

Если возникает необходимость использования белой надписи на тёмном фоне, делайте её двумя слоями: верхний — чисто белая надпись, нижний — её копия, но с небольшой тенью (2 пикс. + размытие 2 пикс.).

Готовые карты собираете по 9 штук на листы, в 3 раза превышающие их по ширине и высоте (1416х2127 пикс.) — их затем можно печатать на листах А4 (на принтере) — и сохраняете в jpg с качеством 10 (размер готового файла с 9 картами обычно чуть больше 1 mb). Все листы затем можно будет собрать в единый pdf-файл, например, с помощью программы Nitro PDF Professional.

Чтобы заказать печать в «Экспертфото» (см. ниже), эти 9-карточные файлы нужно разместить на горизонтальных листах размером 42,4х30,1 см, 200 dpi, RGB, jpg (в заказ принимают 10 файлов). Готовите нужный шаблон, ставите вертикальную направляющую (50%), выделяете левую половину, обводите чёрным цветом, затем правую, и снова обводите — полученная центральная линия пригодится в последующем для разрезания листов А3 на 2 листа А4 с последующей печатью на них рубашки. Лист с 9 картами копируете и вставляете в выделенную левую половину листа, затем — в правую. Сохраняете результат в jpg:

Печать

Распечатать листы с картами. Лучший вариант — типография (например, в сети фотосалонов «Экспертфото» — позиция «Блок А3» в разделе «Календари», адреса приёмных пунктов — expertphoto.ru/ru/111). Или принтер (на двусторонней матовой фотобумаге Lomond 130 г/м2). Принтерная печать менее стойкая к выцветанию от солнечных лучей.

После полного высыхания и распрямления листов с картами распечатать рубашку карт.

На мелованной типографской бумаге струйный принтер печатает не очень качественно, поэтому в таких случаях в качестве рубашки следует использовать какие-нибудь не слишком плотные по насыщенности печати текстуры. Для этого готовится файл размером 20,5х29,5 см (что с запасом покрывает напечатанные на другой стороне листа А4 9 карт) 200 dpi и заливается (Shift-F5) подготовленным узором. При печати с разрешением 200 dpi в качестве повторяющегося узора следует использовать картинки размером 118х118 пикселей — при печати (в режиме 100%) это даст повторение узора через каждые 1,5 см, а стандартные карты 6х9 см получат практически одинаковую рубашку. Подготовить такие узоры можно с помощью бесплатной программы «Genetica Viewer 3.5» — на сайте предлагается огромное количество готовых текстур, которые затем можно отрегулировать на свой вкус (оттенок, яркость, насыщенность).

Разрезка

Разрезать карты роликовым фоторезаком по крестообразным меткам (если они есть) или на глаз:

Если дизайн карт это предусматривает, закруглить края карт ножницами или подрезчиком углов с радиусом закругления 3 мм (см. lamiprint.ru).

Ламинирование

Карты 6х9 см поместить в плёнки для ламинирования 65х95 мм толщиной 80 мкм (карты размером 4х6 см помещать в плёнки по 2 штуки). Все виды плёнок и ламинаторов можно найти в lamiprint.ru.

Положив плёнки с картами в согнутый пополам лист А4 обычной бумаги (по ширине листа помещается 3 карты, с небольшими зазорами между ними, карты должны полностью находится внутри листа бумаги) —чтобы случайно не загнулись края карт, — обработать их в ламинаторе при температуре 130-140 º С.

Если при эксплуатации карт у них слегка расслоились углы, повторно обработать их в ламинаторе.

Коробка для карт

Готовые карты удобно хранить в коробках. Я разработал 2 макета коробки: для печати на листах А4 и А3. На листе А3 можно разместить чуть большую коробку, чем на А4. Внутренний размер коробки — 7х10 см, поэтому в неё легко помещаются почти любые карты, в том числе и стандартные 6х9 см. Высота коробки — 2 см (на листе А3 — 3 см), и в ней помещается примерно 55 (80 в А3) пнп-карт (или чуть больше, если не до конца закрыта верхняя крышка — её высота 1,5 см).

Шаблоны коробок для карт помещены в отдельный архив (см. ниже).

Как сделать игральную карту в фотошопе

Автор: Ольга Максимчук (Princypessa). Дата публикации: 01 февраля 2021 . Категория: Уроки рисования в фотошопе.

Как сделать игральную карту в фотошопе

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

В данном уроке мы не только с нуля нарисуем игральную карту, но и «состарим» ее при помощи разных инструментов и приемов.

Сначала мы создадим новый документ и при помощи инструмента Прямоугольник со скругленными углами создадим форму будущей карты.

Затем создадим дубликат слоя с фигурой, сместим нижний слой, а верхний зальем более светлым цветом, применим к верхнему слою фильтры Облака, Шум и Размытие по Гауссу, а также добавим к обоим слоям стили слоя.

Затем создадим несколько пустых слоев, при помощи обтравочной маски прикрепим их к слою с картой и с помощью инструмента Кисть и разных кистей добавим на карту затемнение и осветление, а также создадим новый градиент т белого к прозрачному и осветлим центр карты.

В завершение урока «Как сделать игральную карту в фотошопе» мы добавим в работу изображение с мастью карты и изменим цвет фона.

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

Активируем инструмент Прямоугольник со скругленными углами. В верхней панели настроек инструмента Прямоугольник со скругленными углами меняем оттенок заливки на # c8a762, убираем обводку, устанавливаем радиус 40 пикселей и вводим настройки, как на рисунке ниже. Кликаем мышью по холсту, соглашаемся с параметрами, которые появятся после этого и размещаем образовавшуюся фигуру при помощи инструмента Перемещение по центру холста.

В панели слоев переименовываем слой с фигурой в «Края». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

В панели слоев создаем дубликат слоя «Края» (Ctrl+J). Переименовываем дубликат слоя в «Верх».

В панели слоев при помощи клавиши Ctrl выделяем слои «Края» и «Верх», кликаем по ним ПКМ и выбираем «Растрировать слой».

В панели слоев при активном слое «Верх» нажимаем на значок сохранения прозрачности пикселей, отмеченный стрелочкой.

Активируем инструмент Заливка. В панели цвета в качестве цвета основного плана устанавливаем оттенок # ffebc6. Кликаем мышью по холсту, чтобы залить слой «Верх» цветом основного плана. Благодаря тому, что в предыдущем шаге мы сохранили прозрачность пикселей, заливка цветом произошла в пределах слоя, не затрагивая другие области.

При помощи инструмента Перемещение и клавиш стрелок сдвигаем слой «Верх» на 1 пиксель вверх и на 1 пиксель влево. 1 клик клавишей стрелкой=сдвиг на 1 пиксель.

В панели цвета в качестве цвета основного плана устанавливаем оттенок # ffebc6, а цвет заднего плана меняем на # f4d7a2. Убеждаемся, что значок сохранение прозрачности пикселей на слое «Верх» активен и переходим в меню Фильтр-Рендеринг-Облака.

Переходим в меню Фильтр-Шум-Добавить шум и вводим настройки, как на рисунке ниже.

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и вводим следующие настройки.

В панели слоев дважды щелкаем по слою «Верх», чтобы открыть стили слоя.

Во вкладке Внутреннее свечение меняем оттенок на черный (# 000000) и вводим настройки, как на рисунке ниже.

Результат после применения стилей слоя.

В панели слоев дважды щелкаем по слою «Края», чтобы открыть стили слоя.

Во вкладке Тень используем черный оттенок (# 000000) и меняем настройки на следующие.

Результат после применения стилей слоя.

Выше слоя «Верх» в панели слоев создаем новый пустой слой и называем его «Затемнение».

В панели слоев кликаем ПКМ по слою «Затемнение» и выбираем «Создать обтравочную маску». После этого слой «Затемнение» как бы «прикрепится» к нижележащему слою («Верх») и будет виден только в пределах этого слоя.

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». Выбираем кисть, отмеченную на картинке стрелочкой. В верхней панели настроек инструмента Кисть меняем настройки на следующие. В панели цвета в качестве основного выставляем черный оттенок. Для этого достаточно нажать на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию – черному и белому. Рисуем затемнение на соответствующем слое. В ходе работы меняем размер кисти. Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке или используйте соответствующий ползунок в меню выбора кистей.

В панели слоев понижаем заливку слоя «Затемнение».

В панели слоев выше слоя «Затемнение» создаем новый пустой слой и называем его «Осветление». Добавляем к слою «Осветление» обтравочную маску (ПКМ по слою в панели слоев-Создать обтравочную маску).

При активном инструменте Кисть вызываем панель выбора кистей (ПКМ по холсту), кликаем по «шестеренке» справа и из выпадающего списка выбираем «Восстановить кисти». Выбираем кисть, отмеченную стрелочкой. В верхней панели настроек инструмента Кисть вводим настройки, как на рисунке. В панели цвета в качестве основного оттенка устанавливаем белый. Для этого сначала нажмите на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию (черному и белому), затем – клавишу X, чтобы поменять оттенки переднего и заднего плана местами. Увеличиваем немного размер кисти и рисуем ею на слое Осветление, в основном по краям нашей будущей карты.

Выше слоя «Осветление» в панели слоев создаем новый пустой слой и называем его «Свет». Добавляем к слою «Свет» обтравочную маску.

Активируем инструмент Градиент. В верхней панели настроек инструмента Градиент кликаем по строке выбора градиентов, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые оттенки. Если при открытии Редактора градиентов активен градиент с более, чем одной Контрольной точкой, удалите лишние, кликнув по точке и нажав на клавишу Delete.

Создаем градиент от белого к прозрачному.

Для левой нижней Контрольной точки (позиция 0%) устанавливаем белый оттенок (# ffffff).

Для верхней левой Контрольной точки (позиция 0%) устанавливаем 100% непрозрачности, для верхней правой Контрольной точки (позиция 100%) – 0% непрозрачности.

В верхней панели настроек инструмента Градиент выбираем радиальный тип градиента. Проводим градиент, как на рисунке ниже.

В панели слоев понижаем заливку слоя «Свет».

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

Активируем инструмент Кисть и загружаем набор кистей с гранж уголками из папки с исходниками. Для этого при активном инструменте Кисть кликаем ПКМ по холсту, чтобы вызвать меню выбора кистей. В меню выбора кистей кликните по «шестеренке» справа и выберите «Загрузить кисти». Набор с загруженными кистями появится в конце списка загруженных кистей. В панели цвета в качестве цвета основного плана устанавливаем черный оттенок. В верхней панели настроек инструмента Кисть устанавливаем 30% непрозрачность кисти. Выбираем кисти из набора, меняем их размер и ставим отпечатки в углах карты на слое «Гранж». При необходимости поворачиваем кисть перед тем, как сделать отпечаток. Для этого кликаем по панели кистей в верхней панели настроек инструмента Кисть и крутим «колесико», отмеченное на картинке.

В панели слоев меняем режим наложения слоя «Гранж» на Затемнение основы.

Помещаем в документ (Файл-Поместить встроенные) изображение «Масть» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы увеличить слой «Масть». В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. Слой «Масть» должен находиться в панели слоев выше всех слоев.

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

Активируем инструмент Заливка. В панели цвета в качестве цвета основного плана устанавливаем оттенок # 470653. Кликаем мышью по холсту, чтобы залить слой «Фон» цветом основного плана.

Винтажная игральная карта готова! Урок «Как сделать игральную карту в фотошопе» завершен.

Отличного настроения и вдохновения!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Как сделать игральные карты в Фотошопе: инструкция

Сделать игральные карты в Фотошопе проще чем кажется. Если вы, хотя бы немного, разбираетесь в Фотошопе — проблем не возникнет.

Чтобы сделать игральные карты в Фотошопе, вам понадобится:

• Программа Фотошоп (подойдёт и онлайн версия)
• Шаблоны карт (для идей или основы)
• Инструменты рисования и редактирования Фотошопа

Как сделать игральные карты в Фотошопе: инструкция (коротко)

1. Создайте новый документ в Фотошопе. Размер документа должен быть 63,5 x 88,9 мм (2,5 x 3,5 дюйма).
2. Загрузите шаблоны, которые вы хотите использовать в качестве основы.
3. Поместите фотографии или изображения в документ Фотошопа.
4. Используйте инструменты рисования и редактирования Фотошопа, чтобы изменить фотографии или изображения по своему усмотрению.
5. Добавьте текст и другие элементы, которые вы хотите включить в свои игральные карты.
6. Сохраните свои игральные карты в формате JPEG или PNG.

Несколько дополнительных советов:

1. Чтобы создать более реалистичные карты, используйте шаблоны реальных игральных карт.
2. Чтобы создать более уникальные игральные карты, используйте свои собственные рисунки.
3. Чтобы создать более интересные игральные карты, используйте различные цвета, узоры и текстуры.

Вот пошаговая инструкция по созданию игральных карт в Фотошопе:

Шаг 1: Создайте новый документ

Откройте программу Фотошоп и создайте новый документ. Размер документа должен быть 63,5 x 88,9 мм (2,5 x 3,5 дюйма). Чтобы сделать это, выберите Файл > Новый. Введите размеры документа в поля Ширина и Высота. Выберите RGB в качестве цветового пространства и 72 в качестве разрешения. Нажмите Создать.

Шаг 2: Загрузите шаблоны карт

Загрузите шаблоны для основы. Вы можете сделать это, выбрав Файл > Открыть и выбрав файлы изображений.

Шаг 3: Поместите шаблоны в документ

Поместите шаблоны в документ Фотошопа. Чтобы сделать это, перетащите их из окна браузера в документ Фотошопа.

Шаг 4: Измените изображения по своему усмотрению

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

Шаг 5: Добавьте надписи (не обязательно)

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

Шаг 6: Сохраните свои игральные карты

Сохраните свои игральные карты в формате JPEG или PNG. Чтобы сделать это, выберите Файл > Сохранить как. Выберите формат JPEG или PNG в раскрывающемся меню Тип файла. Нажмите Сохранить.

Как сделать карточки для настольной игры в Фотошопе: пошаговая инструкция

Оформление карточек с параллельной укладкой галерей для печати и удобной резки осуществляется в программе Photoshop — новичок тоже легко справится со всем. Понадобятся только внешние шаблоны в виде скачанных файлов использование самых простых инструментов.

Как сделать карточки для настольной игры в Фотошопе: инструкция

1) Укажите оптимальные показатели для холста — в большинстве случаев это гамма RGB, dpi 200 либо 300, ширина и длина — для блока в 9 карт (3 х 3).

2) По вертикали и горизонтали поставьте направляющие линии, обозначающие границы отдельных карточек — при работе с одной картой выберите пропорцию 50%, а для галереи — 20 или 30% в зависимости от количества карт.

3) Для создания карточек наиболее удобной формы используйте фигуру Rounded Rectangle Tool, а появляющиеся контуры перемещайте с помощью инструмента Transformation — совмещая с гнёздами направляющей сетки.

4) Ориентируясь на ваши размеры карт, установите длину, ширину и радиус закругления углов контурного прямоугольника.

5) В разделе Файл нажмите на кнопку Открыть, выберите шаблон карточки, добавьте на холст и тут же преобразуйте в смарт-фигуру.

6) Перенесите курсором смарт-шаблон в область нужного гнезда в галерее, откорректируйте размеры.

7) Повторите процедуру для следующей карточки, начиная с шага 3.

8) Сохранив галерею, очистите холст и начните делать следующий лист.

P.S.

Готовые листы сначала сохраняйте как файлы Photoshop, а затем — преобразовывайте в формат png.

Поделиться

• Нажмите, чтобы открыть на Facebook (Открывается в новом окне)
• Нажмите, чтобы поделиться в WhatsApp (Открывается в новом окне)
• Нажмите, чтобы поделиться в Telegram (Открывается в новом окне)
• Нажмите, чтобы поделиться в X (Открывается в новом окне)