Ebben a cikkben bemutatom a QR-kódok létrehozásának egyszerű módszerét az Inkscape segítségével – az ingyenes vektorgrafikus szerkesztővel.

A QR-kódok egyre népszerűbbek, lehetővé téve az emberek számára, hogy gyorsan kihúzzák a telefonkamerát, és beolvassák a kódot, hogy eljussanak bármely webhely URL-jére. Ezek a QR-kódok egyre elterjedtebbek olyan helyeken, mint az éttermek, lehetővé téve a látogatók számára, hogy gyorsan előhívják a menüt a telefonjukon, és ezáltal csökkentsék a kézzelfogható menüvel való érintkezést.

Tehát hogyan lehet QR-kódot generálni az Inkscape-ben?

Kezdje az Inkscape megnyitásával a számítógépén (a szoftvert ingyenesen letöltheti az Inkscape.org webhelyről). A „Time to Draw” lapon (piros nyíl a fenti képen) a felugró üdvözlőképernyőnél (feltételezve, hogy Inkscape 1.0 vagy újabb verziót használ) válasszon dokumentumméretet a sok rendelkezésre álló sablon bármelyike ​​alapján. A „Képernyő” fül alatt a „Desktop 1080p” méretet választottam (sárga nyíl).

Az új dokumentum megnyitásakor lépjen a Bővítmények>Render>Vonalkód>QR-kód elemre (piros nyíl a fenti képen).

Ezzel egy QR-kód párbeszédpanel jelenik meg. Itt különféle beállításokat adhat meg – beleértve azt a webhelyet is, amelyre szeretné irányítani az embereket a kód okostelefon kamerájával történő beolvasásakor (ez a „szöveg” rész alatt található – piros nyíl a fenti képen).

Az én esetemben a „text” mezőbe beírtam a webhelyemet, a „daviesmediadesign.com” címet. Az „Alkalmaz” gombra kattintva generálhatok QR-kódot (sárga nyíl), majd a „Bezárás” gombra kattintva kiléphetek a párbeszédablakból (most ne lépjen ki a párbeszédpanelből, ha többet szeretne megtudni a speciális beállításokról a következőben szakasz).

A fenti képen láthatja a végterméket, amelyet az Inkcape QR-kód generátorának alapértelmezett értékei alapján hoztak létre. A cikk későbbi részében bemutatok néhány módszert a QR-kód megjelenésének testreszabására.

Ebben a párbeszédpanelben néhány speciális beállítást is módosíthatok, amelyeket alább ismertetek.

Speciális QR-kód beállítások

Eddig a pontig megnyitottuk a QR-kód párbeszédpanelt, és hozzáadtunk egy URL-t a „Szöveg” mezőhöz.

Ezután, ha bejelölöm az „Élő előnézet” opciót (piros nyíl a fenti képen), egy QR-kód jelenik meg a dokumentumomon (kék nyíl – lehet, hogy el kell távolítania a QR-kód párbeszédpanelt, hogy megtekinthesse).

A szövegmező alatt található a „Méret, egységnégyzetben” legördülő menü (a fenti képen sárga nyíl). Ez a funkció lehetővé teszi, hogy manuálisan módosítsa, mennyi adatot jelenítsen meg a QR-kód – ami megváltoztatja magának a kódnak a méretét. Nem javaslom ennek az értéknek a manuális beállítását, mivel az Inkscape bővítmény automatikusan létrehozza a megfelelő méretű QR-kódot a „Szöveg” mezőhöz hozzáadott URL alapján.

Egyszerűen fogalmazva: minél hosszabb az URL, annál nagyobb lesz a QR-kód. Ha például hozzáadok egy hosszabb URL-t a webhelyem egyik cikkéből (piros nyíl a fenti képen), látni fogja, hogy a QR-kód nagyobb lesz, hogy elférjen a további karakterek (kék nyíl). Több „modult” vagy kis négyzetet fog tartalmazni, mivel a hosszabb URL több karaktert tartalmaz.

Megismételve azt javaslom, hogy ezt a legördülő menüt állítsa „automatikus” értékre.

