สารบัญ
ฉันเคยทำงานระหว่าง Photoshop และ Adobe Illustrator เมื่อทำแบบจำลองบรรจุภัณฑ์ แต่ต่อมาฉันพบว่า Perspect Grid Tool ก็ใช้งานได้ดีเช่นกัน โหมดเปอร์สเปคทีฟแบบสองจุดทำให้การจำลองกล่องเป็นเรื่องง่ายมาก
นอกจากการสร้างแบบจำลองบรรจุภัณฑ์แล้ว คุณยังสามารถใช้เครื่องมือเปอร์สเปคทีฟเพื่อสร้างภาพประกอบหรือภาพวาดเปอร์สเปคทีฟ และนั่นคือสิ่งที่คุณจะได้เรียนรู้จากบทช่วยสอนนี้
ก่อนที่จะข้ามไปยังขั้นตอนต่างๆ คุณจะต้องค้นหาเครื่องมือเปอร์สเปคทีฟใน Adobe Illustrator
หมายเหตุ: ภาพหน้าจอทั้งหมดจากบทช่วยสอนนี้นำมาจาก Adobe Illustrator CC 2022 เวอร์ชัน Mac Windows หรือเวอร์ชันอื่นๆ อาจดูแตกต่างออกไป
เครื่องมือเปอร์สเปกทีฟใน Adobe Illustrator อยู่ที่ไหน
คุณสามารถค้นหาเครื่องมือเปอร์สเปกทีฟได้จากเมนูโอเวอร์เฮด มุมมอง แถบเครื่องมือขั้นสูง หรือแป้นพิมพ์ลัด
หมายเหตุ: การแสดงเส้นตารางเปอร์สเปคทีฟไม่เหมือนกับการเปิดใช้เครื่องมือเส้นตารางเปอร์สเปคทีฟ ข้อแตกต่างคือเมื่อคุณแสดงเส้นตารางเปอร์สเปคทีฟจากเมนูมุมมอง คุณจะเห็นเส้นตารางแต่ไม่สามารถแก้ไขได้ หากคุณกำลังใช้เครื่องมือ Perspective Grid คุณสามารถแก้ไขเส้นตารางได้
เปิด Perspective Grid จากเมนู View
หากคุณเพียงต้องการดู Perspective Grid และไม่ต้องการแก้ไข คุณสามารถไปที่เมนูด้านบน View > ตารางมุมมอง > แสดงตาราง เพื่อดูตาราง
ค้นหา Perspective Grid Tool บนแถบเครื่องมือ
หากคุณต้องการใช้ Perspective Grid เพื่อสร้างการออกแบบเปอร์สเปกทีฟ ให้เลือก Perspective Grid Tool จากแถบเครื่องมือ หากคุณใช้แถบเครื่องมือพื้นฐาน คุณสามารถเปลี่ยนเป็นแถบเครื่องมือขั้นสูงได้อย่างรวดเร็วจาก หน้าต่าง > แถบเครื่องมือ > ขั้นสูง
จากนั้นคุณควรเห็น เครื่องมือเส้นตารางเปอร์สเปกทีฟ และในเมนูเดียวกัน คุณจะเห็น เครื่องมือการเลือกเปอร์สเปคทีฟ
แป้นพิมพ์ลัด
คุณยังสามารถใช้แป้นพิมพ์ลัดเครื่องมือ Perspective Grid Shift + P และแป้นพิมพ์ลัดเครื่องมือ Perspective Selection Shift + V เพื่อเปิดใช้งานและใช้เครื่องมือ
ถ้าคุณต้องการดูตารางเปอร์สเปคทีฟ คุณสามารถใช้แป้นพิมพ์ลัด คำสั่ง (หรือ Ctrl สำหรับผู้ใช้ Windows) + Shift + I เพื่อแสดง (และซ่อน) ตารางมุมมอง
เมื่อคุณพบเครื่องมือแล้ว ฉันจะแสดงวิธีใช้งาน
วิธีใช้เครื่องมือเปอร์สเปกทีฟใน Adobe Illustrator
มุมมองเปอร์สเปกทีฟที่ตั้งไว้ล่วงหน้าคือเปอร์สเปกทีฟสองจุด แต่คุณสามารถเปลี่ยนเป็นโหมดเปอร์สเปกทีฟหนึ่งจุดหรือโหมดเปอร์สเปกทีฟสามจุดได้จากเมนูโอเวอร์เฮด ดู > ตารางมุมมอง
ต่อไปนี้คือตัวอย่างสั้นๆ ของโหมดเปอร์สเปคทีฟแต่ละโหมด
“จุด” หมายถึง “จุดที่หายไป” ที่นี่ แต่คุณสามารถเข้าใจว่าเป็น “ด้านข้าง”
อย่างที่คุณเห็น 1 คะแนนเปอร์สเปคทีฟมีเพียงด้านเดียว (และจุดหายไปหนึ่งจุด) เปอร์สเปกทีฟ 2 จุดจะมีสองด้าน (และจุดที่หายไปสองจุด) และเปอร์สเปคทีฟ 3 จุดจะมีสามด้าน (และจุดที่หายไปสามจุด)
ตารางเปอร์สเปคทีฟอาจดูซับซ้อน ไม่ใช่แค่เพราะมีเส้นจำนวนมาก แต่ยังรวมถึงวิดเจ็ตต่างๆ ที่มีฟังก์ชันต่างกันด้วย
คุณสามารถย้ายวิดเจ็ตเพื่อปรับตารางเปอร์สเปคทีฟในแนวนอน แนวตั้ง และจากมุมมองต่างๆ
นอกจากนี้ คุณจะเห็นวิดเจ็ตระนาบนี้ซึ่งคุณสามารถเลือกด้านที่คุณต้องการทำงานด้วยการคลิกที่ด้านข้าง อย่างที่คุณเห็น ด้านที่เลือกจะถูกเน้นด้วยสีน้ำเงิน
ฉันจะแสดงให้คุณเห็นว่ามันทำงานอย่างไรโดยใช้ตัวอย่างสองสามตัวอย่าง
ตัวอย่างที่ 1: การวาดบนตารางเปอร์สเปคทีฟ
การวาดรูปร่างลงในตารางเปอร์สเปกทีฟนั้นง่ายมาก และคุณสามารถสร้างรูปร่างตั้งแต่เริ่มต้นบนกริดหรือเพิ่มรูปร่างที่มีอยู่ลงในกริด
ฉันจะแสดงตัวอย่างการใช้ตารางเปอร์สเปคทีฟจุดเดียวเพื่อวาดส่วนหนึ่งของทางเท้า
เคล็ดลับ: หากคุณไม่สามารถเริ่มต้นได้อย่างถูกต้อง การใช้ภาพอ้างอิงสามารถช่วยได้ เพียงลดความทึบของภาพลง และล็อคเลเยอร์ภาพ
ขั้นตอนที่ 1: ไปที่เมนูด้านบน มุมมอง > มุมมอง ตาราง > มุมมองหนึ่งจุด > [1P-มุมมองปกติ]
คุณยังสามารถเลือก เครื่องมือตารางมุมมอง จากแถบเครื่องมือ จากนั้นไปที่เมนูมุมมองเพื่อเปลี่ยนโหมดเป็น [มุมมองปกติ 1P] .
นี่คือลักษณะของกริดเปอร์สเปคทีฟมาตรฐาน 1P
คุณสามารถคลิกและลากที่จับวิดเจ็ตเพื่อปรับมุมมองเปอร์สเปคทีฟตามนั้น
ตัวอย่างเช่น ฉันย้ายวิดเจ็ต C ไปทางซ้ายสุดเพื่อขยายกริดในแนวนอน และย้ายวิดเจ็ต C ลงเพื่อลดระยะห่างจากระดับพื้นในแนวนอน
จากนั้นฉันย้ายวิดเจ็ต F ไปทางขวาเพื่อขยายกริดให้ใหญ่ขึ้น ในขณะเดียวกันก็ย้ายวิดเจ็ต E ขึ้นเพื่อขยายกริดในแนวตั้ง และย้ายวิดเจ็ต D ไปทางจุดที่หายไป
หากคุณกำลังติดตามรูปภาพ คุณสามารถคลิกที่วิดเจ็ต B กดค้างไว้แล้วเลื่อนเส้นตารางเปอร์สเปคทีฟไปรอบๆ เพื่อให้พอดีกับรูปภาพของคุณ
ตอนนี้ เริ่มดูเหมือนข้างถนนแล้วใช่ไหม ขั้นตอนต่อไปคือการวาดรูปร่าง เราสามารถเริ่มด้วยรูปร่างอาคารแล้วเพิ่มรายละเอียด
ขั้นตอนที่ 2: เลือก เครื่องมือสี่เหลี่ยมผืนผ้า ( M ) จากแถบเครื่องมือ คลิกตามเส้นตาราง (คุณสามารถเริ่มจากเส้น ระหว่างวิดเจ็ต C และ E) เป็นแนวทาง แล้วลากเพื่อสร้างสี่เหลี่ยมผืนผ้าเปอร์สเปคทีฟ
เมื่อคุณสร้างรูปร่างในตารางเปอร์สเปคทีฟ รูปร่างของคุณจะเป็นไปตามมุมมองเปอร์สเปคทีฟโดยอัตโนมัติ
ใช้วิธีเดียวกันนี้ และทำตามเส้นตารางเพื่อสร้างสี่เหลี่ยมอีกสองสามอันเพื่อเป็นสิ่งปลูกสร้างบนทางเท้า
ขั้นตอนที่ 3: เพิ่มรายละเอียดลงในภาพวาด คุณสามารถเพิ่มหน้าต่าง เส้น หรือรูปร่างอื่นๆ ให้กับอาคาร หรือเพิ่มเส้นทางเดิน/เลน
หากคุณพบว่าการวาดบนเส้นตารางเปอร์สเปคทีฟทำได้ยาก คุณสามารถสร้างรูปร่างจากเส้นตารางได้ใน วิธีปกติและใช้เครื่องมือการเลือกมุมมองเพื่อวางวัตถุลงในตาราง
ตัวอย่างเช่น ลองเพิ่มวัตถุนี้ในอาคารหลังใดหลังหนึ่ง
เลือกเครื่องมือการเลือกมุมมองจากแถบเครื่องมือ คลิกและลากวัตถุนี้ไปยังตำแหน่งที่คุณต้องการให้อยู่ในตารางเปอร์สเปคทีฟ กรณีนี้ผมลากไปที่ตึกสีฟ้า
ตอนนี้มาเพิ่มถนนให้กับภาพวาดกัน
ขั้นตอนที่ 4: คลิกที่ด้านล่างของวิดเจ็ตระนาบเพื่อทำงานในพื้นที่เปอร์สเปคทีฟภาคพื้นดิน
ทำตามวิธีเดียวกันนี้เพื่อเพิ่มรูปร่างหรือเส้นเพื่อวาดทางเท้า
มีแนวคิดหรือไม่
ตอนนี้ จะเพิ่มข้อความลงในกริดเปอร์สเปกทีฟได้อย่างไร
ตัวอย่างที่ 2: ใช้เครื่องมือเปอร์สเปกทีฟกับข้อความ
การเพิ่มข้อความในกริดเปอร์สเปกทีฟจะทำงานเหมือนกับ เพิ่มรูปร่าง ใช้เครื่องมือการเลือกมุมมองเพื่อเลือกข้อความและลากไปยังพื้นที่ที่คุณต้องการให้ข้อความอยู่ นี่คือขั้นตอนโดยละเอียด
ขั้นตอนที่ 1: ใช้เครื่องมือ Type เพื่อเพิ่มข้อความใน Adobe Illustrator
ขั้นตอนที่ 2: สลับวิดเจ็ตระนาบไปยังด้านที่คุณต้องการเพิ่มข้อความ ในกรณีนี้ เราจะเปลี่ยนไปทางด้านซ้ายซึ่งมีอาคารอยู่
ขั้นตอนที่ 3: เลือก เครื่องมือการเลือกมุมมอง บนแถบเครื่องมือ เลือกข้อความแล้วลากไปยังพื้นที่ที่คุณต้องการให้ข้อความอยู่ ตัวอย่างเช่นเราสามารถลากไปที่อาคารแรก
ในตอนแรก มันจะมีลักษณะเช่นนี้
อย่างไรก็ตาม คุณสามารถปรับจุดยึดเพื่อปรับขนาดและย้ายข้อความไปยังตำแหน่งที่เหมาะสมได้
ขั้นตอนที่ 4: คลิกที่เครื่องหมายเล็กๆ x บนระนาบวิดเจ็ตเพื่อลบตารางเปอร์สเป็คทีฟ
หรือคุณสามารถใช้แป้นพิมพ์ลัด Command / Ctrl + Shift + I เพื่อปิด โหมดมุมมองกริดเปอร์สเป็คทีฟและดูว่ามีลักษณะอย่างไร
เพียงเท่านี้สำหรับบทช่วยสอนนี้ อย่าลังเลที่จะเพิ่มรายละเอียดเพิ่มเติมให้กับการวาดภาพเปอร์สเป็คทีฟของคุณ
สรุป
ตอนนี้ คุณควรเข้าใจว่าเครื่องมือเปอร์สเป็คทีฟทำงานอย่างไร และคุณสามารถทำอะไรได้บ้าง ฉันแสดงตัวอย่างเปอร์สเปคทีฟ 1 จุดที่นี่เท่านั้น หากคุณต้องการสร้างภาพวาดเปอร์สเป็คทีฟ 2 จุดหรือ 3 จุด คุณจะมีวิดเจ็ตเพิ่มเติมเพื่อเลื่อนไปรอบๆ และปรับกริด แต่วิธีการวาดใช้เหมือนกัน .
