Sa artikulong ito ipapakita ko sa iyo ang simpleng paraan para sa pagbuo ng mga QR code gamit ang Inkscape – ang libreng vector graphics editor.

Mabilis na tumataas ang katanyagan ng mga QR code, na nagbibigay-daan sa mga tao na mabilis na ilabas ang kanilang mga camera ng telepono at i-scan ang code na dadalhin sa anumang URL ng website. Ang mga QR code na ito ay naging mas laganap sa mga lugar tulad ng mga restaurant, na nagpapahintulot sa mga parokyano na mabilis na makuha ang menu sa kanilang mga telepono at sa gayon ay mabawasan ang pakikipag-ugnayan sa isang tangible na menu.

Kaya, paano ka bubuo ng QR code sa Inkscape?

Magsimula sa pamamagitan ng pagbubukas ng Inkscape sa iyong computer (maaari mong i-download ang software nang libre mula sa Inkscape.org). Sa ilalim ng tab na “Oras para Gumuhit” (pulang arrow sa larawan sa itaas) para sa welcome screen na lalabas (ipagpalagay na gumagamit ka ng Inkscape 1.0 o mas bago), pumili ng laki ng dokumento batay sa alinman sa maraming available na template. Nagpunta ako sa laki ng "Desktop 1080p" sa ilalim ng tab na "Screen" (dilaw na arrow).

Kapag nakabukas ang iyong bagong dokumento, pumunta sa Mga Extension>Render>Barcode>QR Code (pulang arrow sa larawan sa itaas).

Maglalabas ito ng isang dialog ng QR code. Dito, maaari kang magtakda ng iba't ibang setting – kabilang ang website kung saan mo gustong idirekta ang mga tao kapag na-scan ang code gamit ang isang smartphone camera (ito ay nasa ilalim ng seksyong may label na “text” – pulang arrow sa larawan sa itaas).

Sa aking kaso, nai-type ko ang aking website, "daviesmediadesign.com," para sa field na "teksto". Maaari kong i-click ang "Ilapat" upang bumuo ng QR code (dilaw na arrow), pagkatapos ay i-click ang "Isara" upang lumabas sa dialogue (huwag lumabas sa dialogue ngayon kung gusto mong matuto nang higit pa tungkol sa mga advanced na setting sa susunod seksyon).

Maaari mong makita ang huling produkto sa larawan sa itaas, na nabuo gamit ang mga default na halaga para sa generator ng QR code ng Inkcape. Sinasaklaw ko ang ilang paraan upang i-customize ang hitsura ng QR code sa ibang pagkakataon sa artikulong ito.

Maaari ko ring ayusin ang ilang mas advanced na mga setting sa dialogue na ito, na tatalakayin ko sa ibaba.

Advanced na Mga Setting ng QR Code

Hanggang sa puntong ito binuksan namin ang dialog ng QR code at nagdagdag ng URL sa field na “Text”.

Susunod, kung susuriin ko ang opsyong “Live Preview” (pulang arrow sa larawan sa itaas), may lalabas na QR code sa aking dokumento (asul na arrow – maaaring kailanganin mong ilipat ang dialog ng QR code para makita ito).

Sa ibaba ng field ng text ay ang dropdown na "Laki, sa mga unit square" (dilaw na arrow sa larawan sa itaas). Nagbibigay-daan sa iyo ang feature na ito na manu-manong baguhin kung gaano karaming data ang ipinapakita ng QR code – na nagbabago sa laki ng mismong code. Hindi ko inirerekomenda ang manu-manong pagtatakda ng value na ito dahil ang extension ng Inkscape ay awtomatikong gumagawa ng tamang laki ng QR code batay sa URL na idaragdag mo sa field na “Text”.

Sa madaling salita: mas mahaba ang URL, mas malaki ang QR code. Halimbawa, kung magdaragdag ako ng mas mahabang URL mula sa isa sa aking mga artikulo sa aking website (pulang arrow sa larawan sa itaas), makikita mong magiging mas malaki ang QR code upang ma-accommodate ang mga karagdagang character (asul na arrow). Maglalaman ito ng higit pang "mga module" o maliliit na parisukat dahil ang mas mahabang URL ay naglalaman ng higit pang mga character.

Upang ulitin, inirerekomenda kong panatilihing nakatakda ang dropdown na ito sa "auto."

Ang susunod na dropdown ay ang “Error Correction Level” (pulang arrow). Bilang default, itatakda ito sa “L (Tumigit-kumulang 7%),” na pinakamahusay na gumagana sa mga “malinis” na kapaligiran – o sa mga sitwasyon kung saan hindi mo inaasahan na madumi, babala, o masisira/masisira ang QR code. Kung inaasahan mong ilalagay ang code sa isang lugar kung saan ito maaaring magtagal (ibig sabihin, sa isang lugar ng trabaho sa konstruksyon, sa isang abalang sulok sa isang mataong lungsod, atbp.) maaaring gusto mong pataasin nang mas mataas ang pagwawasto ng error.

