U ovom članku pokazat ću vam jednostavnu metodu za generiranje QR kodova pomoću Inkscapea – besplatnog uređivača vektorske grafike.

QR kodovi brzo postaju sve popularniji, omogućujući ljudima da brzo izvuku svoje telefonske kamere i skeniraju kod kako bi ih prenijeli na URL bilo koje web stranice. Ovi QR kodovi postali su sve prisutniji na mjestima kao što su restorani, omogućujući posjetiteljima da brzo povuku jelovnik na svojim telefonima i tako smanje kontakt s opipljivim jelovnikom.

Dakle, kako generirati QR kod u Inkscapeu? Uđimo u to!

Video: Kako stvoriti QR kodove u Inkscapeu

Umetnite osnovni QR kod

Korak 1: Stvorite novu kompoziciju

Stvorite novu Inkscape kompoziciju putem kartice Time to Draw i odabirom predloška

Započnite otvaranjem Inkscapea na svom računalu (softver možete besplatno preuzeti s Inkscape.org). Na kartici “Vrijeme za crtanje” (crvena strelica na gornjoj slici) za zaslon dobrodošlice koji će se pojaviti (pod pretpostavkom da koristite Inkscape 1.0 ili noviji), odaberite veličinu dokumenta na temelju bilo kojeg od mnogih dostupnih predložaka. Išao sam s veličinom "Desktop 1080p" ispod kartice "Screen" (žuta strelica).

Korak 2: Umetnite QR kod

Umetnite QR kod u Inkscape tako da odete na Render>Barcode>QR Code

S otvorenim novim dokumentom idite na Extensions>Render>Barcode>QR Code (crvena strelica na gornjoj slici).

Korak 3: Dodajte svoj URL

Dodajte URL vezu svom Inkscape QR kodu

Ovo će prikazati dijalog QR koda. Ovdje možete postaviti različite postavke – uključujući web-stranicu na koju želite da se ljudi usmjeravaju kada se kôd skenira kamerom pametnog telefona (ovo se nalazi ispod odjeljka s oznakom “tekst” – crvena strelica na gornjoj slici).

Osnovni QR kod generiran u Inkscapeu

U mom slučaju, utipkao sam svoju web stranicu, "daviesmediadesign.com", za polje "tekst". Mogu kliknuti "Primijeni" za generiranje QR koda (žuta strelica), zatim kliknuti "Zatvori" da izađem iz dijaloga (nemoj odmah izaći iz dijaloga ako želiš saznati više o naprednim postavkama u sljedećem odjeljak).

Konačni proizvod možete vidjeti na gornjoj slici, koji je generiran korištenjem zadanih vrijednosti za Inkcapeov QR kod generator. U nastavku ovog članka obrađujem neke načine prilagođavanja izgleda QR koda.

Također mogu prilagoditi neke naprednije postavke u ovom dijalogu, koje ću pokriti u nastavku.

Napredne postavke QR koda

Do ove točke otvorili smo dijalog QR koda i dodali URL u polje "Tekst". (Ako ste zatvorili dijalog QR koda, možete ga ponovno otvoriti tako da odete na Extentions>Render>Barcode>QR Code).

Omogućite Live Preview u dijalogu QR koda u Inkscapeu

Zatim, ako označim opciju "Pregled uživo" (crvena strelica na gornjoj slici), QR kod će se prikazati na mom dokumentu (plava strelica – možda ćete morati pomaknuti dijalog QR koda s puta da ga vidite).

Podesite podatke QR koda

Dodavanje duljeg URL-a u tekstualno polje dijaloga QR koda stvorit će više podataka QR koda u Inkscapeu

Ispod tekstualnog polja nalazi se padajući izbornik "Veličina, u jediničnim kvadratima" (žuta strelica na gornjoj fotografiji). Ova značajka vam omogućuje da ručno promijenite koliko podataka QR kod prikazuje – što mijenja veličinu samog koda. Ne preporučujem ručno postavljanje ove vrijednosti jer Inkscape proširenje automatski stvara QR kod odgovarajuće veličine na temelju URL-a koji dodate u polje "Tekst".

