W tym artykule pokażę Ci prostą metodę generowania kodów QR za pomocą Inkscape – darmowego edytora grafiki wektorowej.

Kody QR szybko zyskują na popularności, pozwalając ludziom szybko wyciągnąć aparaty w telefonie i zeskanować kod, aby przejść do dowolnego adresu URL witryny. Te kody QR stały się bardziej rozpowszechnione w miejscach takich jak restauracje, pozwalając klientom szybko wyświetlić menu na swoich telefonach, a tym samym ograniczyć kontakt z namacalnym menu.

Jak więc wygenerować kod QR w Inkscape?

Zacznij od otwarcia Inkscape na swoim komputerze (możesz pobrać oprogramowanie bezpłatnie ze strony Inkscape.org). W zakładce „Czas rysowania” (czerwona strzałka na powyższym obrazku) dla wyskakującego ekranu powitalnego (zakładając, że używasz Inkscape 1.0 lub nowszego), wybierz rozmiar dokumentu na podstawie dowolnego z wielu dostępnych szablonów. Poszedłem z rozmiarem „Desktop 1080p” w zakładce „Ekran” (żółta strzałka).

Po otwarciu nowego dokumentu przejdź do Rozszerzenia> Renderuj> Kod kreskowy> Kod QR (czerwona strzałka na powyższym obrazku).

Spowoduje to wyświetlenie okna dialogowego kodu QR. Tutaj możesz ustawić różne ustawienia – w tym stronę, na którą chcesz, aby ludzie byli kierowani po zeskanowaniu kodu aparatem smartfona (jest to pod sekcją oznaczoną „tekst” – czerwona strzałka na powyższym obrazku).

W moim przypadku wpisałem moją stronę internetową „daviesmediadesign.com” w polu „tekst”. Mogę kliknąć „Zastosuj”, aby wygenerować kod QR (żółta strzałka), a następnie kliknąć „Zamknij”, aby wyjść z okna dialogowego (nie wychodź teraz z okna, jeśli chcesz dowiedzieć się więcej o ustawieniach zaawansowanych w następnym Sekcja).

Możesz zobaczyć produkt końcowy na powyższym obrazku, który został wygenerowany przy użyciu domyślnych wartości generatora kodów QR Inkcape. W dalszej części tego artykułu omówię kilka sposobów dostosowania wyglądu kodu QR.

W tym dialogu mogę również dostosować bardziej zaawansowane ustawienia, które omówię poniżej.

Zaawansowane ustawienia kodu QR

Do tego momentu otworzyliśmy okno dialogowe kodu QR i dodaliśmy adres URL do pola „Tekst”.

Następnie, jeśli zaznaczę opcję „Podgląd na żywo” (czerwona strzałka na powyższym obrazku), w moim dokumencie zostanie wyświetlony kod QR (niebieska strzałka – być może trzeba będzie usunąć okno dialogowe kodu QR z drogi, aby je zobaczyć).

Poniżej pola tekstowego znajduje się menu rozwijane „Rozmiar w kwadratach jednostkowych” (żółta strzałka na powyższym zdjęciu). Ta funkcja pozwala ręcznie zmienić ilość danych wyświetlanych w kodzie QR – co zmienia rozmiar samego kodu. Nie polecam ręcznego ustawiania tej wartości, ponieważ rozszerzenie Inkscape automatycznie tworzy kod QR o odpowiednim rozmiarze na podstawie adresu URL dodanego do pola „Tekst”.

Mówiąc prościej: im dłuższy adres URL, tym większy będzie kod QR. Na przykład, jeśli dodam dłuższy adres URL z jednego z moich artykułów w mojej witrynie (czerwona strzałka na powyższym obrazku), zobaczysz, że kod QR powiększy się, aby pomieścić dodatkowe znaki (niebieska strzałka). Będzie zawierał więcej „modułów” lub małych kwadratów, ponieważ dłuższy adres URL zawiera więcej znaków.

Aby powtórzyć, zalecam ustawienie tego menu na „auto”.

