Как сделать бейдж в иллюстраторе
Перейти к содержимому

Как сделать бейдж в иллюстраторе

  • автор:

Как создать бейджи для мероприятия с нуля

В ноябре в ГК РуссКом прошел День открытых дверей для клиентов. Мы сделали 30 бейджей для сотрудников и партнеров мероприятия. Процесс изготовления бейджей занял всего 1 час рабочего времени (с учетом времени согласования макета). Для создания бейджей наши специалисты использовали следующее оборудование и расходные материалы:

  1. Белые пластиковые карты, арт. RUSS-11435-WA076
  2. Карт-принтер Smart 51 Single Side USB, арт. 651302
  3. Дырокол Warrior 3 в 1, арт. ДЫРОКОЛ-6040101/33051
  4. Синяя лента с креплением клипса, 20 мм

Этапы создания бейджей:

1. Создаем макет в любом из графических редакторов (Corel Draw, Adobe Illustrator). Мы изготавливали бейджи по стандартному размеру пластиковой карты, поэтому был задан размер 56х84 мм (CR-80). При создании макета были учтены отступы с левой, правой и нижней сторон по 5 мм. Сверху отступ составил около 10 мм с учетом перфорации дыроколом.

Бейджи на пластиковых картахбелые пластиковые карты

2. Печатаем бейджи на карт-принтере Smart 51 Single Side USB. Настройки драйвера позволяют менять интенсивность каждого цвета либо общую интенсивность. Загрузчик принтера вмещает 200 пластиковых карт с открытой и 100 карт с закрытой крышкой. Выгрузчик рассчитан на 40 карт.

карт-принтер Smart 51 Single Side USB

Напомним, премьера Smart 51 Single Side USB состоялась еще в прошлом году. И за это время модель стала одним из любимых карт-принтеров наших клиентов. Оборудование отличает улучшенное качество фотопечати и мелких элементов (штрих-коды, изображения, текст и др.). Высокоскоростной Smart 51 Single Side USB способен печатать до 212 карт/час (полноцветная печать) и720 карт/час (монохромная печать).

3. Перфорация бейджей. Достаем напечатанные бейджи из выгрузчика карт-принтера Smart 51 Single Side USB. При помощи дырокола Warrior 3 в 1 делаем продольное горизонтальное отверстие (скруглитель углов диаметром 3,5 мм). Линейка с фиксатором позволяет ровно установить карту и сделать необходимое отверстие. Также дырокол используется для создания бейджей с круглым отверстием (6 мм) и овальным (14 мм х 3 мм). Оборудование оснащено контейнером для сбора отработанного материала.

дырокол Warrior 3 в 1

4. Устанавливаем ленту с креплением клипса в пластиковую карту с отверстием. Мы выбрали ленту синего цвета, крепление клипса, ширина 20 мм.

Бейджи для мероприятий на синей ленте

Всего 4 этапа, 1 час рабочего времени и бейджи готовы к мероприятию!

Бейджи для мероприятий

Создавайте бейджи, пропуска прямо у себя на рабочем месте! Наши специалисты всегда готовы проконсультировать по оборудованию и подобрать оптимальное решение для Вашего бизнеса. Обращайтесь по телефону (495) 785-58-11 и электронной почте info@russcomcard.ru.

Создание фирменного бейджа

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

Для успешного освоения материала рекомендуем вам изучить следующие понятия:
Обтравочная маска

Объект, форма которого маскирует отображение нижележащих объектов так, что видимыми остаются только области, которые лежат в пределах маски, то есть рисунок обрезается по форме маски

Метки реза
Метки, показывающие, в каком месте должна быть обрезана страница
Выпуски под обрез

Дополнительное пространство, выходящее за пределы монтажной области, необходимое для подстраховки от брака при постпечатной обработке: резке, фальцовке, вырубке и пр.

