วิธีสร้างลูกศรใน Inkscape

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

วิดีโอ: วิธีสร้างลูกศรใน Inkscape

ขั้นตอนที่ 1: วาดเส้นทาง

สำหรับผู้เริ่มต้น คุณจะต้องวาดเส้นทางโดยใช้ Pen Tool (หรือที่เรียกว่า “Draw Bezier Curves Tool” หรือ “Path Tool”) ซึ่งคุณสามารถเข้าถึงได้ผ่านไอคอนในกล่องเครื่องมือ (ลูกศรสีแดงในภาพด้านบน ) หรือโดยใช้ปุ่มลัด "B" โปรดทราบว่าคุณสามารถสร้างลูกศรจากเส้นตรงหรือเส้นโค้งก็ได้ สำหรับตัวอย่างนี้ ผมจะวาดเส้นตรงเพื่อทำให้ทุกอย่างง่ายขึ้น

เมื่อเลือก Pen Tool แล้ว ให้คลิกซ้ายที่องค์ประกอบของคุณเพื่อสร้างโหนดแรกของคุณ (ลูกศรสีแดงในภาพด้านบน)

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

ขั้นตอนที่ 2: กำหนดการตั้งค่าเส้นเองและเพิ่มเครื่องหมายในเส้นทางของคุณ

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

ไปที่แท็บสไตล์เส้นขีด

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

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

ปรับความกว้างของเส้น

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

ปรับแต่งสไตล์เส้น/ขีดกลาง

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

เพิ่มเครื่องหมายหรือที่เรียกว่า Arrowhead

ตัวเลือกถัดไปมีชื่อว่า “Markers” – นี่คือที่ที่คุณจะเพิ่มหัวลูกศรลงในเส้นของคุณ คุณจะเห็นรายการดรอปดาวน์สามรายการที่นี่ รายการหนึ่งอยู่ทางซ้าย หนึ่งรายการอยู่ตรงกลาง และอีกรายการหนึ่งอยู่ทางขวา

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

ขั้นตอนที่ 3: ปรับแต่ง Arrowhead ของคุณ

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

ปรับแต่งขนาดหัวลูกศร

ถ้าคุณไม่ต้องการให้หัวลูกศรมีความหนาเท่ากับเส้นของคุณ คุณสามารถเปลี่ยนขนาดได้โดยใช้ช่องตัวเลข "ขนาด X" และ "ขนาด Y" (แสดงเป็นสีเขียวในภาพด้านบน) ตัวอย่างเช่น ถ้าฉันเปลี่ยนค่า "ขนาด X" เป็น "10" (ลูกศรสีแดง) จากนั้นกดปุ่มแท็บบนแป้นพิมพ์ ค่า "ขนาด Y" จะอัปเดตโดยอัตโนมัติ และตอนนี้ลูกศรของฉันจะใหญ่กว่าเส้นทางของฉันมาก .

ถ้าฉันคลิกที่ไอคอนหัวลูกศรดั้งเดิม (ลูกศรสีแดงในภาพด้านบน) การตั้งค่าของฉันจะรีเซ็ตกลับเป็นค่าเริ่มต้น

โปรดทราบว่ามีไอคอน chain-link ทางด้านซ้ายของฟิลด์ขนาด (ลูกศรสีเขียวในภาพด้านบน) ที่ให้คุณสลับได้ว่าคุณต้องการให้ค่าขนาด X และขนาด Y ปรับขนาดร่วมกันหรือไม่ เมื่อยกเลิกการเชื่อมโยง คุณสามารถเปลี่ยนค่า "ขนาด X" โดยไม่ต้องเปลี่ยนค่า "ขนาด Y"

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

ใต้ช่อง "Size X" และ "Size Y" คือช่องทำเครื่องหมาย "Scale with stroke" (ลูกศรสีแดงในภาพด้านบน) เมื่อเลือกตัวเลือกนี้ ขนาดหัวลูกศรของคุณจะยังคงเป็นสัดส่วนกับขนาดของเส้นทางของคุณโดยอัตโนมัติ ตัวอย่างเช่น เมื่อคุณทำให้จังหวะของเส้นทางของคุณหนาขึ้น (เหมือนที่เราทำก่อนหน้านี้) หัวลูกศรจะหนาขึ้น

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

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

ปรับแต่งการวางแนวของ Arrowhead

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

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

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