Pojednostavljeno rečeno: što je duži URL, to će biti veći QR kod. Na primjer, ako dodam duži URL iz jednog od svojih članaka na svoju web stranicu (crvena strelica na gornjoj slici), vidjet ćete da će QR kod postati veći kako bi se prilagodio dodatnim znakovima (plava strelica). Sadržavat će više "modula" ili malih kvadrata jer duži URL sadrži više znakova.

Da ponovim, preporučujem da ovaj padajući izbornik ostane postavljen na "automatski".

Razina ispravljanja pogrešaka

Prilagodite razinu ispravljanja pogrešaka kako bi vaš Inkscape QR kod bio robusniji

Sljedeći padajući izbornik je "Razina ispravljanja pogrešaka" (crvena strelica). Prema zadanim postavkama, ovo će biti postavljeno na "L (približno 7%)", što najbolje funkcionira u "čistim" okruženjima - ili u situacijama u kojima ne očekujete da će se QR kod zaprljati, upozoriti ili oštetiti/uništiti. Ako očekujete da će kod biti postavljen negdje gdje može pretrpjeti udarce (npr. na gradilištu, na užurbanom uglu u užurbanom gradu, itd.), možda ćete htjeti povećati ispravak pogrešaka.

Najviša postavka je "H (približno 30%)", a ova postavka će proizvesti najveći QR kod, a sadržavati i više podataka. % u osnovi znači količinu podataka koja se može uništiti bez utjecaja na sposobnost QR koda da se uspješno skenira.

M (približno 15) razina ispravljanja pogrešaka dobar je kompromis za QR kod

Postavka "M (približno 15%)" (crvena strelica) dobar je kompromis za zaštitu vašeg QR koda od oštećenja, a da kod nije prevelik ili zauzet.

Kodiranje znakova

Postavka kodiranja latiničnog 1 znaka za Inkscape QR kod

Sljedeća opcija je padajući izbornik "Character Encoding" (crvena strelica na gornjoj slici). Ovdje postoje četiri opcije, a najbolja opcija za vas ovisno o jeziku ili simbolima koji se koriste u vašem URL-u ili tekstu.

Ako koristite standardni URL koji je na engleskom, možete se držati "Latin 1".

Kada koristite određene europske jezike (ne-engleski), možda ćete htjeti koristiti CP 1250 ili CP 1252.

Konačno, ako u svom tekstu koristite unicode znakove ili simbole, uključujući simbole iz raznih jezika diljem svijeta, možda ćete htjeti koristiti UTF-8.

Obrnuti QR kod

Invertirajte boje vašeg QR koda u Inkscapeu

Sljedeća opcija, "Invert QR Code" (žuta strelica) je potvrdni okvir koji vam jednostavno omogućuje promjenu boje pozadine QR koda iz bijele u crnu (demonstrirano crvenom strelicom na slici). Također možete promijeniti boju pozadine I boju glavnih modula (kvadratnih oblika) koda pomoću nekih alata u Inkscapeu (više o tome kasnije).

Veličina kvadrata QR koda

Koristite vrijednost Square Size za podešavanje veličine kvadrata ili modula vašeg QR koda

Polje "Square Size" (žuta strelica) omogućuje vam promjenu ukupne veličine QR koda. Manja vrijednost smanjuje QR kod, a veća vrijednost povećava cijeli QR kod. U ovom slučaju promijenio sam veličinu s 4.0 na 10.0 čime sam QR kod povećao (crvena strelica). Također možete prilagoditi veličinu QR koda nakon što ste primijenili svoje promjene pomoću drugih alata u Inkscapeu. Međutim, ako želite preciznije povećati ili smanjiti QR kod (na temelju veličine kvadratnih modula unutar koda, u pikselima), možete koristiti ovu opciju.

Vrsta crteža

Promijenite oblik koji se koristi za prikaz podataka vašeg QR koda u Inkscapeu putem vrste crteža