A következő legördülő menü a „Hibajavítási szint” (piros nyíl). Alapértelmezés szerint ez „L (kb. 7%)” lesz, ami „tiszta” környezetben működik a legjobban – vagy olyan helyzetekben, amikor nem számít arra, hogy a QR-kód elszennyeződjön, figyelmeztesse vagy megsérüljön/megsemmisüljön. Ha arra számít, hogy a kódot olyan helyen kell elhelyezni, ahol megütheti magát (pl. építkezésen, egy nyüzsgő város forgalmas sarkán stb.), akkor érdemes feljebb léptetni a hibajavítást.

A legmagasabb beállítás a „H (kb. 30%)”, és ez a beállítás hozza létre a legnagyobb QR-kódot, miközben több adatot is tartalmaz. A % alapvetően azt az adatmennyiséget jelenti, amely megsemmisíthető anélkül, hogy befolyásolná a QR-kód sikeres beolvasását.

Az „M (kb. 15%)” beállítás (piros nyíl) jó kompromisszum a QR-kód védelmére a sérülések ellen anélkül, hogy a kód túl nagy vagy túlterhelt lenne.

A következő lehetőség a „Karakterkódolás” legördülő menü (piros nyíl a fenti képen). Itt négy lehetőség közül választhat, az URL-ben vagy a szövegben használt nyelvtől vagy szimbólumoktól függően az Ön számára legjobb választás.

Ha szabványos angol nyelvű URL-t használ, maradjon a „Latin 1” mellett.

Bizonyos európai nyelvek (nem angol) használatakor érdemes a CP 1250 vagy a CP 1252 nyelvet választani.

Végül, ha unicode karaktereket vagy szimbólumokat használ a szövegben, beleértve a világ különböző nyelveiről származó szimbólumokat, érdemes az UTF-8-at választani.

A következő lehetőség, a „QR-kód megfordítása” (sárga nyíl) egy jelölőnégyzet, amely egyszerűen lehetővé teszi a QR-kód háttérszínének fehérről feketére történő megváltoztatását (a képen látható piros nyíl mutatja). Az Inkscape egyes eszközeivel is módosíthatja a kód fő moduljainak (a négyzet alakú formáinak) háttérszínét ÉS színét (erről később).

A „Négyzet méret” mező (sárga nyíl) lehetővé teszi a QR-kód teljes méretének módosítását. Egy kisebb érték zsugorítja a QR-kódot, nagyobb érték pedig a teljes QR-kódot felnagyítja. Ebben az esetben a méretet 4.0-ról 10.0-ra változtattam, így a QR-kód nagyobb lett (piros nyíl). A QR-kód méretét is módosíthatja, miután végrehajtotta a módosításokat az Inkscape más eszközeivel. Ha azonban a QR-kódot pontosabban felfelé vagy lefelé szeretné méretezni (a kódon belüli négyzet alakú modulok mérete alapján, pixelben), akkor ezt az opciót használhatja.

A „Rajz típusa” legördülő menü (sárga nyíl) lehetővé teszi a QR-kódon belüli modulok rajzolásának módját. Alapértelmezés szerint az adatok négyzetekkel vannak ábrázolva, ha a „Smooth: semleges” opciót választja. Azonban más egyéni beállítások közül is választhat. Például az „Útvonal: kör” opció az összes modulelemet körré változtatja (piros nyíl a fenti példában). A következő lépésben ezt visszaállítom az alapértelmezett „Smooth: semleges” értékre.

A következő lehetőség, a „Smooth square value (0-1)” (sárga nyíl a fenti képen), lehetővé teszi, hogy hozzáadjam vagy csökkentsem a négyzet alakú modulokra alkalmazott simítás mértékét. Alapértelmezés szerint ez 2-re van állítva – ami azt jelenti, hogy minden négyzet széle körül van egy kis simítás. Ezt az értéket egészen 1.0-ig tudom mozgatni, ami drasztikusan simítja a négyzeteket, és így még jobban összekeveri őket (piros nyíl). A nulla érték eltávolítja a négyzetekre alkalmazott összes simítást. Ezt az értéket tetszés szerint állíthatja be – ez lényegében csak egy módja annak, hogy módosítsa a kód esztétikáját.

A simító legördülő menü alatt található egy „Path string” (sárga nyíl) nevű szövegmező a QR-kód megjelenésének és pozíciójának beállításához, amikor kiválasztja az „Útvonal: egyéni” lehetőséget a Rajztípus legördülő menüből (piros nyíl). Állítólag a „Symbol” Drawing type opciónál is működik, bár a Symbol opció nem működik az Inkscape 1.1-ben – legalábbis nálam nem.

