V tomto článku vám ukážu jednoduchou metodu generování QR kódů pomocí Inkscape – bezplatného vektorového grafického editoru.

QR kódy rychle rostou na popularitě, což lidem umožňuje rychle vytáhnout fotoaparát z telefonu a naskenovat kód, aby se dostal na adresu URL libovolné webové stránky. Tyto QR kódy se staly běžnějšími v místech, jako jsou restaurace, což umožňuje návštěvníkům rychle vytáhnout nabídku na svých telefonech a omezit tak kontakt s hmatatelným menu.

Jak tedy vygenerujete QR kód v Inkscape?

Začněte otevřením Inkscape na vašem počítači (software si můžete zdarma stáhnout z Inkscape.org). Na kartě „Time to Draw“ (červená šipka na obrázku výše) na uvítací obrazovce, která se objeví (za předpokladu, že používáte Inkscape 1.0 nebo novější), vyberte velikost dokumentu na základě kterékoli z mnoha dostupných šablon. Šel jsem s velikostí „Desktop 1080p“ na kartě „Obrazovka“ (žlutá šipka).

S otevřeným novým dokumentem přejděte na Rozšíření>Render>Čárový kód>QR kód (červená šipka na obrázku výše).

Tím se zobrazí dialog s QR kódem. Zde můžete nastavit různá nastavení – včetně webové stránky, kam chcete, aby byli lidé přesměrováni, když je kód naskenován fotoaparátem chytrého telefonu (toto je v části označené „text“ – červená šipka na obrázku výše).

V mém případě jsem do pole „text“ zadal svůj web „daviesmediadesign.com“. Mohu kliknout na „Použít“ pro vygenerování QR kódu (žlutá šipka), poté kliknout na „Zavřít“ pro opuštění dialogu (neopouštějte dialog právě teď, pokud se chcete dozvědět více o pokročilých nastaveních v příštím sekce).

Konečný produkt můžete vidět na obrázku výše, který byl vygenerován pomocí výchozích hodnot pro generátor QR kódů Inkcape. Některé způsoby přizpůsobení vzhledu QR kódu popíšu dále v tomto článku.

V tomto dialogu mohu upravit i některá pokročilejší nastavení, kterým se budu věnovat níže.

Pokročilé nastavení QR kódu

Do této chvíle jsme otevřeli dialog s QR kódem a přidali URL do pole „Text“.

Dále, pokud zaškrtnu volbu „Živý náhled“ (červená šipka na obrázku výše), na mém dokumentu se zobrazí QR kód (modrá šipka – možná budete muset přesunout dialog s QR kódem, abyste jej viděli).

Pod textovým polem je rozevírací nabídka „Velikost, v jednotkových čtvercích“ (žlutá šipka na fotografii výše). Tato funkce vám umožňuje ručně změnit, kolik dat zobrazuje QR kód – což mění velikost samotného kódu. Nedoporučuji tuto hodnotu nastavovat ručně, protože rozšíření Inkscape automaticky vytvoří QR kód správné velikosti na základě adresy URL, kterou přidáte do pole „Text“.

Jednoduše řečeno: čím delší URL, tím větší bude QR kód. Pokud například přidám delší adresu URL z jednoho ze svých článků na svůj web (červená šipka na obrázku výše), uvidíte, že se QR kód zvětší, aby se do něj vešly další znaky (modrá šipka). Bude obsahovat více „modulů“ nebo malých čtverečků, protože delší URL obsahuje více znaků.

Pro zopakování doporučuji ponechat tuto rozbalovací nabídku nastavenou na „automaticky“.

Další rozevírací seznam je „Úroveň opravy chyb“ (červená šipka). Ve výchozím nastavení bude tato hodnota nastavena na „L (cca 7 %)“, což funguje nejlépe v „čistých“ prostředích – nebo v situacích, kdy neočekáváte, že by se QR kód zašpinil, varoval nebo poškodil/zničil. Očekáváte-li, že kód bude umístěn někde, kde může zabrat (tj. na staveništi, na rušném rohu v rušném městě atd.), možná budete chtít zvýšit opravu chyb.