Ang pinakamataas na setting ay "H (Tinatayang 30%)," at ang setting na ito ay gagawa ng pinakamalaking QR code habang naglalaman din ng mas maraming data. Ang % ay karaniwang nangangahulugan ng dami ng data na maaaring sirain nang hindi naaapektuhan ang kakayahan ng QR code na matagumpay na ma-scan.

Ang setting na "M (Tinatayang 15%)" (pulang arrow) ay isang magandang kompromiso para sa pagprotekta sa iyong QR code laban sa pinsala nang hindi ginagawang masyadong malaki o abala ang code.

Ang susunod na opsyon ay ang dropdown na "Character Encoding" (pulang arrow sa larawan sa itaas). Mayroong apat na opsyon dito, na may pinakamagandang opsyon para sa iyo depende sa wika o mga simbolo na ginamit sa iyong URL o text.

Kung gumagamit ka ng karaniwang URL na nasa English, maaari kang manatili sa “Latin 1.”

Kapag gumagamit ng ilang partikular na wikang European (hindi Ingles), maaari mong gamitin ang CP 1250 o CP 1252.

Panghuli, kung gumagamit ka ng mga unicode na character o simbolo sa iyong teksto, kabilang ang mga simbolo mula sa iba't ibang wika sa buong mundo, maaaring gusto mong pumunta sa UTF-8.

Ang susunod na opsyon, "Baliktarin ang QR Code" (dilaw na arrow) ay isang checkbox na nagbibigay-daan lamang sa iyong baguhin ang kulay ng background ng QR code mula puti patungo sa itim (ipinapakita ng pulang arrow sa larawan). Maaari mo ring baguhin ang kulay ng background AT kulay ng mga pangunahing module (ang mga parisukat na hugis) ng code gamit ang ilang mga tool sa Inkscape (higit pa tungkol doon sa ibang pagkakataon).

Hinahayaan ka ng field na “Square Size” (dilaw na arrow) na baguhin ang kabuuang sukat ng QR code. Ang isang mas maliit na halaga ay nagpapaliit sa QR code, at ang isang mas malaking halaga ay nagpapalaki sa buong QR code. Sa kasong ito, binago ko ang laki mula 4.0 hanggang 10.0, na ginagawang mas malaki ang QR code (pulang arrow). Maaari mo ring isaayos ang laki ng QR code pagkatapos mong ilapat ang iyong mga pagbabago gamit ang iba pang mga tool sa Inkscape. Gayunpaman, kung gusto mong i-scale ang QR code pataas o pababa nang mas tumpak (batay sa laki ng mga square module sa loob ng code, sa mga pixel), maaari mong gamitin ang opsyong ito.

Binibigyang-daan ka ng dropdown na "Uri ng Pagguhit" (dilaw na arrow) na baguhin kung paano iginuhit ang mga module sa loob ng QR code. Bilang default, ang data ay kinakatawan ng mga parisukat kapag ang opsyon na "Smooth: neutral" ay pinili. Gayunpaman, may iba pang mga custom na setting na mapagpipilian. Halimbawa, babaguhin ng opsyong "Path: circle" ang lahat ng elemento ng module sa mga bilog (pulang arrow sa halimbawa sa itaas). Ibabalik ko ito sa default na “Smooth: neutral” para sa susunod na hakbang.

Ang susunod na opsyon, "Smooth square value (0-1)" (dilaw na arrow sa larawan sa itaas), ay nagpapahintulot sa akin na magdagdag o bawasan ang dami ng smoothing na inilapat sa mga square module. Bilang default, ito ay nakatakda sa .2 – na nangangahulugang mayroong kaunting pagpapakinis sa paligid ng mga gilid ng bawat parisukat. Maaari kong i-crank ang halagang ito hanggang sa 1.0, na nagdaragdag ng matinding pagpapakinis sa mga parisukat at sa gayon ay pinagsasama-sama silang lahat nang higit pa (pulang arrow). Ang halaga ng zero ay mag-aalis ng lahat ng pagpapakinis na inilapat sa mga parisukat. Maaari mong itakda ang halagang ito sa anumang gusto mo - ito ay mahalagang paraan lamang upang baguhin ang aesthetics ng code.

Sa ibaba ng smoothing dropdown ay isang text field na pinamagatang “Path string” (dilaw na arrow) para sa pagsasaayos ng hitsura at posisyon ng QR code kapag pinili mo ang opsyong “Path: custom” mula sa Drawing type dropdown (pulang arrow). Ito ay dapat na gagana rin para sa pagpipiliang uri ng Pagguhit na "Simbolo", bagaman ang pagpipiliang Simbolo ay hindi gumagana sa Inkscape 1.1 - hindi bababa sa hindi para sa akin.