Padajući izbornik "Vrsta crteža" (žuta strelica) omogućuje vam promjenu načina na koji se crtaju moduli unutar QR koda. Prema zadanim postavkama, podaci su predstavljeni kvadratima kada je odabrana opcija "Glatko: neutralno". Međutim, postoje i druge prilagođene postavke koje možete izabrati. Na primjer, opcija "Put: krug" promijenit će sve elemente modula u krugove (crvena strelica u gornjem primjeru). Vratit ću ovo na zadano "Glatko: neutralno" za sljedeći korak.

Glatka kvadratna vrijednost

Izjednačite vrijednost kvadrata podataka vašeg QR koda u Inkscapeu

Sljedeća opcija, "Smooth square value (0-1)" (žuta strelica na gornjoj fotografiji), omogućuje mi da dodam ili smanjim količinu zaglađivanja koja se primjenjuje na kvadratne module. Prema zadanim postavkama, ovo je postavljeno na .2 – što znači da postoji malo zaglađivanja oko rubova svakog kvadrata. Ovu vrijednost mogu podesiti sve do 1.0, što dodaje drastično zaglađivanje kvadrata i tako ih sve više spaja (crvena strelica). Vrijednost nula će oduzeti sve zaglađivanje primijenjeno na kvadrate. Ovu vrijednost možete postaviti na što god želite – to je u biti samo način da promijenite estetiku koda.

Niz staze

Postavite koordinate niza putanje za Inkscape QR kod

Ispod padajućeg izbornika za izglađivanje nalazi se tekstualno polje pod nazivom "Strelica putanje" (žuta strelica) za podešavanje izgleda i položaja QR koda kada odaberete opciju "Put: prilagođeno" s padajućeg izbornika Vrsta crteža (crvena strelica). Također bi trebao raditi za opciju tipa crteža “Simbol”, iako opcija Symbol ne radi u Inkscapeu 1.1 – barem ne za mene.

Prva stavka kaže "m 0,1" - ovo je koordinata. Ako promijenite prvu vrijednost, ona će pomaknuti mjesto QR koda lijevo ili desno (ovisno o tome hoćete li broj učiniti pozitivnim ili negativnim). Ako promijenite drugu vrijednost, ona će pomaknuti QR kod gore ili dolje (opet, ovisno o tome je li broj pozitivan ili negativan). Ovdje možete koristiti bilo koji broj – prilično sam siguran da se temelji na bilo kojoj jedinici u koju je postavljen vaš dokument (tj. pikseli). Ova značajka nije u potpunosti potrebna jer uvijek možete premjestiti svoj QR kod nakon što ga primijenite pomoću alata za odabir.

Sljedeća stavka, koja je odvojena od prve stavke sa "|" simbol, kaže "0.5,-1 | 0.5, 1” prema zadanim postavkama. Ove vrijednosti u osnovi određuju veličinu simbola modula (tj. trokuta). Promjena bilo koje vrijednosti će prilagoditi jedan aspekt simbola trokuta. Na primjer, ako upišem “0.8,-1 | 0.5, 1” trokuti će se sada činiti malo nagnuti udesno jer sam prilagodio njihove dimenzije.

Ovdje se možete sami igrati s vrijednostima da vidite kako možete prilagoditi simbole. Samo imajte na umu da bi vrijednosti vjerojatno trebale ostati ispod 1.0 jer simboli počnu krvariti jedan u drugi kada prijeđete to (i time QR kod postaje nečitljiv).

ID grupe

Dodajte metapodatke o ID-u grupe svom Inkscape QR kodu

Posljednje polje je "ID grupe". To vam omogućuje da ručno dodijelite ID QR kodu za stvari poput izvoza u SVG datoteku – što je datoteka "skalabilne vektorske grafike" koja također sadrži neki kod. Ako ostavite prazno, Inkscape će kodu automatski dodijeliti ID. Inače, ovdje možete dodati ime ručno. Utipkao sam "Ovo je test" kao ID grupe. Za trenutak ću vam pokazati gdje se prikazuje.