Nejvyšší nastavení je „H (cca 30 %)“ a toto nastavení vytvoří největší QR kód a zároveň bude obsahovat více dat. % v podstatě znamená množství dat, které lze zničit, aniž by to ovlivnilo schopnost QR kódu úspěšně naskenovat.

Nastavení „M (cca 15 %)“ (červená šipka) je dobrým kompromisem pro ochranu vašeho QR kódu před poškozením, aniž by byl kód příliš velký nebo zaneprázdněný.

Další možností je rozbalovací nabídka „Kódování znaků“ (červená šipka na obrázku výše). Zde jsou čtyři možnosti, přičemž nejlepší možnost pro vás závisí na jazyce nebo symbolech použitých ve vaší adrese URL nebo textu.

Pokud používáte standardní adresu URL v angličtině, můžete zůstat u „Latin 1“.

Pokud používáte některé evropské jazyky (neangličtinu), možná budete chtít použít CP 1250 nebo CP 1252.

A konečně, pokud ve svém textu používáte znaky nebo symboly unicode, včetně symbolů z různých jazyků po celém světě, možná budete chtít použít UTF-8.

Další možnost „Invertovat QR Code“ (žlutá šipka) je zaškrtávací políčko, které vám jednoduše umožňuje změnit barvu pozadí QR kódu z bílé na černou (demonstrováno červenou šipkou na obrázku). Můžete také změnit barvu pozadí A barvu hlavních modulů (čtvercových tvarů) kódu pomocí některých nástrojů v Inkscape (více o tom později).

Pole „Čtvercová velikost“ (žlutá šipka) umožňuje změnit celkovou velikost QR kódu. Menší hodnota zmenší QR kód a větší hodnota zvětší celý QR kód. V tomto případě jsem změnil velikost ze 4.0 na 10.0, čímž jsem zvětšil QR kód (červená šipka). Můžete také upravit velikost QR kódu poté, co provedete změny pomocí jiných nástrojů v Inkscape. Pokud však chcete QR kód zvětšit nebo snížit přesněji (na základě velikosti čtvercových modulů uvnitř kódu v pixelech), můžete použít tuto možnost.

Rozbalovací nabídka „Typ výkresu“ (žlutá šipka) umožňuje změnit způsob kreslení modulů uvnitř QR kódu. Ve výchozím nastavení jsou data reprezentována čtverečky, když je vybrána možnost „Smooth: neutrální“. Na výběr jsou však i další vlastní nastavení. Například volba „Cesta: kruh“ změní všechny prvky modulu na kruhy (červená šipka v příkladu výše). V dalším kroku to změním zpět na výchozí „Smooth: neutrální“.

Další možnost, „Hodnota hladkého čtverce (0-1)“ (žlutá šipka na výše uvedené fotografii), mi umožňuje přidat nebo snížit množství vyhlazení aplikovaného na čtvercové moduly. Ve výchozím nastavení je tato hodnota nastavena na 2 – což znamená, že okraje každého čtverce jsou trochu vyhlazeny. Tuto hodnotu mohu natočit až na 1.0, což čtvercům přidá drastické vyhlazení a tím je všechny více prolne (červená šipka). Hodnota nula odebere veškeré vyhlazování aplikované na čtverce. Tuto hodnotu můžete nastavit na cokoliv, co chcete – je to v podstatě jen způsob, jak změnit estetiku kódu.

Pod rozevíracím seznamem vyhlazování je textové pole s názvem „Řetězec cesty“ (žlutá šipka) pro úpravu vzhledu a polohy QR kódu, když v rozevíracím seznamu Typ výkresu (červená šipka) vyberete možnost „Cesta: vlastní“. Mělo by to fungovat i pro volbu typu kresby „Symbol“, i když možnost Symbol v Inkscape 1.1 nefunguje – alespoň ne pro mě.