Ang unang item ay nagsasabing "m 0,1" - ito ay isang coordinate. Kung babaguhin mo ang unang halaga, i-offset nito ang lokasyon ng QR code sa kaliwa o kanan (depende sa kung gagawin mong positibo o negatibo ang numero). Kung babaguhin mo ang pangalawang halaga, i-offset nito ang QR code pataas o pababa (muli, depende sa kung positibo o negatibo ang numero). Maaari kang gumamit ng anumang numero dito – sigurado akong nakabatay ito sa anumang yunit kung saan nakatakda ang iyong dokumento (ibig sabihin, mga pixel). Ang feature na ito ay hindi lubos na kinakailangan dahil maaari mong muling iposisyon ang iyong QR code pagkatapos mong ilapat ito gamit ang Select tool.

Ang susunod na item, na nakahiwalay sa unang item na may "|" simbolo, nagsasabing “0.5,-1 | 0.5, 1” bilang default. Ang mga halagang ito ay karaniwang tinutukoy ang laki ng mga simbolo ng module (ibig sabihin, ang mga tatsulok). Ang pagbabago ng anumang halaga ay magsasaayos ng isang aspeto ng simbolo ng tatsulok. Halimbawa, kung nagta-type ako ng “0.8,-1 | 0.5, 1” ang mga tatsulok ay lilitaw na ngayon nang bahagya sa kanan dahil inayos ko ang mga sukat ng mga ito.

Maaari mong paglaruan ang mga halaga dito nang mag-isa para makita kung paano mo mako-customize ang mga simbolo. Tandaan lamang na ang mga halaga ay maaaring manatili sa ilalim ng 1.0 habang ang mga simbolo ay nagsisimulang magdugo sa isa't isa kapag lumampas ka doon (at sa gayon ay ginagawang hindi nababasa ang QR code).

Ang huling field ay ang “Group ID.” Nagbibigay-daan ito sa iyong manu-manong magtalaga ng ID sa QR code para sa mga bagay tulad ng pag-export sa isang SVG file – na isang “scalable vector graphics” file na naglalaman din ng ilang code. Kung iiwan mo itong blangko, awtomatikong magtatalaga ng ID ang Inkscape sa code. Kung hindi, maaari kang magdagdag ng pangalan dito nang manu-mano. Nag-type ako ng "Ito ay isang pagsubok" bilang ID ng Grupo. Ipapakita ko sa iyo kung saan ito ipinapakita saglit.

I-click ang Ilapat (dilaw na arrow) upang bumuo ng QR code sa iyong komposisyon, pagkatapos ay i-click ang "close" upang lumabas sa dialog ng QR code (asul na arrow).

Maaari mong tingnan ang Group ID sa pamamagitan ng pagpindot sa ctrl+shift+x upang ilabas ang XML Editor dialogue (pulang arrow). Makikita mo ang back-end code na nauugnay sa nabuong QR code na ito. Sa huling linya ng code makikita mo ang group ID na "Ito ay isang pagsubok" na ginawa ko (dilaw na arrow). Sa talahanayan sa ibaba, makikita mo rin ang metadata para sa QR code na ito, na ang pangalawang linya ay may label na "id" at ang value na may label na "Ito ay isang pagsubok" (asul na arrow).

Ang nabuong QR code mismo ay aktwal na dalawang magkahiwalay na bagay – ang background at ang foreground modules (ibig sabihin, ang mga parisukat na elemento). Maaari akong mag-click sa background (berdeng arrow) gamit ang Select tool (pulang arrow), at mag-click sa isang kulay sa aking paleta ng kulay upang baguhin ang kulay nito (asul na arrow).

Magagawa ko ang parehong bagay sa mga elemento sa harapan – mag-click sa mga ito (berdeng arrow) gamit ang piling tool (pulang arrow) at mag-click sa isang kulay mula sa aking paleta ng kulay (asul na arrow) upang baguhin ang kulay.

Kung gusto ko, maaari akong gumamit ng mga gradient sa alinmang bagay upang higit pang i-customize ang mga kulay.

Ito ay para sa tutorial na ito! Kung nagustuhan mo, maaari mong suriin ang aking iba pa Mga Tutorial sa Inkscape or Mga Artikulo sa Tulong sa Inkscape.

Davies Media Design Libreng Creative Apps Email Newsletter

Mag-subscribe sa DMD Newsletter

Mag-sign up para makatanggap ng mga bagong tutorial, update sa kurso, at pinakabagong balita sa iyong mga paboritong libreng creative app!

Matagumpay mo na Naka-subscribe!

Pin ito ng on Pinterest