Tässä artikkelissa näytän sinulle yksinkertaisen menetelmän QR-koodien luomiseen käyttämällä Inkscapea – ilmaista vektorigrafiikkaeditoria.
QR-koodien suosio kasvaa nopeasti, minkä ansiosta ihmiset voivat nopeasti vetää puhelimensa kamerat esiin ja skannata koodin viedäkseen minkä tahansa verkkosivuston URL-osoitteeseen. Nämä QR-koodit ovat yleistyneet ravintoloiden kaltaisissa paikoissa, minkä ansiosta asiakkaat voivat nopeasti avata valikon puhelimiinsa ja vähentää siten kosketusta konkreettiseen ruokalistaan.
Joten kuinka luot QR-koodin Inkscapessa?
Aloita avaamalla Inkscape tietokoneellasi (voit ladata ohjelmiston ilmaiseksi osoitteesta Inkscape.org). Valitse avautuvan tervetulonäytön "Time to Draw" -välilehdellä (punainen nuoli yllä olevassa kuvassa) (olettaen, että käytät Inkscape 1.0:aa tai uudempaa) asiakirjan kokoa minkä tahansa monista käytettävissä olevista malleista. Valitsin "Desktop 1080p" -koon "Näyttö"-välilehdellä (keltainen nuoli).
Kun uusi asiakirjasi on auki, siirry kohtaan Laajennukset> Renderöinti> Viivakoodi> QR-koodi (punainen nuoli yllä olevassa kuvassa).
Tämä avaa QR-koodidialogin. Täällä voit määrittää erilaisia asetuksia – mukaan lukien verkkosivuston, jolle haluat ihmisten ohjattavan, kun koodia skannataan älypuhelimen kameralla (tämä on "teksti" -osion alla – punainen nuoli yllä olevassa kuvassa).
Minun tapauksessani kirjoitin verkkosivuni "daviesmediadesign.com" "teksti"-kenttään. Voin napsauttaa "Käytä" luodaksesi QR-koodin (keltainen nuoli), ja sitten "Sulje" poistuaksesi dialogista (älä poistu dialogista juuri nyt, jos haluat lisätietoja lisäasetuksista seuraavassa jakso).
Näet lopputuotteen yllä olevasta kuvasta, joka on luotu käyttämällä Inkcapen QR-koodigeneraattorin oletusarvoja. Käsittelen joitakin tapoja muokata QR-koodin ulkoasua myöhemmin tässä artikkelissa.
Voin myös säätää joitain edistyneempiä asetuksia tässä dialogissa, joita käsittelen alla.
QR-koodin lisäasetukset
Tähän asti olemme avaneet QR-koodin dialogin ja lisänneet URL-osoitteen "Teksti"-kenttään.
Seuraavaksi, jos valitsen "Live Preview" -vaihtoehdon (punainen nuoli yllä olevassa kuvassa), asiakirjassani näkyy QR-koodi (sininen nuoli – saatat joutua siirtämään QR-koodin valintaikkunan pois tieltä nähdäksesi sen).
Tekstikentän alla on pudotusvalikko "Koko, yksikköneliöinä" (keltainen nuoli yllä olevassa kuvassa). Tämän ominaisuuden avulla voit manuaalisesti muuttaa QR-koodin näyttämää dataa – mikä muuttaa itse koodin kokoa. En suosittele tämän arvon määrittämistä manuaalisesti, koska Inkscape-laajennus luo automaattisesti oikean kokoisen QR-koodin "Teksti"-kenttään lisäämäsi URL-osoitteen perusteella.
Yksinkertaisesti sanottuna: mitä pidempi URL-osoite, sitä suurempi QR-koodi on. Jos esimerkiksi lisään pidemmän URL-osoitteen jostakin verkkosivustollani olevasta artikkelistani (punainen nuoli yllä olevassa kuvassa), näet QR-koodin suurentuvan lisämerkkien mukaan (sininen nuoli). Se sisältää enemmän "moduuleja" tai pieniä neliöitä, koska pidempi URL sisältää enemmän merkkejä.
Toistaakseni suosittelen pitämään tämän avattavan valikon asetukseksi "auto".
Seuraava pudotusvalikko on "Virheenkorjaustaso" (punainen nuoli). Oletuksena tämä on "L (noin 7%)", mikä toimii parhaiten "puhtaissa" ympäristöissä – tai tilanteissa, joissa et odota QR-koodin likaantuvan, varoittavan tai vahingoittuvan/tuhoavan. Jos odotat koodin sijoitettavan jonnekin, jossa se voi kestää lyönnin (esim. rakennustyömaalla, vilkkaassa kaupungissa jne.), saatat haluta nostaa virheenkorjausta korkeammalle.
Korkein asetus on "H (noin 30 %)", ja tämä asetus tuottaa suurimman QR-koodin, mutta sisältää myös enemmän dataa. % tarkoittaa pohjimmiltaan tiedon määrää, joka voidaan tuhota ilman, että se vaikuttaa QR-koodin kykyyn skannata onnistuneesti.
"M (noin 15%)" -asetus (punainen nuoli) on hyvä kompromissi QR-koodin suojaamiseen vaurioilta tekemättä koodista liian suurta tai kiireistä.
Seuraava vaihtoehto on "Character Encoding" -pudotusvalikko (punainen nuoli yllä olevassa kuvassa). Tässä on neljä vaihtoehtoa, joista paras vaihtoehto URL-osoitteessasi tai tekstissäsi käytetyn kielen tai symbolien mukaan.
Jos käytät tavallista englanninkielistä URL-osoitetta, voit pysyä "Latin 1" -osoitteessa.
Kun käytät tiettyjä eurooppalaisia kieliä (ei englantia), sinun kannattaa valita CP 1250 tai CP 1252.
Lopuksi, jos käytät tekstissäsi unicode-merkkejä tai -symboleja, mukaan lukien symboleja eri kielistä ympäri maailmaa, sinun kannattaa valita UTF-8.
Seuraava vaihtoehto, "Käännä QR-koodi" (keltainen nuoli) on valintaruutu, jonka avulla voit yksinkertaisesti muuttaa QR-koodin taustavärin valkoisesta mustaksi (kuvassa oleva punainen nuoli osoittaa). Voit myös muuttaa koodin päämoduulien (neliömäisten muotojen) taustaväriä JA väriä käyttämällä joitain Inkscapen työkaluja (lisätietoja myöhemmin).
Neliön koko -kentän (keltainen nuoli) avulla voit muuttaa QR-koodin kokonaiskokoa. Pienempi arvo kutistaa QR-koodia ja suurempi arvo skaalaa koko QR-koodia. Tässä tapauksessa vaihdoin koon 4.0:sta 10.0:aan, jolloin QR-koodi on suurempi (punainen nuoli). Voit myös säätää QR-koodin kokoa, kun olet ottanut muutokset käyttöön muilla Inkscapen työkaluilla. Jos kuitenkin haluat skaalata QR-koodia ylös tai alas tarkemmin (koodin sisällä olevien neliömoduulien koon perusteella pikseleinä), voit käyttää tätä vaihtoehtoa.
"Piirustustyyppi"-pudotusvalikosta (keltainen nuoli) voit muuttaa QR-koodin sisällä olevien moduulien piirtämistä. Oletusarvoisesti tiedot esitetään neliöillä, kun "Smooth: neutraali" on valittuna. Valittavana on kuitenkin muita mukautettuja asetuksia. Esimerkiksi "Path: circle" -vaihtoehto muuttaa kaikki moduulin elementit ympyröiksi (punainen nuoli yllä olevassa esimerkissä). Muutan tämän takaisin oletusarvoksi "Smooth: neutraali" seuraavaa vaihetta varten.
Seuraava vaihtoehto, "Smooth square value (0-1)" (keltainen nuoli yllä olevassa kuvassa), sallii minun lisätä tai vähentää neliömoduuleissa käytettyä tasoitusta. Oletuksena tämä on 2 – mikä tarkoittaa, että jokaisen neliön reunoilla on hieman tasoitusta. Voin kääntää tämän arvon aina 1.0:aan asti, mikä lisää ruutuihin dramaattista tasoitusta ja siten sulauttaa ne kaikki yhteen enemmän (punainen nuoli). Arvo nolla poistaa kaiken neliöihin sovelletun tasoituksen. Voit asettaa tämän arvon haluamaksesi - se on pohjimmiltaan vain tapa muuttaa koodin estetiikkaa.
Tasoituspudotusvalikon alla on tekstikenttä nimeltä "Polkumerkkijono" (keltainen nuoli), jolla voit säätää QR-koodin ulkoasua ja sijaintia, kun valitset "Polku: mukautettu" -vaihtoehdon Drawing type -pudotusvalikosta (punainen nuoli). Sen pitäisi toimia myös "Symbol" Drawing type -vaihtoehdossa, vaikka Symboli-vaihtoehto ei toimi Inkscape 1.1:ssä – ei ainakaan minulla.
Ensimmäisessä kohdassa lukee "m 0,1" - tämä on koordinaatti. Jos muutat ensimmäistä arvoa, se siirtää QR-koodin sijainnin vasemmalle tai oikealle (riippuen siitä, teetkö luvun positiiviseksi vai negatiiviseksi). Jos muutat toista arvoa, se siirtää QR-koodin ylös- tai alaspäin (jälleen riippuen siitä, onko luku positiivinen vai negatiivinen). Voit käyttää mitä tahansa numeroa tässä – olen melko varma, että se perustuu mihin tahansa asiakirjasi yksikköön (eli pikseleihin). Tämä ominaisuus ei ole täysin välttämätön, koska voit aina sijoittaa QR-koodisi uudelleen sen jälkeen, kun olet ottanut sen käyttöön valintatyökalulla.
Seuraava kohde, joka erotetaan ensimmäisestä merkillä "|" symboli, sanoo "0.5,-1 | 0.5, 1" oletuksena. Nämä arvot määrittävät periaatteessa moduulisymbolien (eli kolmioiden) koon. Minkä tahansa arvon muuttaminen säätää yhtä kolmiokuvakkeen puolta. Jos esimerkiksi kirjoitan "0.8,-1 | 0.5, 1” kolmiot näkyvät nyt hieman vinossa oikealle, koska olen säätänyt niiden mittoja.
Voit leikkiä arvojen kanssa täällä itse nähdäksesi kuinka voit muokata symboleja. Muista vain, että arvojen tulisi luultavasti pysyä alle 1.0:ssa, koska symbolit alkavat vuotaa toisiinsa, kun ylität sen (ja siten se tekee QR-koodista lukukelvottoman).
Viimeinen kenttä on "Ryhmätunnus". Tämän avulla voit määrittää manuaalisesti tunnuksen QR-koodille esimerkiksi SVG-tiedostoon vientiä varten – joka on "skaalautuva vektorigrafiikka" -tiedosto, joka sisältää myös jonkin verran koodia. Jos jätät sen tyhjäksi, Inkscape määrittää koodille automaattisesti tunnuksen. Muussa tapauksessa voit lisätä nimen tähän manuaalisesti. Kirjoitin ryhmätunnukseksi "Tämä on testi". Näytän sinulle hetken, missä se näkyy.
Luo QR-koodi koostumukseesi napsauttamalla Käytä (keltainen nuoli) ja sulje sitten QR-koodin valintaikkuna (sininen nuoli).
Voit tarkastella ryhmätunnusta painamalla ctrl+vaihto+x avataksesi XML-editorin valintaikkunan (punainen nuoli). Näet tähän luotuun QR-koodiin liittyvän taustakoodin. Viimeisellä koodirivillä näet luomani "Tämä on testi" -ryhmätunnuksen (keltainen nuoli). Alla olevassa taulukossa näet myös tämän QR-koodin metatiedot, toisella rivillä "id" ja arvolla "Tämä on testi" (sininen nuoli).
Luotu QR-koodi itsessään on itse asiassa kaksi erillistä objektia – tausta ja etualan moduulit (eli neliöelementit). Voin napsauttaa taustaa (vihreä nuoli) Select-työkalulla (punainen nuoli) ja napsauttaa väriä väripaletissani muuttaakseni sen väriä (sininen nuoli).
Voin tehdä saman asian etualan elementtien kanssa – napsauta niitä (vihreä nuoli) valintatyökalulla (punainen nuoli) ja napsauta väriä väripaletistani (sininen nuoli) muuttaaksesi väriä.
Jos haluan, voin muokata värejä edelleen molemmissa objekteissa liukuvärien avulla.
Siinä se tässä oppaassa! Jos pidit siitä, voit tutustua toiseen Inkscape-oppaat or Inkscape Help -artikkelit.
