В тази статия ще ви покажа простия метод за генериране на QR кодове с помощта на Inkscape – безплатния редактор на векторна графика.
QR кодовете бързо набират популярност, позволявайки на хората бързо да извадят камерите на телефона си и да сканират кода, за да бъдат отведени до всеки URL адрес на уебсайт. Тези QR кодове станаха по-разпространени на места като ресторанти, позволявайки на посетителите бързо да изтеглят менюто на своите телефони и по този начин да намалят контакта с осезаемо меню.
И така, как се генерира QR код в Inkscape? Нека влезем в него!
Видео: Как да създадете QR кодове в Inkscape
Поставете основен QR код
Стъпка 1: Създайте нова композиция
![Създайте нова композиция на Inkscape чрез раздела Time to Draw и изберете шаблон](https://daviesmediadesign.com/wp-content/uploads/2021/11/Inkscape-Welcome-Screen-Desktop-Template.jpg)
Започнете, като отворите Inkscape на вашия компютър (можете да изтеглите софтуера безплатно от Inkscape.org). Под раздела „Време за рисуване“ (червена стрелка в горното изображение) за изскачащия екран за добре дошли (ако приемем, че използвате Inkscape 1.0 или по-нова версия), изберете размер на документа въз основа на някой от многото налични шаблони. Отидох с размера „Desktop 1080p“ под раздела „Екран“ (жълта стрелка).
Стъпка 2: Поставете QR код
![Вмъкнете QR код в Inkscape, като отидете на Render>Barcode>QR Code](https://daviesmediadesign.com/wp-content/uploads/2021/11/Inkscape-QR-Code-Extension.jpg)
Когато вашият нов документ е отворен, отидете на Extensions>Render>Barcode>QR Code (червена стрелка на изображението по-горе).
Стъпка 3: Добавете своя URL адрес
![Добавете URL връзка към вашия Inkscape QR код](https://daviesmediadesign.com/wp-content/uploads/2021/11/Inkscape-QR-Code-Generator-Dialogue.jpg)
Това ще изведе диалогов прозорец с QR код. Тук можете да зададете различни настройки – включително уебсайта, където искате хората да бъдат насочвани, когато кодът се сканира с камера на смартфон (това е под секцията с надпис „текст“ – червена стрелка на изображението по-горе).
![Основен QR код, генериран в Inkscape](https://daviesmediadesign.com/wp-content/uploads/2021/11/Generated-QR-Code-Using-Inkscape-QR-Code-Basics.jpg)
В моя случай написах моя уебсайт „daviesmediadesign.com“ за полето „текст“. Мога да щракна върху „Приложи“, за да генерирам QR кода (жълта стрелка), след това да щракна върху „Затвори“, за да изляза от диалога (не излизайте от диалога точно сега, ако искате да научите повече за разширените настройки в следващия раздел).
Можете да видите крайния продукт на изображението по-горе, което е генерирано с помощта на стойностите по подразбиране за генератора на QR кодове на Inkcape. Ще разгледам някои начини за персонализиране на външния вид на QR кода по-късно в тази статия.
Мога също да коригирам някои по-разширени настройки в този диалог, който ще разгледам по-долу.
Разширени настройки за QR код
До този момент отворихме диалога за QR код и добавихме URL към полето „Текст“. (Ако сте затворили диалоговия прозорец за QR код, можете да го отворите отново, като отидете на Разширения>Рендиране>Баркод>QR код).
![Активирайте визуализация на живо в диалоговия прозорец за QR код в Inkscape](https://daviesmediadesign.com/wp-content/uploads/2021/11/Generate-a-live-preview-of-QR-code-with-Inkscape.jpg)
След това, ако отметна опцията „Преглед на живо“ (червена стрелка в горното изображение), QR код ще се покаже на моя документ (синя стрелка – може да се наложи да преместите диалоговия прозорец за QR код, за да го видите).
Коригирайте данните за QR кода
![Добавянето на по-дълъг URL към текстовото поле на диалоговия прозорец за QR код ще създаде повече данни за QR код в Inkscape](https://daviesmediadesign.com/wp-content/uploads/2021/11/Adding-Larger-URL-will-Increase-QR-Code-Size.jpg)
Под текстовото поле е падащото меню „Размер, в квадрати с единица“ (жълта стрелка на горната снимка). Тази функция ви позволява ръчно да промените колко данни показва QR кодът – което променя размера на самия код. Не препоръчвам ръчно да задавате тази стойност, тъй като разширението Inkscape автоматично създава правилния размер QR код въз основа на URL адреса, който добавяте към полето „Текст“.
Казано по-просто: колкото по-дълъг е URL адресът, толкова по-голям ще бъде QR кодът. Например, ако добавя по-дълъг URL от една от моите статии на моя уебсайт (червена стрелка на изображението по-горе), ще видите, че QR кодът ще стане по-голям, за да побере допълнителните знаци (синя стрелка). Той ще съдържа повече „модули“ или малки квадратчета, защото по-дългият URL съдържа повече знаци.
За да повторя, препоръчвам да запазите това падащо меню на „автоматично“.
Ниво на коригиране на грешки
![Регулирайте нивото на коригиране на грешки, за да направите вашия Inkscape QR код по-стабилен](https://daviesmediadesign.com/wp-content/uploads/2021/11/Error-Correction-Level-Dropdown-Inkscape-QR-Code.jpg)
Следващото падащо меню е „Ниво на корекция на грешки“ (червена стрелка). По подразбиране това ще бъде зададено на „L (Приблизително 7%)“, което работи най-добре в „чисти“ среди – или в ситуации, в които не очаквате QR кодът да се замърси, да предупреди или да се повреди/унищожи. Ако очаквате кодът да бъде поставен някъде, където може да понесе удар (т.е. на строителна площадка, на оживен ъгъл в оживен град и т.н.), може да искате да увеличите корекцията на грешки по-високо.
Най-високата настройка е „H (Приблизително 30%)“ и тази настройка ще произведе най-големия QR код, като същевременно съдържа повече данни. % основно означава количеството данни, което може да бъде унищожено, без да се засяга способността на QR кода да бъде успешно сканиран.
![Нивото на корекция на грешки M (приблизително 15) е добър компромис за QR код](https://daviesmediadesign.com/wp-content/uploads/2021/11/M-Error-Correction-Level-Inkscape-QR-Tutorial.jpg)
Настройката „M (Приблизително 15%)“ (червена стрелка) е добър компромис за защита на вашия QR код от повреда, без да правите кода твърде голям или зает.
Кодиране на символи
![Настройка за кодиране на латински 1 символ за Inkscape QR код](https://daviesmediadesign.com/wp-content/uploads/2021/11/Inkscape-Character-Encoding-QR-Code.jpg)
Следващата опция е падащото меню „Кодиране на символи“ (червена стрелка на горното изображение). Тук има четири опции, като най-добрата опция за вас в зависимост от езика или символите, използвани във вашия URL или текст.
Ако използвате стандартен URL адрес, който е на английски, можете да се придържате към „Latin 1“.
Когато използвате определени европейски езици (не-английски), може да искате да използвате CP 1250 или CP 1252.
И накрая, ако използвате unicode знаци или символи в текста си, включително символи от различни езици по света, може да искате да използвате UTF-8.
Обърнете QR кода
![Обърнете цветовете на вашия QR код в Inkscape](https://daviesmediadesign.com/wp-content/uploads/2021/11/Invert-QR-Code-Checkbox-Inkscape-1.jpg)
Следващата опция, „Обръщане на QR код“ (жълта стрелка) е квадратче за отметка, което просто ви позволява да промените цвета на фона на QR кода от бял на черен (демонстриран от червената стрелка на изображението). Можете също да промените цвета на фона И цвета на основните модули (квадратните форми) на кода, като използвате някои инструменти в Inkscape (повече за това по-късно).
QR код квадратен размер
![Използвайте стойността Square Size, за да коригирате размера на квадратите или модулите на вашия QR код](https://daviesmediadesign.com/wp-content/uploads/2021/11/Square-Size-Inkscape-QR-Code-Tutorial.jpg)
Полето „Квадратен размер“ (жълта стрелка) ви позволява да промените общия размер на QR кода. По-малка стойност свива QR кода, а по-голяма стойност увеличава целия QR код. В този случай промених размера от 4.0 на 10.0, като направих QR кода по-голям (червена стрелка). Можете също да коригирате размера на QR кода, след като сте приложили промените си, като използвате други инструменти в Inkscape. Въпреки това, ако искате да мащабирате QR кода нагоре или надолу по-точно (въз основа на размера на квадратните модули вътре в кода, в пиксели), можете да използвате тази опция.
Тип чертеж
![Променете каква форма се използва за показване на вашите данни за QR код в Inkscape чрез тип чертеж](https://daviesmediadesign.com/wp-content/uploads/2021/11/Change-QR-Code-Shapes-with-Drawing-Type-in-Inkscape.jpg)
Падащото меню „Тип на чертежа“ (жълта стрелка) ви позволява да промените начина, по който се рисуват модулите вътре в QR кода. По подразбиране данните се представят с квадратчета, когато е избрана опцията „Гладко: неутрално“. Има обаче и други персонализирани настройки, от които да избирате. Например, опцията „Път: кръг“ ще промени всички елементи на модула в кръгове (червена стрелка в примера по-горе). Ще променя това обратно към „Гладко: неутрално“ по подразбиране за следващата стъпка.
Плавна квадратна стойност
![Изгладете стойността на квадратите с данни на вашия QR код в Inkscape](https://daviesmediadesign.com/wp-content/uploads/2021/11/Smooth-square-value-Inkscape-QR-Codes-Tutorial.jpg)
Следващата опция, „Smooth square value (0-1)“ (жълта стрелка на горната снимка), ми позволява да добавя или намаля количеството изглаждане, приложено към квадратните модули. По подразбиране това е настроено на .2 – което означава, че има малко изглаждане около ръбовете на всеки квадрат. Мога да променя тази стойност до 1.0, което добавя драстично изглаждане към квадратите и по този начин някак си ги смесва повече (червена стрелка). Стойност нула ще отнеме цялото изглаждане, приложено към квадратите. Можете да зададете тази стойност на каквото предпочитате – по същество това е просто начин да промените естетиката на кода.
Низ на пътя
![Задайте координати на низ на пътя за QR код на Inkscape](https://daviesmediadesign.com/wp-content/uploads/2021/11/Inkscape-QR-Code-Path-String-Explained.jpg)
Под падащото меню за изглаждане има текстово поле, озаглавено „Низ на пътя“ (жълта стрелка) за регулиране на външния вид и позицията на QR кода, когато изберете опцията „Път: персонализиран“ от падащото меню Тип чертежа (червена стрелка). Предполага се, че работи и за опцията за тип чертеж „Символ“, въпреки че опцията Symbol не работи в 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
![Добавете метаданни за идентификатор на група към вашия Inkscape QR код](https://daviesmediadesign.com/wp-content/uploads/2021/11/QR-Code-Group-ID-Inkscape-1-1-Tutorial-1.jpg)
Последното поле е „Идентификатор на групата“. Това ви позволява ръчно да присвоите идентификатор на QR кода за неща като експортиране в SVG файл - който е файл с "мащабируема векторна графика", който също съдържа известен код. Ако го оставите празно, Inkscape автоматично ще присвои идентификатор на кода. В противен случай можете да добавите име тук ръчно. Написах „Това е тест“ като идентификатор на групата. Ще ви покажа къде се показва за момент.
Щракнете върху Прилагане (жълта стрелка), за да генерирате QR кода на вашата композиция, след това щракнете върху „затвори“, за да излезете от диалоговия прозорец за QR код (синя стрелка).
![Преглеждайте метаданните за ID на групата на QR кода чрез диалоговия прозорец на XML редактора в Inkscape](https://daviesmediadesign.com/wp-content/uploads/2021/11/viewing-QR-code-group-ID-with-XML-Editor.jpg)
Можете да видите идентификатора на групата, като натиснете ctrl+shift+x, за да изведете диалоговия прозорец на XML редактора (червена стрелка). Ще видите задния код, свързан с този генериран QR код. На последния ред на кода можете да видите идентификатора на групата „Това е тест“, който създадох (жълта стрелка). В таблицата по-долу можете да видите и метаданните за този QR код, като вторият ред е означен с „id“ и стойността, обозначена с „Това е тест“ (синя стрелка).
Оформяне на QR кода
![Променете цвета на фона на вашия QR код в inkscpae](https://daviesmediadesign.com/wp-content/uploads/2021/11/Change-QR-Code-Background-Color-Inkscape.jpg)
Самият генериран QR код всъщност представлява два отделни обекта – модулите на фона и на предния план (т.е. квадратните елементи). Мога да щракна върху фона (зелена стрелка) с инструмента за избор (червена стрелка) и да щракна върху цвят в моята цветова палитра, за да променя цвета му (синя стрелка).
![Променете цветовете на модула на вашия QR код в Inkscape](https://daviesmediadesign.com/wp-content/uploads/2021/11/Change-QR-Code-Modules-Color.jpg)
Мога да направя същото с елементите на преден план – щракнете върху тях (зелена стрелка) с инструмента за избор (червена стрелка) и щракнете върху цвят от моята цветова палитра (синя стрелка), за да промените цвета.
Ако искам, мога да използвам градиенти на всеки обект, за да персонализирам допълнително цветовете.
Това е за този урок! Ако ви хареса, можете да разгледате и другия ми Инструкции за Inkscape or Inkscape Помощ членове.
Изучаването на Inkscape и неговите многобройни инструменти/функции може да бъде огромно предизвикателство, особено когато просто искате да се съсредоточите върху създаването на привлекателни дизайни за вашите проекти.
Има толкова много информация, която мога да споделя в статии в блогове и видео уроци, поради което събрах моите Inkscape: От начинаещ до професионалист в Inkscape и графичния дизайн курс. Този курс е задълбочено обучение за Inkscape и как можете да го използвате, за да създавате професионални векторни дизайни за вашия собствен бизнес, лични проекти или за вашите клиенти.
За ограничен период от време можете да получите този 6+ часов курс с над 60 видео лекции на голяма отстъпка! В курса ще научите важни понятия като:
- Как да овладеете Inkscape
- Оформлението на Inkscape и неговите най-важни характеристики
- Как да овладеете инструментите Pen и Node за създаване на векторни илюстрации
- Как да комбинирате фигури с помощта на популярния инструмент Shape Builder
- Как да създадете дизайн на векторно лого в Inkscape
- Как да създадете професионални векторни дизайни за мрежата и социалните медии
Научих над 17,000 XNUMX студенти точно като вас как най-накрая да овладеят безплатен софтуер с отворен код и да издигнат уменията си на следващото ниво.
Въпреки че курсът е нов, студентите вече казват положителни неща и са дали обща оценка на курса от 4.8 звезди. И така, какво чакате? Време е най-накрая започнете своето пътуване с овладяването на Inkscape, безплатния софтуер за графичен дизайн!
![Рекламен банер за курс в Inkscape от Davies Media Design](https://daviesmediadesign.com/wp-content/uploads/2023/12/Inkscape-Course-Banner-Ad.webp)