Następne menu to „Poziom korekcji błędów” (czerwona strzałka). Domyślnie jest to ustawione na „L (około 7%),”, co działa najlepiej w „czystych” środowiskach – lub w sytuacjach, w których nie spodziewasz się zabrudzenia, ostrzeżenia lub uszkodzenia/zniszczenia kodu QR. Jeśli spodziewasz się, że kod zostanie umieszczony w miejscu, w którym może wytrzymać (np. na budowie, na ruchliwym zakątku w ruchliwym mieście itp.), możesz zwiększyć korekcję błędów.

Najwyższe ustawienie to „H (około 30%)”, a to ustawienie spowoduje wygenerowanie największego kodu QR, a jednocześnie będzie zawierało więcej danych. % zasadniczo oznacza ilość danych, które można zniszczyć bez wpływu na zdolność skanowania kodu QR.

Ustawienie „M (około 15%)” (czerwona strzałka) to dobry kompromis, jeśli chodzi o ochronę kodu QR przed uszkodzeniem bez powodowania zbyt dużego lub zajętego kodu.

Następną opcją jest menu rozwijane „Kodowanie znaków” (czerwona strzałka na powyższym obrazku). Dostępne są tutaj cztery opcje, z których najlepsza jest dla Ciebie w zależności od języka lub symboli użytych w adresie URL lub tekście.

Jeśli używasz standardowego adresu URL w języku angielskim, możesz pozostać przy „łacinie 1”.

W przypadku korzystania z niektórych języków europejskich (innych niż angielski) możesz wybrać CP 1250 lub CP 1252.

Wreszcie, jeśli używasz znaków lub symboli Unicode w swoim tekście, w tym symboli z różnych języków na całym świecie, możesz chcieć użyć UTF-8.

Następna opcja, „Odwróć kod QR” (żółta strzałka) to pole wyboru, które po prostu pozwala zmienić kolor tła kodu QR z białego na czarny (pokazany czerwoną strzałką na obrazku). Możesz także zmienić kolor tła ORAZ kolor głównych modułów (kwadratów) kodu za pomocą niektórych narzędzi w Inkscape (więcej o tym później).

Pole „Rozmiar kwadratu” (żółta strzałka) pozwala zmienić ogólny rozmiar kodu QR. Mniejsza wartość zmniejsza kod QR, a większa wartość skaluje cały kod QR w górę. W tym przypadku zmieniłem rozmiar z 4.0 na 10.0, powiększając kod QR (czerwona strzałka). Możesz także dostosować rozmiar kodu QR po zastosowaniu zmian za pomocą innych narzędzi w Inkscape. Jeśli jednak chcesz dokładniej przeskalować kod QR w górę lub w dół (na podstawie rozmiaru modułów kwadratowych wewnątrz kodu, w pikselach), możesz skorzystać z tej opcji.

Menu rozwijane „Typ rysowania” (żółta strzałka) pozwala zmienić sposób rysowania modułów w kodzie QR. Domyślnie dane są reprezentowane przez kwadraty, gdy wybrana jest opcja „Gładkie: neutralne”. Istnieją jednak inne ustawienia niestandardowe do wyboru. Na przykład opcja „Ścieżka: kółko” zmieni wszystkie elementy modułu w kółka (czerwona strzałka w powyższym przykładzie). W następnym kroku zmienię to z powrotem na domyślne „Gładkie: neutralne”.

Następna opcja, „Smooth square value (0-1)” (żółta strzałka na powyższym zdjęciu), pozwala mi dodać lub zmniejszyć ilość wygładzania zastosowanego do kwadratowych modułów. Domyślnie jest to ustawione na .2 – co oznacza, że ​​krawędzie każdego kwadratu są nieco wygładzone. Mogę podkręcić tę wartość aż do 1.0, co drastycznie wygładzi kwadraty, a tym samym bardziej je scali (czerwona strzałka). Wartość zero usunie wszystkie wygładzenia zastosowane do kwadratów. Możesz ustawić tę wartość na jakąkolwiek wolisz – jest to w zasadzie tylko sposób na zmianę estetyki kodu.

Poniżej listy rozwijanej wygładzania znajduje się pole tekstowe zatytułowane „Ciąg ścieżki” (żółta strzałka) umożliwiające dostosowanie wyglądu i położenia kodu QR po wybraniu opcji „Ścieżka: niestandardowa” z menu rozwijanego Typ rysunku (czerwona strzałka). Ma to również działać dla opcji typu „Symbol”, chociaż opcja Symbol nie działa w Inkscape 1.1 – przynajmniej nie dla mnie.

