이 기사에서는 무료 벡터 그래픽 편집기인 Inkscape를 사용하여 QR 코드를 생성하는 간단한 방법을 보여 드리겠습니다.

QR 코드는 빠르게 인기를 얻고 있으며 사람들은 빠르게 휴대전화 카메라를 꺼내 코드를 스캔하여 웹사이트 URL로 이동할 수 있습니다. 이러한 QR 코드는 레스토랑과 같은 장소에서 더 널리 보급되어 고객이 휴대폰에서 메뉴를 빠르게 불러올 수 있으므로 유형의 메뉴에 대한 접촉을 줄일 수 있습니다.

그렇다면 Inkscape에서 QR 코드를 생성하는 방법은 무엇입니까?

컴퓨터에서 Inkscape를 열어 시작합니다(Inkscape.org에서 소프트웨어를 무료로 다운로드할 수 있음). 표시되는 시작 화면의 "Time to Draw" 탭(위 이미지의 빨간색 화살표)에서(Inkscape 1.0 이상을 사용한다고 가정) 사용 가능한 많은 템플릿 중 하나를 기반으로 문서 크기를 선택합니다. "화면" 탭(노란색 화살표)에서 "데스크톱 1080p" 크기로 이동했습니다.

새 문서를 연 상태에서 Extensions>Render>Barcode>QR Code(위 이미지의 빨간색 화살표)로 이동합니다.

QR 코드 대화 상자가 나타납니다. 여기에서 스마트폰 카메라로 코드를 스캔할 때 사람들을 안내할 웹사이트를 포함하여 다양한 설정을 지정할 수 있습니다(위 이미지의 "텍스트" 섹션 아래에 있음).

제 경우에는 "텍스트" 필드에 "daviesmediadesign.com"이라는 웹사이트를 입력했습니다. "적용"을 클릭하여 QR 코드(노란색 화살표)를 생성한 다음 "닫기"를 클릭하여 대화 상자를 종료할 수 있습니다(다음에서 고급 설정에 대해 자세히 알아보려면 대화 상자를 지금 종료하지 마십시오. 부분).

잉크케이프의 QR코드 생성기 기본값을 사용하여 생성한 최종 결과물을 위 이미지에서 확인하실 수 있습니다. 이 기사 뒷부분에서 QR 코드의 모양을 사용자 정의하는 몇 가지 방법을 다룹니다.

이 대화 상자에서 몇 가지 고급 설정을 조정할 수도 있습니다. 이에 대해서는 아래에서 다루겠습니다.

고급 QR 코드 설정

지금까지 QR 코드 대화 상자를 열고 "텍스트" 필드에 URL을 추가했습니다.

다음으로 "라이브 미리보기" 옵션(위 이미지의 빨간색 화살표)을 선택하면 QR 코드가 내 문서에 표시됩니다(파란색 화살표 - QR 코드 대화 상자를 이동해야 볼 수 있음).

텍스트 필드 아래에는 "크기, 단위 제곱" 드롭다운이 있습니다(위 사진의 노란색 화살표). 이 기능을 사용하면 QR 코드가 표시하는 데이터의 양을 수동으로 변경할 수 있으므로 코드 자체의 크기가 변경됩니다. Inkscape 확장은 "텍스트" 필드에 추가한 URL을 기반으로 적절한 크기의 QR 코드를 자동으로 생성하므로 이 값을 수동으로 설정하지 않는 것이 좋습니다.

간단히 말해서 URL이 길수록 QR 코드가 커집니다. 예를 들어 내 웹사이트에 있는 내 기사 중 하나에서 더 긴 URL을 추가하면(위 이미지의 빨간색 화살표) QR 코드가 추가 문자를 수용할 수 있도록 커집니다(파란색 화살표). 더 긴 URL에 더 많은 문자가 포함되기 때문에 더 많은 "모듈" 또는 작은 사각형이 포함됩니다.

다시 말하지만, 이 드롭다운을 "자동"으로 설정하는 것이 좋습니다.

다음 드롭다운은 "오류 수정 수준"(빨간색 화살표)입니다. 기본적으로 이것은 "깨끗한" 환경에서 가장 잘 작동하는 "L(약 7%)"로 설정됩니다. 코드가 문제가 될 수 있는 위치(예: 건설 작업 현장, 번화한 도시의 번화한 모퉁이 등)에 배치될 것으로 예상되는 경우 오류 수정을 더 높게 설정할 수 있습니다.

가장 높은 설정은 "H(약 30%)"이며 이 설정은 더 많은 데이터를 포함하면서 가장 큰 QR 코드를 생성합니다. %는 기본적으로 QR 코드의 성공적인 스캔 능력에 영향을 미치지 않고 파괴될 수 있는 데이터의 양을 의미합니다.

"M(약 15%)" 설정(빨간색 화살표)은 코드를 너무 크거나 복잡하게 만들지 않고 QR 코드를 손상으로부터 보호하기 위한 좋은 절충안입니다.

다음 옵션은 "문자 인코딩" 드롭다운입니다(위 이미지의 빨간색 화살표). 여기에는 URL이나 텍스트에 사용된 언어나 기호에 따라 가장 적합한 옵션이 있는 네 가지 옵션이 있습니다.

영어로 된 표준 URL을 사용하는 경우 "라틴어 1"을 사용할 수 있습니다.

특정 유럽 언어(비영어)를 사용하는 경우 CP 1250 또는 CP 1252를 사용하는 것이 좋습니다.

마지막으로 전 세계 다양한 언어의 기호를 포함하여 텍스트에 유니코드 문자나 기호를 사용하는 경우 UTF-8을 사용하는 것이 좋습니다.

다음 옵션인 "Invert QR Code"(노란색 화살표)는 QR 코드의 배경색을 흰색에서 검정색으로 변경할 수 있는 확인란입니다(이미지에서 빨간색 화살표로 표시). Inkscape의 일부 도구를 사용하여 코드의 기본 모듈(정사각형 모양)의 배경색과 색상을 변경할 수도 있습니다(나중에 자세히 설명).

"정사각형 크기" 필드(노란색 화살표)를 사용하여 QR 코드의 전체 크기를 변경할 수 있습니다. 값이 작을수록 QR 코드가 축소되고 값이 클수록 전체 QR 코드가 확대됩니다. 이 경우 크기를 4.0에서 10.0으로 변경하여 QR 코드를 크게 만들었습니다(빨간색 화살표). Inkscape의 다른 도구를 사용하여 변경 사항을 적용한 후 QR 코드의 크기를 조정할 수도 있습니다. 그러나 QR 코드를 더 정확하게 확대 또는 축소하려는 경우(코드 내부의 정사각형 모듈 크기(픽셀 단위)를 기준으로) 이 옵션을 사용할 수 있습니다.

"Drawing Type" 드롭다운(노란색 화살표)을 사용하면 QR 코드 내부의 모듈을 그리는 방법을 변경할 수 있습니다. 기본적으로 "부드럽게: 중립" 옵션을 선택하면 데이터가 사각형으로 표시됩니다. 그러나 선택할 수 있는 다른 사용자 지정 설정이 있습니다. 예를 들어, "경로: 원" 옵션은 모든 모듈 요소를 원으로 변경합니다(위의 예에서 빨간색 화살표). 다음 단계에서 이것을 기본 "부드러움: 중립"으로 다시 변경하겠습니다.

다음 옵션인 "Smooth square value(0-1)"(위 사진의 노란색 화살표)를 사용하면 정사각형 모듈에 적용된 스무딩의 양을 추가하거나 줄일 수 있습니다. 기본적으로 이 값은 .2로 설정되어 있습니다. 이는 각 사각형의 가장자리 주위에 약간의 스무딩이 있음을 의미합니다. 이 값을 최대 1.0까지 높일 수 있습니다. 이렇게 하면 사각형에 과감한 스무딩이 추가되어 사각형이 더 많이 혼합됩니다(빨간색 화살표). 값이 XNUMX이면 사각형에 적용된 모든 스무딩이 제거됩니다. 이 값을 원하는 대로 설정할 수 있습니다. 이는 본질적으로 코드의 미학을 변경하는 방법일 뿐입니다.

스무딩 드롭다운 아래에는 그리기 유형 드롭다운(빨간색 화살표)에서 "경로: 사용자 지정" 옵션을 선택할 때 QR 코드의 모양과 위치를 조정하기 위한 "경로 문자열"(노란색 화살표)이라는 텍스트 필드가 있습니다. Inkscape 1.1에서는 Symbol 옵션이 작동하지 않지만 적어도 저에게는 그렇지 않지만 "Symbol" Drawing type 옵션에서도 작동해야 합니다.

첫 번째 항목은 "m 0,1"이라고 말합니다. 이것은 좌표입니다. 첫 번째 값을 변경하면 QR 코드의 위치가 왼쪽 또는 오른쪽으로 오프셋됩니다(숫자를 양수인지 음수인지에 따라 다름). 두 번째 값을 변경하면 QR 코드가 위 또는 아래로 오프셋됩니다(다시 숫자가 양수인지 음수인지에 따라 다름). 여기에서 아무 숫자나 사용할 수 있습니다. 문서가 설정된 단위(예: 픽셀)를 기반으로 한다고 확신합니다. 선택 도구를 사용하여 QR 코드를 적용한 후 언제든지 QR 코드의 위치를 ​​변경할 수 있으므로 이 기능이 완전히 필요한 것은 아닙니다.

"|"로 첫 번째 항목과 구분되는 다음 항목 기호, "0.5,-1 | 기본적으로 0.5, 1"입니다. 이 값은 기본적으로 모듈 기호(즉, 삼각형)의 크기를 결정합니다. 값을 변경하면 삼각형 기호의 한 측면이 조정됩니다. 예를 들어 "0.8,-1 | 0.5, 1” 삼각형은 치수를 조정했기 때문에 오른쪽으로 약간 기울어진 것처럼 보입니다.

여기에서 값을 직접 사용하여 기호를 사용자 정의하는 방법을 확인할 수 있습니다. 기호가 1.0을 넘어서면 기호가 서로 스며들기 시작하므로 값이 XNUMX 미만으로 유지되어야 합니다(따라서 QR 코드를 읽을 수 없게 됨).

마지막 필드는 "그룹 ID"입니다. 이를 통해 일부 코드가 포함된 "확장 가능한 벡터 그래픽" 파일인 SVG 파일로 내보내기와 같은 작업을 위해 QR 코드에 수동으로 ID를 할당할 수 있습니다. 비워 두면 Inkscape가 자동으로 코드에 ID를 할당합니다. 그렇지 않으면 여기에 이름을 수동으로 추가할 수 있습니다. 그룹 ID로 "테스트입니다"를 입력했습니다. 표시되는 위치를 잠시 보여드리겠습니다.

적용(노란색 화살표)을 클릭하여 컴포지션에 QR 코드를 생성한 다음 "닫기"를 클릭하여 QR 코드 대화 상자(파란색 화살표)를 종료합니다.

ctrl+shift+x를 눌러 XML 편집기 대화상자(빨간색 화살표)를 불러와 그룹 ID를 볼 수 있습니다. 이 생성된 QR 코드와 연결된 백엔드 코드가 표시됩니다. 코드의 마지막 줄에서 내가 만든 "This is a test" 그룹 ID(노란색 화살표)를 볼 수 있습니다. 아래 표에서 이 QR 코드에 대한 메타데이터도 볼 수 있습니다. 두 번째 줄은 "id"로, 값은 "This is a test"(파란색 화살표)로 표시되어 있습니다.

생성된 QR 코드 자체는 실제로 두 개의 개별 객체인 배경 및 전경 모듈(즉, 정사각형 요소)입니다. 선택 도구(빨간색 화살표)로 배경(녹색 화살표)을 클릭하고 색상 팔레트에서 색상을 클릭하여 해당 색상(파란색 화살표)을 변경할 수 있습니다.

전경 요소에 대해서도 동일한 작업을 수행할 수 있습니다. 선택 도구(빨간색 화살표)로 요소(녹색 화살표)를 클릭하고 색상 팔레트에서 색상(파란색 화살표)을 클릭하여 색상을 변경합니다.

원하는 경우 두 개체에 그라디언트를 사용하여 색상을 추가로 사용자 지정할 수 있습니다.

이 튜토리얼이 끝났습니다! 당신이 그것을 좋아한다면, 당신은 내 다른 것을 확인할 수 있습니다 잉크 스케이프 자습서 or 잉크 스케이프 도움말 문서.

DMD 뉴스 레터 구독

DMD 뉴스 레터 구독

등록하여 좋아하는 오픈 소스 소프트웨어에 대한 새로운 자습서, 과정 업데이트 및 최신 뉴스를 받아보십시오!

당신은 성공적으로 가입 한!

클립이 핀

이 공유