Видеолекция
Обязательные элементы для создания фирменного бейджа

  • Логотип
  • Текст
  • Фирменные цвета
  • Фирменный паттерн (стилизующий элемент, который мы создали ранее)
  • Фото сотрудника

Технические ограничения

  • Размер 102×88 мм
  • Вылет за обрез (блиды) 3 мм
  • Цвет CMYK
  • Профиль под печать Coated FOGRA 39
  • Разрешение фото 250 dpi (точек на дюйм)

Выходные файлы

  • Рабочий файл
  • Файл PDF/X-1a 2003 года

Создание проекта

1. Создадим новый документ с помощью сочетания клавиш Command / Ctrl N.

2. В настройках зададим необходимые нам параметры.

3. Перенесем в наш документ необходимые элементы.

4. Разместим все эти элементы на монтажной области.

Требования к макету по бейджам

Требования по бейджам

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

Бейджи с персонализацией и фотографией ▲

  1. Формат фотографии — JPEG, разрешение — 300 dpi.
  2. Все фотографии должны иметь одинаковую пропорцию. Например 2:3 или 3:4.
  3. Изображение лица должно занимать около 70% от размера фотографии.
  4. Фон фотографии светлый, преимущественно белый.
  5. Область вырубки бейджа.
  6. Название файла с фотографией должно соответствовать названию в базе.

Дополнительные работы ▲

  • Вёрстка макета — бесплатно (не больше трех правок).
  • Разработка макета с нуля — 1000-3000 ₽ (в зависимости от сложности работы).
  • Обработка фотографий в автоматическом режиме (корректировка размеров, центровка лица на фотографии, увеличение яркости) — 1000 ₽.
  • Обработка фотографий в ручном режиме — 50 ₽/фото.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Сборник советов по микростокам

Сегодня мы будем рисовать бейдж в стиле ретро. Все необходимые для бейджа фигуры и текст мы создадим в Adobe Illustrator, а красивые текстуры, которые придадут ему винтажный вид, добавим в программе Photoshop. В ходе урока мы поработаем с палитрой Обработка контуров, командой Параллельный контур, поиграем со шрифтами. Посмотрите на рисунок ниже. Вот такой бейдж мы будем рисовать.

Готовый рисунок

Создаем форму бейджа

Итак, начинаем рисовать. С помощью инструмента Прямоугольник (M) рисуем простенький прямоугольник. Заливаем его серовато-синим цветом. Я использовала цвет — #466072. А теперь выделите ваш прямоугольник, откройте меню Эффект > Деформация> Выпуклость и установите все, как на рисунке.

Применяем эффект Деформация

Выделите выпуклый прямоугольник, откройте меню объект и выполните команду Разобрать оформление, чтобы объединить фигуру в одно целое. А теперь сделаем более интересными углы. На каждом углу расположите кружочек так, как показано на рисунке ниже. Удерживая клавишу Shift, выделите все кружочки. Щелкните правой кнопкой и выберите команду Сгруппировать

Рисуем кружочки

Далее выделите сгруппированные кружочки, а затем, удерживая Shift, — выпуклый прямоугольник. Перейдите в палитру Обработка контуров (если ее нет на экране, в меню Окно выберите Обработка контуров) и нажмите вторую кнопку Минус Верхний, как показано на рисунке.

Вычитаем кружочки

Делаем края колоритными

Теперь, когда мы нарисовали форму бейджа, проведем по краю пунктирную линию. Выделите бейдж и перейдите в меню Объект > Контур > Создать параллельный контур. Введите данные как показано на рисунке и нажмите ОК.

Создаем параллельный контур

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

Делаем линию пунктирной

Еще раз выделите внутренний «бейдж» и создайте внутри еще один. Для этого снова откройте меню Объект > Контур > Создать параллельный контур и введите такие же значения, как два шага назад. Добавьте этому бейджу обводку толщиной 1pt. Я выбрала для нее голубоватый цвет #A7D5EB.

Добавляем декоративные элементы

