В этой статье я покажу вам простой метод создания QR-кодов с помощью Inkscape - бесплатного редактора векторной графики.

Популярность QR-кодов стремительно растет, позволяя людям быстро вытаскивать камеры своих телефонов и сканировать код, чтобы перейти на любой URL-адрес веб-сайта. Эти QR-коды стали более распространенными в таких местах, как рестораны, позволяя посетителям быстро открывать меню на своих телефонах и, таким образом, уменьшать контакт с осязаемым меню.

Итак, как сгенерировать QR-код в Inkscape?

Начните с открытия Inkscape на вашем компьютере (вы можете бесплатно загрузить программное обеспечение с Inkscape.org). На вкладке «Время рисовать» (красная стрелка на изображении выше) для всплывающего экрана приветствия (при условии, что вы используете Inkscape 1.0 или новее) выберите размер документа на основе любого из множества доступных шаблонов. Я выбрал размер «Рабочий стол 1080p» на вкладке «Экран» (желтая стрелка).

Открыв новый документ, перейдите в Расширения> Визуализация> Штрих-код> QR-код (красная стрелка на изображении выше).

Это вызовет диалог с QR-кодом. Здесь вы можете установить различные настройки, включая веб-сайт, на который вы хотите, чтобы люди направлялись при сканировании кода камерой смартфона (это находится в разделе с надписью «текст» - красная стрелка на изображении выше).

В моем случае я ввел свой веб-сайт «daviesmediadesign.com» в поле «текст». Я могу нажать «Применить», чтобы сгенерировать QR-код (желтая стрелка), затем нажать «Закрыть», чтобы выйти из диалога (не выходите из диалога прямо сейчас, если вы хотите узнать больше о дополнительных настройках в следующем разделе). раздел).

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

Я также могу изменить некоторые дополнительные параметры в этом диалоговом окне, о которых я расскажу ниже.

Расширенные настройки QR-кода

До этого момента мы открыли диалог с QR-кодом и добавили URL-адрес в поле «Текст».

Затем, если я отмечу опцию «Просмотр в реальном времени» (красная стрелка на изображении выше), в моем документе отобразится QR-код (синяя стрелка - возможно, вам придется переместить диалоговое окно QR-кода в сторону, чтобы его увидеть).

Под текстовым полем находится раскрывающийся список «Размер в квадратах» (желтая стрелка на фотографии выше). Эта функция позволяет вручную изменять объем данных, отображаемых в QR-коде, что изменяет размер самого кода. Я не рекомендую вручную устанавливать это значение, поскольку расширение Inkscape автоматически создает QR-код нужного размера на основе URL-адреса, который вы добавляете в поле «Текст».

Проще говоря: чем длиннее URL, тем больше будет QR-код. Например, если я добавлю более длинный URL-адрес из одной из моих статей на моем веб-сайте (красная стрелка на изображении выше), вы увидите, что QR-код станет больше, чтобы вместить дополнительные символы (синяя стрелка). Он будет содержать больше «модулей» или маленьких квадратов, потому что более длинный URL-адрес содержит больше символов.

Повторюсь, я рекомендую оставить в этом раскрывающемся списке значение «Авто».

Следующее раскрывающееся меню - «Уровень коррекции ошибок» (красная стрелка). По умолчанию для этого параметра будет установлено значение «L (приблизительно 7%)», что лучше всего работает в «чистых» средах - или в ситуациях, когда вы не ожидаете, что QR-код испачкается, предупредит или повредится / уничтожится. Если вы ожидаете, что код будет размещен где-то там, где он может подвергнуться побоям (например, на стройплощадке, на оживленном углу в шумном городе и т. Д.), Вы можете поднять исправление ошибок выше.

Наивысшая настройка - «H (приблизительно 30%)», и при этой настройке будет получен самый большой QR-код, а также будет содержаться больше данных. % В основном означает количество данных, которые могут быть уничтожены, не влияя на возможность успешного сканирования QR-кода.

Настройка «M (приблизительно 15%)» (красная стрелка) - хороший компромисс для защиты вашего QR-кода от повреждений, не делая его слишком большим или загруженным.

Следующая опция - это раскрывающийся список «Кодировка символов» (красная стрелка на изображении выше). Здесь есть четыре варианта, и лучший вариант для вас зависит от языка или символов, используемых в вашем URL-адресе или тексте.

Если вы используете стандартный URL-адрес на английском языке, вы можете использовать «Latin 1».

При использовании некоторых европейских языков (кроме английского) вы можете выбрать CP 1250 или CP 1252.

Наконец, если вы используете в тексте символы или символы Unicode, включая символы из разных языков мира, вы можете использовать UTF-8.

Следующая опция «Инвертировать QR-код» (желтая стрелка) - это флажок, который просто позволяет вам изменить цвет фона QR-кода с белого на черный (показано красной стрелкой на изображении). Вы также можете изменить цвет фона И цвет основных модулей (квадратные формы) кода, используя некоторые инструменты Inkscape (подробнее об этом позже).

