เครื่องมือปากกาเป็นเครื่องมือวาดภาพเวกเตอร์ ข้อดีคือสามารถวาดเส้นโค้งได้อย่างราบรื่นและรักษาเอฟเฟกต์ที่ราบรื่นหลังจากการปรับขนาดหรือการเสียรูป กราฟิกแบบเวกเตอร์ที่วาดด้วยเครื่องมือปากกาเรียกว่าพาธ พาธคือพาธเวกเตอร์ที่ได้รับอนุญาตให้เปิดและปิดได้ หากจุดเริ่มต้นและจุดสิ้นสุดถูกวาดโดยบังเอิญ ก็จะได้พาธแบบปิด
ตอนนี้เรามาวาดเส้นทางง่ายๆ เลือกเครื่องมือปากกา (ปุ่มลัด P) บนแถบเครื่องมือดังที่แสดงด้านล่าง:
รูปที่ 1
และคงตัวเลือกเครื่องมือปากกาไว้ตามที่แสดง (เหนือแถบเครื่องมือ): เลือกวิธีการวาดที่สอง (เส้นทางแบบง่าย) และยกเลิกฟังก์ชันหนังยาง
รูปที่ 2
จากนั้นคลิกบนหน้าจอด้วยปากกาแล้วคุณจะเห็นว่ามีส่วนของเส้นเชื่อมต่อจุดตี กดปุ่ม Shift ค้างไว้เพื่อเก็บจุดที่วาดและจุดก่อนหน้าไว้ที่มุมที่เป็นจำนวนเต็มคูณ 45 องศา (เช่น เป็นศูนย์องศา, 90 องศา) เพื่อให้คุณสามารถวาดส่วนของเส้นแนวนอนหรือแนวตั้งได้ (กดปุ่ม Shift โดยเริ่มจากจุดที่ 5 ในรูป)
รูปที่ 3
จากแบบฝึกหัดง่ายๆ ข้างต้น เราวาดกฎสองข้อ:
เราไม่ได้วาดส่วนของเส้นตรง แต่กำหนดตำแหน่งของแต่ละจุด และซอฟต์แวร์เชื่อมต่อจุดต่างๆ เพื่อสร้างรูปร่างของเส้น สิ่งที่ควบคุมรูปร่าง (ทิศทาง ระยะทาง) ของส่วนของเส้นตรงไม่ใช่ส่วนของเส้นตรง แต่เป็น ตำแหน่งของแต่ละจุดในส่วนของเส้นตรง สองคำที่ต้องจำ:
จุดเหล่านั้นเรียกว่าจุดยึด
ส่วนของเส้นตรงระหว่างจุดยึดเรียกว่าส่วนต่างๆ
จุดยึดที่เราเพิ่งวาดเรียกอีกอย่างว่าจุดยึดเชิงเส้น เนื่องจากส่วนของเส้นตรงระหว่างจุดเหล่านั้นเป็นเส้นตรง
รูปที่ 4
ทีนี้มาวาดจุดยึดโค้งกัน
เราจะเห็นว่าเมื่อเราวาดจุดยึดที่สองและจุดต่อๆ ไป แล้วลากเส้นทิศทาง รูปร่างของเส้นโค้งก็จะเปลี่ยนไปเช่นกัน
เส้นโค้งถูกสร้างขึ้นอย่างไร และเราจะควบคุมรูปร่างของเส้นโค้งได้อย่างไร นอกจากจะมีทิศทางและระยะห่างเป็นเส้นตรงแล้ว เส้นโค้งยังมีรูปแบบความโค้งเพิ่มเติมอีกด้วย ทิศทางและระยะห่างสามารถทำได้โดยเพียงแค่เปลี่ยนตำแหน่งของจุดยึด แต่จะควบคุมความโค้งได้อย่างไร
ดังที่แสดงในภาพ ให้เลือก "Direct Selection Tool" บนแถบเครื่องมือและให้ความสนใจกับลูกศรกลวงด้านล่าง
รูปที่ 5
สมมติว่าจุดยึดสี่จุดที่เราเพิ่งวาดคือ ABCD ใช้ "เครื่องมือการเลือกโดยตรง" เพื่อเลือกส่วนระหว่าง AB คุณจะเห็นเส้นทิศทางที่เรากำหนดไว้เมื่อเราวาดจุดยึด AB
รูปที่ 6
ลองดูเส้นทิศทางทั้งสองนี้ให้ละเอียดยิ่งขึ้นแล้วลองจินตนาการถึงสิ่งนี้:
คนต้องการไปจากจุด A ไปยังจุด B เมื่อเริ่มจากจุด A คนอื่น ๆ ที่จุด A จะเห็นว่าเขากำลังเดินขึ้นไปในทิศทางที่ถูกต้อง คนที่จุด B เห็นว่าเขากำลังลงมาและไปทางขวา จากนั้นจึงนำผลการสังเกตจากทั้งสองแห่งมารวมกัน สรุปได้ว่าเส้นทางที่คนนี้เดินนั้นจะต้องมีส่วนโค้งด้านบนคล้ายฝาหม้อ
ตอนนี้เราเลือก "Convert Point Tool" ดังที่แสดงในรูปภาพซึ่งใช้ในการแก้ไขเส้นทิศทาง
รูปที่ 7
จากนั้นเปลี่ยนเส้นทิศทางบนจุดยึด AB ดังแสดงในรูปด้านล่าง และคุณจะเห็นการเปลี่ยนแปลงความโค้งของเส้นโค้ง โปรดทราบว่ามีจุดเล็กๆ ที่ปลายเส้นทิศทาง จุดนี้เรียกว่า "จุดจับ" คุณต้องคลิกที่ตำแหน่งที่จับเพื่อเปลี่ยนเส้นทิศทาง
รูปที่ 8
ประกอบกับอุปมาที่เพิ่งทำมาก็เข้าใจได้ไม่ยาก:
การแก้ไขเส้นทิศทางจุดยึด B ให้ลง เทียบเท่ากับการกำหนดให้บุคคลนั้นเริ่มต้นจากจุด A ด้านบนแล้วเข้าจากจุด B ด้านล่าง จากนั้นระยะทางที่เดินทางจะเป็นรูปตัว S จากนั้นปรับเปลี่ยนเส้นทิศทางของจุดยึด A ให้ลง ซึ่งเท่ากับเริ่มจากด้านล่างจุด A แล้วเข้าจากด้านล่างจุด B สิ่งที่คุณกำลังเดินเป็นส่วนโค้งลง เส้นทิศทางที่แก้ไขมีดังต่อไปนี้:
รูปที่ 9
หลังจากที่เข้าใจผลกระทบของทิศทางของเส้นทิศทางที่มีต่อรูปร่างของเส้นโค้งแล้ว เรามาดูผลกระทบของความยาวของเส้นทิศทางกันดีกว่า ดังที่แสดงด้านล่าง ให้ลากเส้นทิศทางไปในทิศทางเดียวกัน: (คุณสามารถใช้ "Direct Selection Tool")
รูปที่ 10
สำหรับจุดยึด หากเส้นทิศทางยาวกว่า ระยะทางที่เส้นโค้งใช้ในทิศทางนี้จะยาวขึ้น และในทางกลับกัน คุณสามารถจินตนาการได้ว่าเส้นโค้งนั้นเป็นหนังยาง โดยมีแรงสองแรงดึงไปในทิศทางตามลำดับที่ส่วนหัวและส่วนท้าย ไม่ว่าแรงจะไปทางไหนมากกว่า หนังยางก็จะเคลื่อนเข้าใกล้ทิศทางนั้นมากขึ้น ในทางตรงกันข้าม
นอกจากการแก้ไขจุดยึดแล้ว คุณยังสามารถใช้ "Direct Selection Tool" เพื่อแก้ไขรูปร่างของเส้นโค้งบนคลิปได้อีกด้วย ดังที่แสดงด้านล่าง:
รูปที่ 11
หมายเหตุ: นี่ไม่ได้หมายถึง "การแก้ไขส่วน" แต่เป็น "การแก้ไขจุดยึดสองจุดในเวลาเดียวกัน"
จำหลักการ: แฟรกเมนต์ประกอบด้วยจุดยึด โดยการปรับเปลี่ยนจุดยึดเท่านั้นที่สามารถเปลี่ยนรูปร่างของแฟรกเมนต์ได้
มาสรุปกัน:
สำหรับจุดยึด BC สองจุดบนเส้นโค้งนี้ ยกเว้นจุดเริ่มต้นและจุดสิ้นสุด จะมีเส้นบอกทิศทางสองเส้น:
เส้นหนึ่งคือเส้นทิศทาง "มา" จากจุดยึดก่อนหน้า อีกเส้นหนึ่งคือเส้นทิศทาง "ไป" ที่นำไปสู่จุดยึดถัดไป มีเพียงเส้นทิศทาง "ไป"
เรามาทำแบบฝึกหัดเล็กๆ น้อยๆ กันดังแสดงในรูป:
รูปที่ 12
ตอนนี้คุณจะถูกขอให้วาดเส้นโค้งระหว่างจุดสีแดงสองจุดซึ่งชิดกับโครงร่างของเมาส์ เป็นไปได้มากว่าสิ่งที่คุณวาดจะดูเหมือนภาพด้านล่าง
รูปที่ 13
แม้ว่าจะเป็นไปตามข้อกำหนด แต่ก็มีการใช้จุดยึด 4 จุดบนเส้นทางดังกล่าว ดูภาพด้านล่าง:
รูปที่ 14
เอฟเฟกต์เส้นโค้งเดียวกันนี้ถูกวาดที่นี่โดยใช้จุดยึดเพียงสองจุดเท่านั้น ย้ายจุดสีแดงสองจุดแล้ววาดอีกครั้ง นี่อาจเป็นเอฟเฟกต์ที่คุณวาด
รูปที่ 15
ที่จริงแล้ว คุณจะต้องใช้จุดยึดสองจุดเพื่อวาดเส้นโค้งนี้ ดังที่แสดงด้านล่าง:
รูปที่ 16
หากต้องการลากเส้นอื่นในตำแหน่งอื่น จำเป็นต้องใช้จุดยึดเพียงสองจุดเท่านั้น ดังที่แสดงด้านล่าง:
จำกฎข้อหนึ่งไว้: ยิ่งคุณต้องวาดเส้นโค้งด้วยจุดยึดน้อยเท่าไรก็ยิ่งดีเท่านั้น เพราะถ้าจำนวนจุดยึดเพิ่มขึ้น ไม่เพียงแต่เพิ่มจำนวนขั้นตอนการวาดเท่านั้น แต่ยังส่งผลเสียต่อการแก้ไขในภายหลังอีกด้วย
ณ จุดนี้ คุณจะมีคำถามสองข้ออย่างแน่นอน:
ดูเหมือนว่าจุดยึดสองจุดจะสามารถครอบคลุมรูปร่างโค้งทั้งหมดได้ใช่ไหม มุมมองนี้ผิดอย่างเห็นได้ชัด ตัวอย่างเช่น เส้นโค้งที่วาดในตัวอย่างแรกของเราต้องใช้จุดยึดมากกว่าสองจุด แล้วจะลดจำนวนจุดยึดที่ใช้ให้เหลือน้อยที่สุดได้อย่างไร?
อันที่จริง มีคำถามอีกข้อหนึ่งซ่อนอยู่ที่นี่: จุดยึดที่ดีที่สุดอยู่ที่ไหน ต่อไปนี้เป็นกฎที่ฉันสรุปเป็นการส่วนตัว:
รูปร่างโค้งระหว่างจุดยึดสองจุดแบ่งออกเป็นสองประเภท: รูปตัว C และรูปตัว S
รูปร่าง C หลายรูปแบบมีดังนี้:
รูปที่ 17
เส้นทิศทางมีดังนี้:
รูปที่ 18
เส้นโค้งรูปตัว S หลายรูปแบบมีดังนี้:
รูปที่ 19
เส้นทิศทางรูปตัว S ดังแสดงด้านล่าง:
รูปที่ 20
ภาพเคลื่อนไหวด้านล่างแสดงจุดแบ่งระหว่างรูปร่าง C และรูปร่าง S เมื่อปรับเส้นทิศทาง
รูปที่ 21
หลังจากเข้าใจ(และเข้าใจ)รูปทรงของเส้นโค้งทั้ง 2 เส้น C และ S แล้ว คุณสามารถวิเคราะห์จำนวนจุดยึดที่ต้องการก่อนวาดได้ ที่จริงแล้วคือการวิเคราะห์ว่าเส้นโค้งสามารถวาดได้กี่พื้นที่ (รูปตัว C หรือรูปตัว S)
แม้ว่าจำนวนจุดยึดจะสะท้อนถึงระดับและความสามารถของลิ้นชักได้ แต่สำหรับคนส่วนใหญ่ แค่เพียงพอต่อความต้องการก็เพียงพอแล้ว ดังนั้นเมื่อวาดจริงแล้วไม่จำเป็นต้องลดจำนวนจุดยึดมากเกินไป
ทีนี้ลองวาดรูปตัว M ซึ่งคล้ายกับโลโก้ของแมคโดนัลด์กัน เราจะแนะนำกระบวนการ 3 ขั้นตอน โปรดอ่านคำอธิบายข้อความให้ชัดเจนก่อน แล้วจึงชมการสาธิตภาพเคลื่อนไหว วิธีแรก: หลังจากวาดเสร็จแล้ว ให้แก้ไขเส้นทิศทาง "ไป" ของจุดยึดที่สอง และย้ายตำแหน่งจุดยึดอย่างเหมาะสม (หลังจากวาดแล้ว ให้กดปุ่ม Ctrl ค้างไว้แล้วคลิกที่ใดก็ได้นอกเส้นทางเพื่อวาดภาพให้เสร็จ)
รูปที่ 22
ในหมู่พวกเขาเราสังเกตเห็นปรากฏการณ์หนึ่ง:
เมื่อสร้างจุดยึดเส้นโค้งใหม่และลากเส้นทิศทาง ในความเป็นจริง ขณะที่เมาส์เคลื่อนที่ มันเป็นเส้นทิศทาง "ไป" และทิศทาง "มา" มักจะอยู่ที่มุมแนวนอน 180 องศาเสมอ และความยาวก็เท่ากัน ดังนั้นแม้ว่าเดิมทีเราควรตั้งค่า "ไป" ของจุดยึดที่สองไว้ที่มุมขวาบน อย่างไรก็ตาม เพื่อให้ "ทิศทางที่กำลังมา" ถูกต้อง เราต้องตั้งค่าไว้ที่มุมขวาล่างก่อน จากนั้นจึงแก้ไข "ทิศทางที่กำลังไป" แยกกันหลังจากวาดภาพเสร็จแล้ว วิธีนี้สามารถอธิบายได้ว่าเป็น "การทิ้งเพื่อให้มันมา" (ในทำนองเดียวกัน ก็สามารถอธิบายได้ว่า "การขว้างปาเพื่อให้มันมาเรื่อยๆ") การวาดจุดยึดจำนวนมากไม่สะดวกมาก เนื่องจากไม่สามารถมองเห็นเส้นโค้งที่ถูกต้องได้เสมอไป
ตอนนี้เราขอแนะนำกระบวนการวาดครั้งที่สอง:
หลังจากสร้างจุดยึดที่สองและกำหนดเส้นทิศทางตาม "ทิศทางที่กำลังมา" แล้ว ให้แก้ไขเส้นทิศทาง "ทิศทางที่กำลังไป" เพื่อให้สามารถวาดเส้นโค้งได้อย่างถูกต้อง (หลังจากวาดแล้ว ให้กดปุ่ม Ctrl ค้างไว้แล้วคลิกที่ใดก็ได้นอกเส้นทางเพื่อวาดภาพให้เสร็จ)
รูปที่ 23