Pierwsza pozycja to „m 0,1” – to współrzędne. Jeśli zmienisz pierwszą wartość, przesunie położenie kodu QR w lewo lub w prawo (w zależności od tego, czy liczba jest dodatnia, czy ujemna). Zmiana drugiej wartości spowoduje przesunięcie kodu QR w górę lub w dół (ponownie, w zależności od tego, czy liczba jest dodatnia, czy ujemna). Możesz tutaj użyć dowolnej liczby – jestem prawie pewien, że jest ona oparta na jednostce, w której ustawiony jest twój dokument (tj. Piksele). Ta funkcja nie jest całkowicie potrzebna, ponieważ zawsze możesz zmienić położenie kodu QR po zastosowaniu go za pomocą narzędzia Zaznacz.

Następna pozycja, która jest oddzielona od pierwszej pozycji znakiem „|” symbol, mówi „0.5,-1 | domyślnie 0.5, 1”. Te wartości zasadniczo określają rozmiar symboli modułów (tj. trójkątów). Zmiana dowolnej wartości spowoduje dostosowanie jednego aspektu symbolu trójkąta. Na przykład, jeśli wpiszę „0.8,-1 | 0.5, 1” trójkąty będą teraz wyglądały na lekko przekrzywione w prawo, ponieważ dostosowałem ich wymiary.

Możesz samodzielnie pobawić się wartościami tutaj, aby zobaczyć, jak dostosować symbole. Pamiętaj tylko, że wartości powinny prawdopodobnie pozostać poniżej 1.0, ponieważ symbole zaczną przenikać się nawzajem, gdy przekroczysz tę wartość (a tym samym kod QR będzie nieczytelny).

Ostatnie pole to „ID grupy”. Umożliwia to ręczne przypisanie identyfikatora do kodu QR w przypadku eksportowania do pliku SVG – który jest plikiem „skalowalnej grafiki wektorowej”, który zawiera również pewien kod. Jeśli zostawisz to pole puste, Inkscape automatycznie przypisze identyfikator do kodu. W przeciwnym razie możesz dodać nazwę tutaj ręcznie. Jako identyfikator grupy wpisałem „To jest test”. Za chwilę pokażę, gdzie się wyświetla.

Kliknij Zastosuj (żółta strzałka), aby wygenerować kod QR w swojej kompozycji, a następnie kliknij „zamknij”, aby wyjść z okna dialogowego kodu QR (niebieska strzałka).

Możesz wyświetlić identyfikator grupy, naciskając ctrl+shift+x, aby wyświetlić okno dialogowe Edytora XML (czerwona strzałka). Zobaczysz kod zaplecza powiązany z wygenerowanym kodem QR. W ostatnim wierszu kodu widoczny jest utworzony przeze mnie identyfikator grupy „To jest test” (żółta strzałka). W poniższej tabeli możesz również zobaczyć metadane dla tego kodu QR, z drugim wierszem oznaczonym „id” i wartością „To jest test” (niebieska strzałka).

Sam wygenerowany kod QR to tak naprawdę dwa oddzielne obiekty – tło i moduły pierwszego planu (czyli elementy kwadratowe). Mogę kliknąć tło (zielona strzałka) narzędziem Zaznacz (czerwona strzałka) i kliknąć kolor w mojej palecie kolorów, aby zmienić jego kolor (niebieska strzałka).

To samo mogę zrobić z elementami pierwszego planu – kliknij je (zielona strzałka) narzędziem zaznaczania (czerwona strzałka) i kliknij kolor z mojej palety kolorów (niebieska strzałka), aby zmienić kolor.

Jeśli chcę, mogę użyć gradientów na dowolnym obiekcie, aby jeszcze bardziej dostosować kolory.

To tyle w tym samouczku! Jeśli ci się podobało, możesz sprawdzić moją drugą Samouczki Inkscape or Artykuły pomocy Inkscape.

Zapisz się do newslettera DMD

Zapisz się do newslettera DMD

Zarejestruj się, aby otrzymywać nowe samouczki, aktualizacje kursów i najnowsze wiadomości na temat Twojego ulubionego oprogramowania typu open source!

Pomyślnie subskrybowany!

Przypiąć go na Pinterest

Udostępnij to