ตัวอย่างเช่น ฉันสามารถพิมพ์ “-30” (ลูกศรสีเขียวในภาพด้านบน) และหัวลูกศรของฉันจะหมุนลง 30 องศา

ฉันจะเปลี่ยนหัวลูกศรกลับไปเป็นการตั้งค่าเริ่มต้นโดยคลิกที่ไอคอนแรก "จัดทิศทางตามเส้นทาง ย้อนกลับเมื่อเริ่มต้น"

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

ฉันจะคลิกไอคอน "พลิก" อีกครั้งเพื่อนำลูกศรกลับไปยังตำแหน่งเริ่มต้น

ชดเชย Arrowhead จาก Line Start

คุณยังสามารถชดเชยหัวลูกศรจากจุดเริ่มต้นของเส้นทางของคุณโดยใช้ฟิลด์ "ออฟเซ็ต X" และ "ออฟเซ็ต Y" (แสดงเป็นสีเขียวในภาพด้านบน) โดยค่าเริ่มต้น ค่าเหล่านี้จะถูกตั้งค่าเป็น 0 หากคุณเพิ่มค่า “ออฟเซ็ต X” โดยใช้ไอคอน “+” หรือโดยการพิมพ์ค่าด้วยตนเอง (ฉันพิมพ์ 5 ในตัวอย่างด้านบน – ลูกศรสีแดง) หัวลูกศรหรือเครื่องหมายจะ เลื่อนไปทางขวาตามเส้นทาง

หากคุณลดค่า "ออฟเซ็ต X" โดยใช้ไอคอน "-" หรือโดยการพิมพ์ค่าลบด้วยตนเอง (ฉันพิมพ์เครื่องหมายลบ 5 ในตัวอย่างด้านบน – ลูกศรสีแดง) หัวลูกศรจะเลื่อนไปทางซ้ายตามเส้นทาง

ในทางกลับกัน หากคุณเพิ่มหรือลดค่า "ออฟเซ็ต Y" (ลูกศรสีแดงในภาพด้านบน) หัวลูกศรจะเลื่อนขึ้นหรือลงตามเส้นทางเดิม

ฉันจะเปลี่ยนค่า Offset X และ Y เป็น 0 เพื่อกลับไปยังตำแหน่งเริ่มต้นสำหรับหัวลูกศรของฉัน

แก้ไขลูกศรของคุณบนผืนผ้าใบ

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

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

ถ้าฉันขยายดรอปดาวน์ Marker รายการแรกในกล่องโต้ตอบ Fill and Stroke (ลูกศรสีแดงในภาพด้านบน) คุณจะเห็นการตั้งค่าใหม่ทั้งหมดตามการแก้ไขบนผืนผ้าใบที่ฉันเพิ่งทำ (แสดงเป็นสีเขียว) ถ้าฉันคลิกที่ไอคอนหัวลูกศรดั้งเดิม (ลูกศรสีน้ำเงินในภาพด้านบน) การตั้งค่าของฉันจะรีเซ็ตกลับเป็นค่าเริ่มต้น

ขั้นตอนที่ 4: เพิ่มเครื่องหมายหรือหัวลูกศรเพิ่มเติม

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

ลูกศรที่ปลายด้านใดด้านหนึ่งของเส้นทางของคุณจะเป็นอิสระจากกัน ดังนั้นคุณสามารถเลือกหัวลูกศรหรือเครื่องหมายรูปแบบใดก็ได้จากเมนูดร็อปดาวน์นี้ และปรับแต่งการตั้งค่าเพื่อให้แตกต่างจากหัวลูกศรแรกที่เราตั้งค่าไว้

ฉันจะตั้งหัวลูกศรให้เป็นรูปแบบเดียวกันเพื่อความสอดคล้องในการออกแบบ

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

เพิ่มเครื่องหมายใหม่ตามเส้นทางของคุณ

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

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

ขั้นตอนที่ 5: เปลี่ยนสีลูกศรของคุณ

ในการเปลี่ยนสีของเส้นทางและลูกศรของคุณเมื่อใดก็ได้ ให้ shift+click บนแถบสีในแผง “Swatches” ที่ด้านล่างของผืนผ้าใบ ตัวอย่างเช่น ถ้าฉัน shift+คลิกที่สีแดง (ลูกศรสีน้ำเงิน) มันจะเปลี่ยนสีของเส้นทางของฉันเป็นสีแดง

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

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

วิดีโอที่เกี่ยวข้อง: วิธีสร้างลูกศรใน Inkscape