In dit artikel laat ik je de eenvoudige methode zien voor het genereren van QR-codes met Inkscape - de gratis vector grafische editor.

QR-codes worden snel populairder, waardoor mensen snel hun telefooncamera's kunnen pakken en de code kunnen scannen om naar een website-URL te gaan. Deze QR-codes komen vaker voor in plaatsen zoals restaurants, waardoor klanten snel het menu op hun telefoon kunnen openen en zo het contact met een tastbaar menu verminderen.

Dus, hoe genereer je een QR-code in Inkscape?

Begin met het openen van Inkscape op uw computer (u kunt de software gratis downloaden van Inkscape.org). Onder het tabblad "Tijd om te tekenen" (rode pijl in de bovenstaande afbeelding) voor het welkomstscherm dat verschijnt (ervan uitgaande dat u Inkscape 1.0 of nieuwer gebruikt), kiest u een documentgrootte op basis van een van de vele beschikbare sjablonen. Ik ging met het formaat "Desktop 1080p" onder het tabblad "Scherm" (gele pijl).

Open uw nieuwe document en ga naar Extensies>Render>Barcode>QR-code (rode pijl in de afbeelding hierboven).

Dit zal een QR-code dialoog openen. Hier kunt u verschillende instellingen instellen, waaronder de website waarnaar u wilt dat mensen worden geleid wanneer de code wordt gescand met een smartphonecamera (dit staat onder het gedeelte met het label "tekst" - rode pijl in de afbeelding hierboven).

In mijn geval typte ik mijn website, "daviesmediadesign.com", voor het veld "tekst". Ik kan op "Toepassen" klikken om de QR-code (gele pijl) te genereren en vervolgens op "Sluiten" klikken om de dialoog te verlaten (verlaat de dialoog nu niet als u meer wilt weten over geavanceerde instellingen in de volgende sectie).

U kunt het eindproduct in de bovenstaande afbeelding zien, dat is gegenereerd met behulp van de standaardwaarden voor de QR-codegenerator van Inkcape. Later in dit artikel bespreek ik enkele manieren om het uiterlijk van de QR-code aan te passen.

Ik kan ook enkele meer geavanceerde instellingen aanpassen in deze dialoog, die ik hieronder zal bespreken.

Geavanceerde QR-code-instellingen

Tot nu toe hebben we het dialoogvenster QR-code geopend en een URL toegevoegd aan het veld "Tekst".

Als ik vervolgens de optie "Live Preview" aanvink (rode pijl in de bovenstaande afbeelding), wordt er een QR-code op mijn document weergegeven (blauwe pijl - mogelijk moet u de QR-code-dialoog uit de weg schuiven om deze te zien).

Onder het tekstveld bevindt zich de vervolgkeuzelijst "Grootte, in eenheidsvierkanten" (gele pijl in de bovenstaande foto). Met deze functie kunt u handmatig wijzigen hoeveel gegevens de QR-code weergeeft - waardoor de grootte van de code zelf verandert. Ik raad niet aan om deze waarde handmatig in te stellen, aangezien de Inkscape-extensie automatisch de juiste QR-code maakt op basis van de URL die u toevoegt aan het veld "Tekst".

Simpel gezegd: hoe langer de URL, hoe groter de QR-code. Als ik bijvoorbeeld een langere URL van een van mijn artikelen op mijn website toevoeg (rode pijl in de afbeelding hierboven), ziet u dat de QR-code groter wordt om plaats te bieden aan de extra tekens (blauwe pijl). Het zal meer “modules” of kleine vierkantjes bevatten omdat de langere URL meer karakters bevat.

Nogmaals, ik raad aan om deze vervolgkeuzelijst op 'auto' te laten staan.

De volgende vervolgkeuzelijst is het "Error Correction Level" (rode pijl). Standaard is dit ingesteld op "L (ongeveer 7%),", wat het beste werkt in "schone" omgevingen - of in situaties waarin u niet verwacht dat de QR-code vuil wordt, waarschuwt of beschadigd/vernietigd wordt. Als u verwacht dat de code ergens wordt geplaatst waar deze tegen een stootje kan (bijv. op een bouwplaats, op een drukke hoek in een bruisende stad, enz.), wilt u misschien de foutcorrectie hoger opvoeren.