Az első elem „m 0,1” – ez egy koordináta. Ha megváltoztatja az első értéket, az eltolja a QR-kód helyét balra vagy jobbra (attól függően, hogy pozitív vagy negatív számot ad meg). Ha megváltoztatja a második értéket, az felfelé vagy lefelé tolja a QR-kódot (ismét attól függően, hogy a szám pozitív vagy negatív). Bármilyen számot használhat itt – egészen biztos vagyok benne, hogy ez attól függ, hogy a dokumentum milyen egységben van beállítva (azaz pixel). Ez a funkció nem feltétlenül szükséges, mivel a QR-kódot a Kiválasztás eszközzel történő alkalmazása után bármikor áthelyezheti.

A következő elem, amelyet a „|” jellel választanak el az első elemtől szimbólum: „0.5,-1 | 0.5, 1” alapértelmezés szerint. Ezek az értékek alapvetően meghatározzák a modul szimbólumok (azaz a háromszögek) méretét. Bármely érték megváltoztatása módosítja a háromszög szimbólum egyik oldalát. Például, ha beírom, hogy „0.8,-1 | 0.5, 1” a háromszögek most kissé jobbra ferdén jelennek meg, mert módosítottam a méreteiket.

Egyedül eljátszhatod az itt található értékeket, hogy megtudd, hogyan szabhatod testre a szimbólumokat. Ne feledje, hogy az értékeknek valószínűleg 1.0 alatt kell maradniuk, mivel a szimbólumok elkezdenek összefolyni, ha túllép ezen (és így olvashatatlanná teszi a QR-kódot).

Az utolsó mező a „Csoportazonosító”. Ez lehetővé teszi, hogy manuálisan hozzárendeljen egy azonosítót a QR-kódhoz, például SVG-fájlba exportáláshoz – amely egy „skálázható vektorgrafikus” fájl, amely szintén tartalmaz kódot. Ha üresen hagyja, az Inkscape automatikusan azonosítót rendel a kódhoz. Ellenkező esetben manuálisan adhat hozzá nevet. Beírtam, hogy „Ez egy teszt” csoportazonosítóként. Rövidesen megmutatom hol jelenik meg.

Kattintson az Alkalmaz (sárga nyíl) gombra a QR-kód létrehozásához a kompozíción, majd kattintson a „Bezárás” gombra a QR-kód párbeszédablakból való kilépéshez (kék nyíl).

A csoportazonosítót a ctrl+shift+x lenyomásával tekintheti meg az XML-szerkesztő párbeszédpanel megjelenítéséhez (piros nyíl). Látni fogja a generált QR-kódhoz társított háttérkódot. A kód utolsó sorában az általam létrehozott „Ez egy teszt” csoportazonosító látható (sárga nyíl). Az alábbi táblázatban a QR-kód metaadatait is láthatja, a második sor az „id” felirattal, az érték pedig „Ez egy teszt” (kék nyíl).

Maga a generált QR-kód valójában két különálló objektum – a háttér és az előtér modul (azaz a négyzet alakú elemek). Kattinthatok a háttérre (zöld nyíl) a Kijelölő eszközzel (piros nyíl), és a színpalettám egyik színére kattintva megváltoztathatom a színét (kék nyíl).

Ugyanezt megtehetem az előtér elemeivel is – kattintson rájuk (zöld nyíl) a kijelölő eszközzel (piros nyíl), majd kattintson egy színre a színpalettámról (kék nyíl) a szín megváltoztatásához.

Ha akarom, színátmeneteket használhatok bármelyik objektumon a színek további testreszabásához.

Ennyi ez az oktatóprogram! Ha tetszett, megnézheti a másik oldalamat Inkscape oktatóanyagok or Inkscape súgócikkek.

Iratkozzon fel a DMD Hírlevélre

Iratkozzon fel a DMD Hírlevélre

Iratkozzon fel új oktatóanyagok, tanfolyamfrissítések és legfrissebb hírek beszerzésére kedvenc nyílt forráskódú szoftverével kapcsolatban!

Sikeresen feliratkozott!

Kenni Pinterest

Ossza meg ezt