Kliknite Primijeni (žuta strelica) za generiranje QR koda na svojoj kompoziciji, a zatim kliknite "Zatvori" za izlaz iz dijaloga QR koda (plava strelica).

Pregledajte metapodatke o ID-u grupe QR koda putem dijaloga uređivača XML-a u Inkscapeu

ID grupe možete vidjeti pritiskom na ctrl+shift+x da biste otvorili dijalog XML uređivača (crvena strelica). Vidjet ćete pozadinski kod povezan s ovim generiranim QR kodom. U zadnjem retku koda možete vidjeti ID grupe "Ovo je test" koju sam kreirao (žuta strelica). U donjoj tablici također možete vidjeti metapodatke za ovaj QR kod, s drugim retku označenim s "id" i vrijednošću s oznakom "Ovo je test" (plava strelica).

Stiliziranje QR koda

Promijenite boju pozadine svog QR koda u inkscpae

Sam generirani QR kod zapravo su dva odvojena objekta – moduli pozadine i prednjeg plana (tj. kvadratni elementi). Mogu kliknuti na pozadinu (zelena strelica) pomoću alata za odabir (crvena strelica) i kliknuti na boju u svojoj paleti boja da promijenim njenu boju (plava strelica).

Promijenite boje modula vašeg QR koda u Inkscapeu

Mogu učiniti istu stvar s elementima prednjeg plana – kliknite na njih (zelena strelica) s alatom za odabir (crvena strelica) i kliknite na boju iz moje palete boja (plava strelica) da promijenite boju.

Ako želim, mogu koristiti gradijente na bilo kojem objektu da dodatno prilagodim boje.

To je to za ovaj udžbenik! Ako vam se svidjelo, možete provjeriti moju drugu Inkscape Tutoriali or Članci pomoći za Inkscape.


Učenje Inkscapea i njegovih brojnih alata/značajki može biti veliki izazov, pogotovo kada se jednostavno želite usredotočiti na stvaranje privlačnih dizajna za svoje projekte.

Postoji samo toliko informacija koje mogu podijeliti u člancima na blogu i videouputama, zbog čega sam sastavio svoje Inkscape: od početnika do profesionalca u Inkscapeu i grafičkom dizajnu naravno. Ovaj tečaj je detaljna edukacija o Inkscapeu i kako ga možete koristiti za izradu profesionalnih vektorskih dizajna za vlastitu tvrtku, osobne projekte ili za vaše klijente.

Na ograničeno vrijeme možete dobiti ovaj tečaj od 6+ sati s više od 60 video predavanja uz veliki popust! Na tečaju ćete naučiti važne koncepte kao što su:

  • Kako svladati Inkscape
  • Izgled Inkscapea i njegove najvažnije značajke
  • Kako svladati alate Pen i Node za izradu vektorskih ilustracija
  • Kako kombinirati oblike pomoću popularnog alata Shape Builder
  • Kako napraviti vektorski dizajn logotipa u Inkscapeu
  • Kako stvoriti profesionalne vektorske dizajne za web i društvene medije

Podučavao sam više od 17,000 XNUMX učenika poput vas kako konačno ovladati besplatnim softverom otvorenog koda i podići svoje vještine na višu razinu.

Iako je tečaj nov, studenti već govore pozitivne stvari i tečaju su dali ukupnu ocjenu od 4.8 zvjezdica. Dakle, što čekate? Vrijeme je da konačno započnite svoje putovanje svladavajući Inkscape, besplatni softver za grafički dizajn!

Inkscape banner oglas za tečaj Davies Media Design
Bilten e-pošte besplatnih kreativnih aplikacija Davies Media Design

Pretplatite se na DMD bilten

Prijavite se za primanje novih vodiča, ažuriranja tečajeva i najnovijih vijesti o vašim omiljenim besplatnim kreativnim aplikacijama!

Uspješno ste se pretplatili!