De hoogste instelling is "H (ongeveer 30%)", en deze instelling produceert de grootste QR-code en bevat ook meer gegevens. Het % betekent in feite de hoeveelheid gegevens die kan worden vernietigd zonder het vermogen van de QR-code om met succes te scannen te beïnvloeden.

De instelling "M (Ongeveer 15%)" (rode pijl) is een goed compromis om uw QR-code te beschermen tegen schade zonder de code te groot of te druk te maken.

De volgende optie is de vervolgkeuzelijst "Tekencodering" (rode pijl in de bovenstaande afbeelding). Er zijn hier vier opties, waarbij de beste optie voor u afhankelijk is van de taal of symbolen die in uw URL of tekst worden gebruikt.

Als u een standaard-URL gebruikt die in het Engels is, kunt u "Latin 1" gebruiken.

Als u bepaalde Europese talen (niet-Engels) gebruikt, wilt u misschien kiezen voor CP 1250 of CP 1252.

Tot slot, als je unicode-tekens of symbolen in je tekst gebruikt, inclusief symbolen uit verschillende talen over de hele wereld, wil je misschien met UTF-8 werken.

De volgende optie, "QR-code omkeren" (gele pijl) is een selectievakje waarmee u eenvoudig de achtergrondkleur van de QR-code kunt wijzigen van wit in zwart (aangetoond door de rode pijl in de afbeelding). Je kunt ook de achtergrondkleur EN de kleur van de hoofdmodules (de vierkante vormen) van de code wijzigen met behulp van enkele hulpmiddelen in Inkscape (daarover later meer).

In het veld "Vierkante grootte" (gele pijl) kunt u de totale grootte van de QR-code wijzigen. Een kleinere waarde verkleint de QR-code en een grotere waarde schaalt de hele QR-code op. In dit geval heb ik de grootte gewijzigd van 4.0 naar 10.0, waardoor de QR-code groter is (rode pijl). Je kunt de grootte van de QR-code ook aanpassen nadat je je wijzigingen hebt toegepast met andere tools in Inkscape. Als u de QR-code echter nauwkeuriger omhoog of omlaag wilt schalen (op basis van de grootte van de vierkante modules in de code, in pixels), kunt u deze optie gebruiken.

Met de vervolgkeuzelijst "Tekentype" (gele pijl) kunt u wijzigen hoe de modules in de QR-code worden getekend. Standaard worden de gegevens weergegeven met vierkanten wanneer de optie "Glad: neutraal" is geselecteerd. Er zijn echter andere aangepaste instellingen om uit te kiezen. De optie "Pad: cirkel" verandert bijvoorbeeld alle module-elementen in cirkels (rode pijl in het bovenstaande voorbeeld). Ik verander dit terug naar de standaard "Glad: neutraal" voor de volgende stap.

Met de volgende optie, "Vloeiende vierkante waarde (0-1)" (gele pijl in de bovenstaande foto), kan ik de hoeveelheid vloeiend maken die op de vierkante modules wordt toegepast, toevoegen of verminderen. Standaard is dit ingesteld op .2 - wat betekent dat er een beetje gladheid is rond de randen van elk vierkant. Ik kan deze waarde helemaal verhogen tot 1.0, wat een drastische afvlakking van de vierkanten toevoegt en ze dus meer samenvoegt (rode pijl). Een waarde van nul zal alle op de vierkanten toegepaste afvlakking wegnemen. U kunt deze waarde instellen op wat u maar wilt - het is in wezen slechts een manier om de esthetiek van de code te veranderen.

Onder de vervolgkeuzelijst voor vloeiend maken bevindt zich een tekstveld met de titel "Padreeks" (gele pijl) voor het aanpassen van het uiterlijk en de positie van de QR-code wanneer u de optie "Pad: aangepast" selecteert in de vervolgkeuzelijst Tekeningtype (rode pijl). Het zou ook moeten werken voor de optie Tekeningtype "Symbool", hoewel de optie Symbool niet werkt in Inkscape 1.1 - althans niet voor mij.

