QR-код в Illustrator, Figma и CorelDRAW: как открыть и править

Скачанный QR-код редко печатают как есть, обычно его ждет макет. Дизайнер ставит код на листовку в Illustrator, маркетолог собирает афишу в Figma, в рекламном агентстве этикетку верстают в CorelDRAW. Везде встает один вопрос: как вставить код и что в нем можно трогать.

С векторным SVG сама вставка проблем не создает, все три редактора открывают его штатно. Ломается код обычно на следующем шаге, при правках. Ниже короткие маршруты для каждой программы и граница между безопасными изменениями и теми, после которых тираж не отсканируется.

Adobe Illustrator

Файл открывается двумя путями. File, Open создает новый документ размером с код: удобно, чтобы перекрасить и пересохранить. File, Place кладет код в существующий макет; снимите галочку Link при размещении, тогда код вошьется в документ и не потеряется при передаче файла.

Код приедет группой векторных объектов: матрица одним контуром, фон и рамка отдельными фигурами. Масштабируйте только за угловую точку с зажатым Shift, чтобы сохранить пропорции. Цвет меняется как у любого контура: выделите матрицу и задайте новую заливку, темную и контрастную к фону. Перед сдачей макета в типографию переведите подписи под кодами в контуры: Type, Create Outlines. Зачем это нужно, объясняет статья QR-код в кривых.

На выходе Illustrator закрывает обе типографские просьбы: команда Save As сохраняет макет в PDF, Export отдает EPS. Точный размер кода на изделии задавайте цифрами в панели Transform: файл из генератора приезжает с относительными размерами, и жесткая цифра в миллиметрах надежнее подгонки на глаз. Ниже 2 сантиметров сторону не опускайте, это граница уверенного сканирования с ближней дистанции.

Figma

Перетащите SVG-файл прямо в окно макета, код станет фреймом с векторными слоями внутри. Дальше работают обычные инструменты: масштабирование за угол с сохранением пропорций, перекраска через выделение слоя матрицы. Для экранных задач, презентаций и постов этого достаточно.

С печатью у Figma есть ограничение, о котором лучше знать заранее: она живет в RGB и экспортирует PDF тоже в RGB, а типографии работают в CMYK. Конвертировать придется на стороне печатника или через Illustrator. Черно-белого кода это почти не касается: чистый черный переживает конвертацию без сюрпризов.

CorelDRAW

Импорт через Ctrl+I, дальше все привычно: код группой объектов, масштабирование за угол, заливка на панели цветов. Текст переводится в кривые командой Ctrl+Q. На экспорт CorelDRAW отдает и EPS, и PDF, оба формата типографии принимают охотно.

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

Что править можно, а что сломает код

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

Про поворот спрашивают чаще всего, и тут можно выдохнуть: крутите на любой угол. У матрицы три угловые метки, по ним камера сама находит ориентацию. Вертикальная этикетка на корешке папки или код под 45 градусов на афише читается так же уверенно, как прямой.

Опасный список длиннее. Непропорциональное растяжение делает модули прямоугольными, сканеры такое прощают редко. Обводка поверх матрицы утолщает модули, и они слипаются. Тени, градиенты и прозрачность съедают контраст. Отдельные квадраты двигать и стирать нельзя вовсе: это не орнамент, а данные. И не обрезайте пустое поле вокруг кода ради компактности, его нормы разобраны в статье поля и отступы QR-кода.

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

FAQ

Следующий шаг

Скачайте код в SVG, поставьте в макет по маршруту своего редактора и сверьтесь со списком безопасных правок: этого хватает, чтобы код пережил и верстку, и тираж.

Возьмите исходник для верстки в генераторе QR-кодов в SVG: каждый код отдельным файлом, бесплатно и без водяных знаков.