První položka říká „m 0,1“ – toto je souřadnice. Pokud změníte první hodnotu, posune se umístění QR kódu doleva nebo doprava (v závislosti na tom, zda je číslo kladné nebo záporné). Pokud změníte druhou hodnotu, posune se QR kód nahoru nebo dolů (opět v závislosti na tom, zda je číslo kladné nebo záporné). Zde můžete použít libovolné číslo – jsem si docela jistý, že je založen na jakékoli jednotce, ve které je váš dokument nastaven (tj. pixelech). Tato funkce není zcela nezbytná, protože svůj QR kód můžete po jeho použití kdykoli přemístit pomocí nástroje pro výběr.

Další položka, která je od první položky oddělena „|“ symbol říká „0.5,-1 | 0.5, 1” ve výchozím nastavení. Tyto hodnoty v podstatě určují velikost symbolů modulů (tj. trojúhelníků). Změnou libovolné hodnoty se upraví jeden aspekt symbolu trojúhelníku. Pokud například napíšu „0.8,-1 | 0.5, 1” se nyní trojúhelníky budou jevit mírně zkosené doprava, protože jsem upravil jejich rozměry.

Zde si můžete pohrát s hodnotami sami, abyste viděli, jak si můžete přizpůsobit symboly. Jen mějte na paměti, že hodnoty by pravděpodobně měly zůstat pod 1.0, protože symboly do sebe začnou krvácet, když to překročíte (a tím se QR kód stane nečitelným).

Poslední pole je „ID skupiny“. To vám umožňuje ručně přiřadit ID ke QR kódu pro věci, jako je export do souboru SVG – což je soubor „škálovatelné vektorové grafiky“, který také obsahuje nějaký kód. Pokud jej necháte prázdné, Inkscape automaticky přiřadí ID kódu. Jinak zde můžete jméno přidat ručně. Jako ID skupiny jsem zadal „Toto je test“. Ukážu vám, kde se na chvíli zobrazí.

Klikněte na Použít (žlutá šipka) pro vygenerování QR kódu na vaší kompozici, poté klikněte na „zavřít“ pro ukončení dialogu s QR kódem (modrá šipka).

ID skupiny můžete zobrazit stisknutím ctrl+shift+x, čímž vyvoláte dialog XML Editor (červená šipka). Uvidíte back-end kód spojený s tímto vygenerovaným QR kódem. Na posledním řádku kódu můžete vidět ID skupiny „Toto je test“, kterou jsem vytvořil (žlutá šipka). V tabulce níže můžete také vidět metadata tohoto QR kódu s druhým řádkem označeným „id“ a hodnotou označenou „Toto je test“ (modrá šipka).

Samotný vygenerovaný QR kód jsou vlastně dva samostatné objekty – moduly pozadí a popředí (tj. čtvercové prvky). Mohu kliknout na pozadí (zelená šipka) pomocí nástroje pro výběr (červená šipka) a kliknutím na barvu v paletě barev změnit její barvu (modrá šipka).

Totéž mohu udělat s prvky v popředí – kliknout na ně (zelená šipka) nástrojem pro výběr (červená šipka) a kliknutím na barvu z mé palety barev (modrá šipka) změnit barvu.

Pokud chci, mohu použít přechody na obou objektech k dalšímu přizpůsobení barev.

To je pro tento tutoriál! Pokud se vám to líbilo, můžete se podívat na můj druhý Inkscape Návody or Články nápovědy Inkscape.

Přihlaste se k odběru zpravodaje DMD

Přihlaste se k odběru zpravodaje DMD

Zaregistrujte se a získejte nové výukové programy, aktualizace kurzů a nejnovější zprávy o vašem oblíbeném open source softwaru!

Úspěšně jste přihlášeni k odběru!

Pin It na Pinterest

sdílet Tato