Het eerste item zegt "m 0,1" - dit is een coördinaat. Als u de eerste waarde wijzigt, wordt de locatie van de QR-code naar links of rechts verschoven (afhankelijk van of u het getal positief of negatief maakt). Als u de tweede waarde wijzigt, wordt de QR-code omhoog of omlaag verplaatst (opnieuw, afhankelijk van of het getal positief of negatief is). Je kunt hier elk nummer gebruiken - ik ben er vrij zeker van dat het gebaseerd is op de eenheid waarin je document is ingesteld (dwz pixels). Deze functie is niet helemaal noodzakelijk, omdat u uw QR-code altijd opnieuw kunt positioneren nadat u deze hebt toegepast met de tool Selecteren.

Het volgende item, dat wordt gescheiden van het eerste item met de “|” symbool, zegt “0.5,-1 | 0.5, 1” standaard. Deze waarden bepalen in principe de grootte van de modulesymbolen (dwz de driehoeken). Als u een waarde wijzigt, wordt één aspect van het driehoeksymbool aangepast. Als ik bijvoorbeeld "0.8,-1 | . typ 0.5, 1” de driehoeken verschijnen nu iets scheef naar rechts omdat ik hun afmetingen heb aangepast.

U kunt hier zelf met de waarden spelen om te zien hoe u de symbolen kunt aanpassen. Houd er rekening mee dat de waarden waarschijnlijk onder 1.0 moeten blijven, omdat de symbolen in elkaar overlopen als je verder gaat (en dus de QR-code onleesbaar maakt).

Het laatste veld is de 'Groeps-ID'. Hiermee kunt u handmatig een ID toewijzen aan de QR-code voor zaken als exporteren naar een SVG-bestand - een "schaalbare vectorafbeeldingen" -bestand dat ook enige code bevat. Als je het leeg laat, zal Inkscape automatisch een ID aan de code toewijzen. Anders kunt u hier handmatig een naam toevoegen. Ik typte "Dit is een test" als de groeps-ID. Ik zal je laten zien waar het even wordt weergegeven.

Klik op Toepassen (gele pijl) om de QR-code op uw compositie te genereren en klik vervolgens op "Sluiten" om de QR-codedialoog te verlaten (blauwe pijl).

U kunt de groeps-ID bekijken door op ctrl+shift+x te drukken om het dialoogvenster XML-editor te openen (rode pijl). U ziet de back-endcode die is gekoppeld aan deze gegenereerde QR-code. Op de laatste regel code ziet u de groeps-ID "Dit is een test" die ik heb gemaakt (gele pijl). In de onderstaande tabel ziet u ook de metadata voor deze QR-code, met de tweede regel met het label 'id' en de waarde met het label 'Dit is een test' (blauwe pijl).

De gegenereerde QR-code zelf bestaat eigenlijk uit twee afzonderlijke objecten - de achtergrond- en de voorgrondmodules (dwz de vierkante elementen). Ik kan op de achtergrond (groene pijl) klikken met het gereedschap Selecteren (rode pijl) en op een kleur in mijn kleurenpalet klikken om de kleur te wijzigen (blauwe pijl).

Ik kan hetzelfde doen met de voorgrondelementen - klik erop (groene pijl) met het selectiegereedschap (rode pijl) en klik op een kleur uit mijn kleurenpalet (blauwe pijl) om de kleur te wijzigen.

Als ik wil, kan ik op elk object verlopen gebruiken om de kleuren verder aan te passen.

Dat is het voor deze tutorial! Als je het leuk vond, kun je mijn andere bekijken Inkscape-zelfstudies or Inkscape Help-artikelen.

Abonneer u op de DMD-nieuwsbrief

Abonneer u op de DMD-nieuwsbrief

Meld u aan om nieuwe tutorials, cursusupdates en het laatste nieuws over uw favoriete open source-software te ontvangen!

Je bent met succes geabboneerd!

Pin It op Pinterest