Поле «Размер квадрата» (желтая стрелка) позволяет изменить общий размер QR-кода. Меньшее значение сжимает QR-код, а большее значение увеличивает масштаб всего QR-кода. В этом случае я изменил размер с 4.0 на 10.0, сделав QR-код больше (красная стрелка). Вы также можете настроить размер QR-кода после внесения изменений с помощью других инструментов Inkscape. Однако, если вы хотите более точно масштабировать QR-код вверх или вниз (в зависимости от размера квадратных модулей внутри кода в пикселях), вы можете использовать эту опцию.

Раскрывающийся список «Тип чертежа» (желтая стрелка) позволяет изменить способ рисования модулей внутри QR-кода. По умолчанию данные представлены квадратами, когда выбран параметр «Сглаживание: нейтральный». Однако есть и другие пользовательские настройки на выбор. Например, опция «Путь: круг» изменит все элементы модуля на круги (красная стрелка в примере выше). Для следующего шага я снова изменю его на значение по умолчанию «Smooth: нейтральный».

Следующая опция, «Значение сглаживания квадрата (0-1)» (желтая стрелка на фото выше), позволяет мне добавлять или уменьшать степень сглаживания, применяемого к квадратным модулям. По умолчанию установлено значение .2, что означает небольшое сглаживание краев каждого квадрата. Я могу увеличить это значение до 1.0, что добавляет резкое сглаживание квадратам и, таким образом, как бы смешивает их все вместе (красная стрелка). Нулевое значение отменяет все сглаживание, примененное к квадратам. Вы можете установить для этого значения любое предпочтение - по сути, это просто способ изменить эстетику кода.

Под раскрывающимся списком сглаживания находится текстовое поле с названием «Строка пути» (желтая стрелка) для настройки внешнего вида и положения QR-кода при выборе параметра «Путь: пользовательский» в раскрывающемся списке Тип чертежа (красная стрелка). Предполагается, что он также работает с опцией типа рисования «Символ», хотя опция «Символ» не работает в Inkscape 1.1 - по крайней мере, для меня.

В первом элементе написано «m 0,1» - это координата. Если вы измените первое значение, оно сместит расположение QR-кода влево или вправо (в зависимости от того, сделаете ли вы число положительным или отрицательным). Если вы измените второе значение, он сместит QR-код вверх или вниз (опять же, в зависимости от того, положительное или отрицательное число). Вы можете использовать здесь любое число - я почти уверен, что оно основано на той единице измерения, в которой установлен ваш документ (например, в пикселях). В этой функции нет необходимости, так как вы всегда можете изменить положение своего QR-кода после его применения с помощью инструмента «Выбрать».

Следующий элемент, который отделяется от первого знаком «|» символ, говорит «0.5, -1 | 0.5, 1 ”по умолчанию. Эти значения в основном определяют размер символов модуля (т.е. треугольников). Изменение любого значения изменит один аспект символа треугольника. Например, если я наберу «0.8, -1 | 0.5, 1 дюйм, треугольники теперь будут слегка скошены вправо, потому что я скорректировал их размеры.

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

Последнее поле - «ID группы». Это позволяет вручную назначать идентификатор QR-коду для таких вещей, как экспорт в файл SVG, который представляет собой файл «масштабируемой векторной графики», который также содержит некоторый код. Если вы оставите поле пустым, Inkscape автоматически присвоит коду идентификатор. В противном случае вы можете добавить сюда имя вручную. Я набрал «Это тест» в качестве идентификатора группы. Я покажу вам на мгновение, где это отображается.

Нажмите «Применить» (желтая стрелка), чтобы сгенерировать QR-код для вашей композиции, затем нажмите «закрыть», чтобы выйти из диалогового окна QR-кода (синяя стрелка).

Вы можете просмотреть идентификатор группы, нажав ctrl + shift + x, чтобы открыть диалоговое окно редактора XML (красная стрелка). Вы увидите внутренний код, связанный с этим сгенерированным QR-кодом. В последней строке кода вы можете увидеть созданный мной идентификатор группы «Это тестовая» (желтая стрелка). В приведенной ниже таблице вы также можете увидеть метаданные для этого QR-кода со второй строкой, помеченной «id», и значением, помеченным «Это тест» (синяя стрелка).

Сгенерированный QR-код на самом деле представляет собой два отдельных объекта - модули фона и переднего плана (т.е. квадратные элементы). Я могу щелкнуть фон (зеленая стрелка) с помощью инструмента «Выбрать» (красная стрелка) и щелкнуть цвет в моей цветовой палитре, чтобы изменить его цвет (синяя стрелка).

Я могу сделать то же самое с элементами переднего плана - щелкнуть по ним (зеленая стрелка) с помощью инструмента выбора (красная стрелка) и щелкнуть цвет из моей цветовой палитры (синяя стрелка), чтобы изменить цвет.

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

Вот и все для этого урока! Если вам понравилось, вы можете проверить мой другой Учебники по Inkscape or Статьи справки Inkscape.

Подпишитесь на информационный бюллетень DMD

Подпишитесь на информационный бюллетень DMD

Зарегистрируйтесь, чтобы получать новые учебные материалы, обновления курсов и последние новости о вашем любимом программном обеспечении с открытым исходным кодом!

Вы успешно подписались!

Pin It на Pinterest

Поделиться