В тази статия ще ви покажа простия метод за генериране на QR кодове с помощта на Inkscape – безплатния редактор на векторна графика.

QR кодовете бързо набират популярност, позволявайки на хората бързо да извадят камерите на телефона си и да сканират кода, за да бъдат отведени до всеки URL адрес на уебсайт. Тези QR кодове станаха по-разпространени на места като ресторанти, позволявайки на посетителите бързо да изтеглят менюто на своите телефони и по този начин да намалят контакта с осезаемо меню.

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

Започнете, като отворите Inkscape на вашия компютър (можете да изтеглите софтуера безплатно от Inkscape.org). Под раздела „Време за рисуване“ (червена стрелка в горното изображение) за изскачащия екран за добре дошли (ако приемем, че използвате Inkscape 1.0 или по-нова версия), изберете размер на документа въз основа на някой от многото налични шаблони. Отидох с размера „Desktop 1080p“ под раздела „Екран“ (жълта стрелка).

Когато вашият нов документ е отворен, отидете на Extensions>Render>Barcode>QR Code (червена стрелка на изображението по-горе).

Това ще изведе диалогов прозорец с 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 square value (0-1)“ (жълта стрелка на горната снимка), ми позволява да добавя или намаля количеството изглаждане, приложено към квадратните модули. По подразбиране това е настроено на .2 – което означава, че има малко изглаждане около ръбовете на всеки квадрат. Мога да променя тази стойност до 1.0, което добавя драстично изглаждане към квадратите и по този начин някак си ги смесва повече (червена стрелка). Стойност нула ще отнеме цялото изглаждане, приложено към квадратите. Можете да зададете тази стойност на каквото предпочитате – по същество това е просто начин да промените естетиката на кода.

Под падащото меню за изглаждане има текстово поле, озаглавено „Низ на пътя“ (жълта стрелка) за регулиране на външния вид и позицията на 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 кода нечетлив).

Последното поле е „Идентификатор на групата“. Това ви позволява ръчно да присвоите идентификатор на QR кода за неща като експортиране в SVG файл - който е файл с "мащабируема векторна графика", който също съдържа известен код. Ако го оставите празно, Inkscape автоматично ще присвои идентификатор на кода. В противен случай можете да добавите име тук ръчно. Написах „Това е тест“ като идентификатор на групата. Ще ви покажа къде се показва за момент.

Щракнете върху Прилагане (жълта стрелка), за да генерирате QR кода на вашата композиция, след това щракнете върху „затвори“, за да излезете от диалоговия прозорец за QR код (синя стрелка).

Можете да видите идентификатора на групата, като натиснете ctrl+shift+x, за да изведете диалоговия прозорец на XML редактора (червена стрелка). Ще видите задния код, свързан с този генериран QR код. На последния ред на кода можете да видите идентификатора на групата „Това е тест“, който създадох (жълта стрелка). В таблицата по-долу можете да видите и метаданните за този QR код, като вторият ред е означен с „id“ и стойността, обозначена с „Това е тест“ (синя стрелка).

Самият генериран QR код всъщност представлява два отделни обекта – модулите на фона и на предния план (т.е. квадратните елементи). Мога да щракна върху фона (зелена стрелка) с инструмента за избор (червена стрелка) и да щракна върху цвят в моята цветова палитра, за да променя цвета му (синя стрелка).

Мога да направя същото с елементите на преден план – щракнете върху тях (зелена стрелка) с инструмента за избор (червена стрелка) и щракнете върху цвят от моята цветова палитра (синя стрелка), за да промените цвета.

Ако искам, мога да използвам градиенти на всеки обект, за да персонализирам допълнително цветовете.

Това е за този урок! Ако ви хареса, можете да разгледате и другия ми Инструкции за Inkscape or Inkscape Помощ членове.

Абонирайте се за бюлетина на DMD

Абонирайте се за бюлетина на DMD

Регистрирайте се, за да получавате нови уроци, актуализации на курсове и най-новите новини за любимия си софтуер с отворен код!

Абонирахте се успешно!

Тя ПИН на Pinterest