Теперь, когда мы обработали края, включите инструмент Звезда и нарисуйте звездочку. Расположите ее вверху бейджа посредине. Чтобы скопировать звездочку, нажмите CMD+C (или Ctrl+C для тех, у кого Windows). И затем CMD+F (Ctrl+ F) — чтобы вклеить копию вперед. После этого перетащите копию звездочки в нижнюю часть бейджа.

Теперь справа от звездочки с помощью инструмента Перо нарисуем «хвост». Нащелкав фигуру, нажмите правую кнопку мышки и выберите команду Трансформировать> Зеркальное отражение, выберите или задайте данные, как на рисунке ниже, и вместо ОК нажмите Скопировать. Созданную копию перетащите и расположите слева от звезды.

Применяем Зеркальное отражение

Удерживая Shift, выделите оба «хвоста». Снова нажмите правую кнопку мышки и выберите команду Трансформировать > Зеркальное отражение (см. рисунок ниже). В открывшемся окне выберите Горизонтальная, нажмите Копировать и перетащите копии в нижнюю часть бейджа.

Применяем Зеркальное отражение

Создаем и изменяем текст

Начнем создавать текст. Напечатайте свой текст в верхней части бейджа. Для своего я выбрала шрифт Arvo. Выделите свой текст, откройте меню Эффект и выберите команду Деформация > Арка. А затем задайте Изгиб 6% как показано на рисунке.

Применяем к тексту эффект

То же самое сделайте с текстом в нижней части бейджа. Только Изгиб задайте -6%, чтобы текст выгнулся вниз.

Применяем к тексту эффект

Теперь напечатайте текст в середине бейджа. Выберите для него такой же цвет, как для звездочек. А шрифт я выбрала Calibri. После этого выделите текст и нажмите синюю ссылку Символ (рядом с полем выбора шрифтов), чтобы задать интервал (см. рисунок внизу).

Задаем интервал

Выделите весь текст — вверху, посредине и внизу. Откройте меню Объект и выберите команду Преобразовать, чтобы сделать из текста фигуры. Теперь справа и слева текста посредине добавьте по три полоски. И посмотрим, что у нас получилось.

То, что получилось

Последние штрихи

Бейдж, декоративные элементы и текст мы создали. Осталось добавить несколько деталей. Начнем с тени. Выделите все, кроме самого бейджа (бейдж, пунктирная линия и голубая обводка). Скопируйте и вклейте вперед. Для этого сначала нажмите CMD+C, а затем CMD+F (если у вас Windows, вместо CMD нажмите Ctrl).

Нажмите правую кнопку мышки и выберите команду Сгруппировать, чтобы объединить элементы в группу, залейте темно-серым цветом и задайте прозрачность приблизительно 35%. Клавишами-стрелками подвиньте группу на три шага вправо и на два шага вниз.

А теперь отбросьте эту группу назад. Для этого нажмите правую кнопку мышки, выберите Монтаж > Переложить назад (или горячую клавишу: CMD+ [ ). Сделайте это несколько раз, чтобы отбросить ее за все элементы.

Перекладываем назад

Если вы все сделали правильно, должно получиться примерно так, как на рисунке.

То, что получилось

Получилось очень красиво, но сегодня нам нужно не это. Давайте добавим текстуру, чтобы чувствовалось, что он старый. Легче всего это сделать с помощью кистей Photoshop. Но сначала их нужно скачать. Те, которые вам больше всего понравятся.

Если скачали, откройте их в программе Photoshop. Скопируйте свой бейдж в Illustrator и вставьте в Photoshop. Если собираетесь менять размер, вставьте его как Smart Object. Создайте сверху новый слой, включите инструмент Кисть и поиграйте с кистями и режимами наложения. Вот, что у меня получилось.

Готовый рисунок

Это все! Надеюсь, все было понятно и вам пригодилось.

Забирайте подборки шрифтов и цветовых палитр в нашем Телеграм-канале (регулярно по пятницам).

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *