ในบทความนี้ ผมจะแสดงวิธีง่ายๆ ในการสร้างรหัส QR โดยใช้ Inkscape ซึ่งเป็นโปรแกรมแก้ไขกราฟิกแบบเวกเตอร์ฟรี

คิวอาร์โค้ดกำลังได้รับความนิยมเพิ่มขึ้นอย่างรวดเร็ว ทำให้ผู้คนดึงกล้องโทรศัพท์ออกมาได้อย่างรวดเร็วและสแกนโค้ดเพื่อนำไปที่ URL ของเว็บไซต์ รหัส QR เหล่านี้แพร่หลายมากขึ้นในสถานที่ต่างๆ เช่น ร้านอาหาร ทำให้ลูกค้าสามารถดึงเมนูบนโทรศัพท์ได้อย่างรวดเร็ว และลดการติดต่อกับเมนูที่จับต้องได้

ดังนั้นคุณจะสร้างรหัส QR ใน Inkscape ได้อย่างไร

เริ่มต้นด้วยการเปิด Inkscape บนคอมพิวเตอร์ของคุณ (คุณสามารถดาวน์โหลดซอฟต์แวร์ได้ฟรีจาก Inkscape.org) ใต้แท็บ "เวลาวาด" (ลูกศรสีแดงในภาพด้านบน) สำหรับหน้าจอต้อนรับที่ปรากฏขึ้น (สมมติว่าคุณใช้ Inkscape 1.0 หรือใหม่กว่า) ให้เลือกขนาดเอกสารตามเทมเพลตที่มีอยู่มากมาย ฉันใช้ขนาด "เดสก์ท็อป 1080p" ใต้แท็บ "หน้าจอ" (ลูกศรสีเหลือง)

เมื่อเปิดเอกสารใหม่ ให้ไปที่ Extensions>Render>Barcode>QR Code (ลูกศรสีแดงในภาพด้านบน)

นี่จะแสดงกล่องโต้ตอบรหัส QR ที่นี่ คุณสามารถตั้งค่าต่างๆ ได้ รวมถึงเว็บไซต์ที่คุณต้องการให้คนถูกนำทางเมื่อสแกนโค้ดด้วยกล้องของสมาร์ทโฟน (ซึ่งอยู่ใต้หัวข้อ "ข้อความ" – ลูกศรสีแดงในภาพด้านบน)

ในกรณีของฉัน ฉันพิมพ์เว็บไซต์ "daviesmediadesign.com" สำหรับฟิลด์ "ข้อความ" ฉันสามารถคลิก "ใช้" เพื่อสร้างรหัส QR (ลูกศรสีเหลือง) จากนั้นคลิก "ปิด" เพื่อออกจากกล่องโต้ตอบ (ไม่ต้องออกจากกล่องโต้ตอบตอนนี้ หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการตั้งค่าขั้นสูงในครั้งต่อไป ส่วน).

คุณสามารถดูผลิตภัณฑ์ขั้นสุดท้ายในภาพด้านบน ซึ่งสร้างขึ้นโดยใช้ค่าเริ่มต้นสำหรับตัวสร้างรหัส QR ของ Inkcape ฉันจะพูดถึงวิธีปรับแต่งรูปลักษณ์ของรหัส QR ในบทความนี้

ฉันยังสามารถปรับการตั้งค่าขั้นสูงเพิ่มเติมในกล่องโต้ตอบนี้ ซึ่งจะกล่าวถึงด้านล่าง

การตั้งค่ารหัส QR ขั้นสูง

ถึงจุดนี้ เราได้เปิดกล่องโต้ตอบรหัส QR และเพิ่ม URL ลงในช่อง "ข้อความ"

ต่อไป ถ้าฉันเลือกตัวเลือก "แสดงตัวอย่างแบบสด" (ลูกศรสีแดงในภาพด้านบน) โค้ด QR จะแสดงบนเอกสารของฉัน (ลูกศรสีน้ำเงิน – คุณอาจต้องย้ายกล่องโต้ตอบโค้ด QR ออกไปให้พ้นทางเพื่อดู)

ด้านล่างช่องข้อความคือเมนูแบบเลื่อนลง "ขนาดในหน่วยสี่เหลี่ยม" (ลูกศรสีเหลืองในภาพด้านบน) คุณสมบัตินี้ช่วยให้คุณเปลี่ยนจำนวนข้อมูลที่จะแสดงรหัส QR ได้ด้วยตนเอง ซึ่งจะเปลี่ยนขนาดของโค้ดเอง ฉันไม่แนะนำให้ตั้งค่านี้ด้วยตนเองเนื่องจากส่วนขยาย Inkscape จะสร้างรหัส QR ขนาดที่เหมาะสมโดยอัตโนมัติตาม URL ที่คุณเพิ่มลงในฟิลด์ "ข้อความ"

พูดง่ายๆ คือ ยิ่ง URL ยาว คิวอาร์โค้ดก็จะยิ่งใหญ่ขึ้น ตัวอย่างเช่น ถ้าฉันเพิ่ม URL ที่ยาวขึ้นจากบทความของฉันบนเว็บไซต์ของฉัน (ลูกศรสีแดงในภาพด้านบน) คุณจะเห็นรหัส QR จะใหญ่ขึ้นเพื่อรองรับอักขระเพิ่มเติม (ลูกศรสีน้ำเงิน) โดยจะมี "โมดูล" หรือช่องสี่เหลี่ยมเล็กๆ มากกว่า เนื่องจาก URL ที่ยาวกว่าจะมีอักขระมากกว่า

ย้ำอีกครั้ง ขอแนะนำให้ตั้งค่ารายการแบบเลื่อนลงเป็น "อัตโนมัติ"

เมนูแบบเลื่อนลงถัดไปคือ “ระดับการแก้ไขข้อผิดพลาด” (ลูกศรสีแดง) โดยค่าเริ่มต้น ค่านี้จะถูกตั้งค่าเป็น "L (ประมาณ 7%)" ซึ่งทำงานได้ดีที่สุดในสภาพแวดล้อมที่ "สะอาด" หรือในสถานการณ์ที่คุณไม่คิดว่าโค้ด QR จะสกปรก แจ้งเตือน หรือเสียหาย/ถูกทำลาย หากคุณคาดว่ารหัสจะถูกวางไว้ที่ใดที่หนึ่งซึ่งอาจทำให้เสียเปรียบได้ (เช่น ในไซต์งานก่อสร้าง ในมุมที่พลุกพล่านในเมืองที่พลุกพล่าน ฯลฯ) คุณอาจต้องการเพิ่มการแก้ไขข้อผิดพลาดให้สูงขึ้น

การตั้งค่าสูงสุดคือ "H (ประมาณ 30%)" และการตั้งค่านี้จะสร้างรหัส QR ที่ใหญ่ที่สุดในขณะที่มีข้อมูลมากขึ้นด้วย โดยพื้นฐานแล้ว % หมายถึงจำนวนข้อมูลที่สามารถทำลายได้โดยไม่ส่งผลต่อความสามารถในการสแกนโค้ด QR ได้สำเร็จ

การตั้งค่า “M (ประมาณ 15%)” (ลูกศรสีแดง) เป็นการประนีประนอมที่ดีในการปกป้องรหัส QR ของคุณจากความเสียหายโดยไม่ทำให้โค้ดมีขนาดใหญ่เกินไปหรือไม่ยุ่ง

ตัวเลือกถัดไปคือเมนูแบบเลื่อนลง "การเข้ารหัสอักขระ" (ลูกศรสีแดงในภาพด้านบน) มีสี่ตัวเลือกที่นี่ โดยตัวเลือกที่ดีที่สุดสำหรับคุณขึ้นอยู่กับภาษาหรือสัญลักษณ์ที่ใช้ใน URL หรือข้อความของคุณ

หากคุณใช้ URL มาตรฐานที่เป็นภาษาอังกฤษ คุณสามารถใช้ “Latin 1” แทนได้

เมื่อใช้ภาษายุโรปบางภาษา (ไม่ใช่ภาษาอังกฤษ) คุณอาจต้องการใช้ CP 1250 หรือ CP 1252

สุดท้าย หากคุณกำลังใช้อักขระหรือสัญลักษณ์ Unicode ในข้อความของคุณ รวมถึงสัญลักษณ์จากภาษาต่างๆ ทั่วโลก คุณอาจต้องการใช้ UTF-8

ตัวเลือกถัดไป “สลับรหัส QR” (ลูกศรสีเหลือง) เป็นช่องทำเครื่องหมายที่ให้คุณเปลี่ยนสีพื้นหลังของรหัส QR จากสีขาวเป็นสีดำ (แสดงโดยลูกศรสีแดงในภาพ) คุณยังสามารถเปลี่ยนสีพื้นหลังและสีของโมดูลหลัก (รูปทรงสี่เหลี่ยมจัตุรัส) ของโค้ดโดยใช้เครื่องมือบางอย่างใน Inkscape (เพิ่มเติมในภายหลัง)

ช่อง "ขนาดสี่เหลี่ยมจัตุรัส" (ลูกศรสีเหลือง) ให้คุณเปลี่ยนขนาดโดยรวมของรหัส QR ค่าที่น้อยกว่าจะย่อรหัส QR และค่าที่มากขึ้นจะปรับขนาดรหัส QR ทั้งหมดขึ้น ในกรณีนี้ ฉันเปลี่ยนขนาดจาก 4.0 เป็น 10.0 ทำให้โค้ด QR ใหญ่ขึ้น (ลูกศรสีแดง) คุณยังสามารถปรับขนาดของโค้ด QR ได้หลังจากที่คุณใช้การเปลี่ยนแปลงโดยใช้เครื่องมืออื่นๆ ใน Inkscape อย่างไรก็ตาม หากคุณต้องการปรับขนาดโค้ด QR ให้ขึ้นหรือลงให้แม่นยำยิ่งขึ้น (ตามขนาดของโมดูลสี่เหลี่ยมภายในโค้ด หน่วยเป็นพิกเซล) คุณสามารถใช้ตัวเลือกนี้ได้

ดรอปดาวน์ "ประเภทการวาด" (ลูกศรสีเหลือง) ช่วยให้คุณเปลี่ยนวิธีการวาดโมดูลภายในโค้ด QR โดยค่าเริ่มต้น ข้อมูลจะแสดงด้วยสี่เหลี่ยมจัตุรัสเมื่อเลือกตัวเลือก "เรียบ: เป็นกลาง" อย่างไรก็ตาม มีการตั้งค่าแบบกำหนดเองอื่นๆ ให้เลือก ตัวอย่างเช่น ตัวเลือก "เส้นทาง: วงกลม" จะเปลี่ยนองค์ประกอบโมดูลทั้งหมดเป็นวงกลม (ลูกศรสีแดงในตัวอย่างด้านบน) ฉันจะเปลี่ยนกลับเป็นค่าเริ่มต้น "เรียบ: เป็นกลาง" สำหรับขั้นตอนต่อไป

ตัวเลือกถัดไป “ค่าสี่เหลี่ยมเรียบ (0-1)” (ลูกศรสีเหลืองในภาพด้านบน) ช่วยให้ฉันเพิ่มหรือลดปริมาณการปรับให้เรียบที่ใช้กับโมดูลสี่เหลี่ยม โดยค่าเริ่มต้น ค่านี้ถูกตั้งค่าเป็น .2 ซึ่งหมายความว่าขอบของแต่ละตารางจะมีความเรียบเล็กน้อย ฉันสามารถหมุนค่านี้ได้จนถึง 1.0 ซึ่งเพิ่มการปรับให้เรียบอย่างมากให้กับช่องสี่เหลี่ยมและรวมเข้าด้วยกันมากขึ้น (ลูกศรสีแดง) ค่าศูนย์จะลบการทำให้เรียบทั้งหมดที่ใช้กับช่องสี่เหลี่ยม คุณสามารถตั้งค่านี้เป็นสิ่งที่คุณต้องการ - โดยพื้นฐานแล้วเป็นเพียงวิธีการเปลี่ยนความสวยงามของโค้ด

ด้านล่างรายการแบบเลื่อนลงของการปรับให้เรียบคือช่องข้อความชื่อ "สตริงเส้นทาง" (ลูกศรสีเหลือง) สำหรับปรับลักษณะและตำแหน่งของโค้ด QR เมื่อคุณเลือกตัวเลือก "เส้นทาง: กำหนดเอง" จากเมนูแบบเลื่อนลงประเภทการวาด (ลูกศรสีแดง) มันควรจะใช้ได้กับตัวเลือกประเภทการวาด "สัญลักษณ์" แม้ว่าตัวเลือกสัญลักษณ์จะไม่ทำงานใน Inkscape 1.1 - อย่างน้อยก็ไม่ใช่สำหรับฉัน

รายการแรกระบุว่า “m 0,1” – นี่คือพิกัด หากคุณเปลี่ยนค่าแรก มันจะชดเชยตำแหน่งของรหัส QR ไปทางซ้ายหรือขวา (ขึ้นอยู่กับว่าคุณทำให้ตัวเลขเป็นบวกหรือลบ) หากคุณเปลี่ยนค่าที่สอง มันจะชดเชยรหัส QR ขึ้นหรือลง (อีกครั้งขึ้นอยู่กับว่าตัวเลขเป็นบวกหรือลบ) คุณสามารถใช้ตัวเลขใดก็ได้ที่นี่ ฉันค่อนข้างแน่ใจว่าตัวเลขนี้จะขึ้นอยู่กับหน่วยของเอกสารที่คุณตั้งค่าไว้ (เช่น พิกเซล) ฟีเจอร์นี้ไม่จำเป็นทั้งหมด เนื่องจากคุณสามารถเปลี่ยนตำแหน่งโค้ด QR ได้เสมอหลังจากใช้งานโดยใช้เครื่องมือ Select

รายการต่อไป ซึ่งแยกจากข้อแรกด้วย “|” สัญลักษณ์พูดว่า “0.5,-1 | 0.5, 1” โดยค่าเริ่มต้น ค่าเหล่านี้โดยทั่วไปกำหนดขนาดของสัญลักษณ์โมดูล (เช่น สามเหลี่ยม) การเปลี่ยนค่าใดๆ จะเป็นการปรับด้านหนึ่งของสัญลักษณ์สามเหลี่ยม ตัวอย่างเช่น ถ้าฉันพิมพ์ “0.8,-1 | 0.5, 1” สามเหลี่ยมจะเบ้ไปทางขวาเล็กน้อยเนื่องจากฉันได้ปรับขนาดของมันแล้ว

คุณสามารถเล่นกับค่าต่างๆ ได้ที่นี่ด้วยตัวเอง เพื่อดูว่าคุณจะปรับแต่งสัญลักษณ์ได้อย่างไร โปรดจำไว้ว่า ค่าต่างๆ ควรจะต่ำกว่า 1.0 เนื่องจากสัญลักษณ์เริ่มตกหล่นเข้าหากันเมื่อคุณไปไกลกว่านั้น (และทำให้อ่านโค้ด QR ไม่ได้)

ช่องสุดท้ายคือ “ID กลุ่ม” วิธีนี้ช่วยให้คุณกำหนด ID ให้กับโค้ด QR ได้ด้วยตนเองสำหรับสิ่งต่างๆ เช่น การส่งออกไปยังไฟล์ SVG ซึ่งเป็นไฟล์ "กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้" ที่มีโค้ดบางส่วนอยู่ด้วย หากคุณเว้นว่างไว้ Inkscape จะกำหนด ID ให้กับรหัสโดยอัตโนมัติ มิฉะนั้น คุณสามารถเพิ่มชื่อด้วยตนเองได้ที่นี่ ฉันพิมพ์ "นี่คือการทดสอบ" เป็นรหัสกลุ่ม ฉันจะแสดงตำแหน่งที่จะแสดงชั่วขณะ

คลิก ใช้ (ลูกศรสีเหลือง) เพื่อสร้างรหัส QR บนองค์ประกอบของคุณ จากนั้นคลิก "ปิด" เพื่อออกจากกล่องโต้ตอบรหัส QR (ลูกศรสีน้ำเงิน)

คุณสามารถดู Group ID ได้โดยกด ctrl+shift+x เพื่อเปิดกล่องโต้ตอบ XML Editor (ลูกศรสีแดง) คุณจะเห็นรหัสส่วนหลังที่เชื่อมโยงกับรหัส QR ที่สร้างขึ้นนี้ ในบรรทัดสุดท้ายของโค้ด คุณจะเห็น ID กลุ่ม "นี่คือการทดสอบ" ที่ฉันสร้างขึ้น (ลูกศรสีเหลือง) ในตารางด้านล่าง คุณยังสามารถดูข้อมูลเมตาของโค้ด QR นี้ได้ โดยบรรทัดที่สองระบุว่า "id" และค่าที่ระบุว่า "นี่คือการทดสอบ" (ลูกศรสีน้ำเงิน)

โค้ด QR ที่สร้างขึ้นนั้นแท้จริงแล้วเป็นวัตถุสองชิ้นที่แยกจากกัน – โมดูลพื้นหลังและส่วนหน้า (เช่น องค์ประกอบสี่เหลี่ยมจัตุรัส) ฉันสามารถคลิกที่พื้นหลัง (ลูกศรสีเขียว) ด้วยเครื่องมือ Select (ลูกศรสีแดง) และคลิกที่สีในจานสีของฉันเพื่อเปลี่ยนสี (ลูกศรสีน้ำเงิน)

ฉันสามารถทำสิ่งเดียวกันนี้กับองค์ประกอบพื้นหน้า - คลิกบนองค์ประกอบเหล่านั้น (ลูกศรสีเขียว) ด้วยเครื่องมือเลือก (ลูกศรสีแดง) และคลิกที่สีจากจานสีของฉัน (ลูกศรสีน้ำเงิน) เพื่อเปลี่ยนสี

ถ้าฉันต้องการ ฉันสามารถใช้การไล่ระดับสีบนวัตถุใดก็ได้เพื่อปรับแต่งสีเพิ่มเติม

เพียงแค่นี้สำหรับการกวดวิชานี้! หากคุณชอบคุณสามารถตรวจสอบอื่น ๆ ของฉัน บทแนะนำ Inkscape or บทความช่วยเหลือ Inkscape.

สมัครรับจดหมายข่าว DMD

สมัครรับจดหมายข่าว DMD

ลงทะเบียนเพื่อรับบทช่วยสอนใหม่อัปเดตหลักสูตรและข่าวสารล่าสุดเกี่ยวกับซอฟต์แวร์โอเพนซอร์สที่คุณชื่นชอบ!

คุณสมัครเรียบร้อยแล้ว!

Pin It เมื่อ Pinterest

แบ่งปันสิ่งนี้