วิธีการวาดเวกเตอร์มีมิติเท่ากัน?


16

ฉันกำลังมองหาโซลูชันซอฟต์แวร์ "ในตัว" สำหรับ Illustrator CS2-5 โดยเฉพาะ

ฉันกำลังพยายามสร้างภาพประกอบวาดสามมิติเหล่านี้สำหรับเว็บแอป ตอนนี้ฉันได้ตั้งค่ากริดใน Adobe Illustrator ด้วยตนเองและทำการวาดตามตารางนี้ - แต่ฉันไม่มีไกด์ไม่มีสแนปและของแบบนั้น ...

ผลลัพธ์ที่ได้ควรใกล้เคียงกับสิ่งนี้: http://www.twigital.co.uk/

ฉันสงสัยว่าถ้าคุณรู้จักซอฟต์แวร์ที่ดีสำหรับการวาดภาพวาดภาพสามมิติซึ่งฉันสามารถส่งออกเป็นเวกเตอร์ (.eps หรือ. aai) ดังนั้นฉันจึงสามารถนำเข้า Illustrator และปรับสีและสิ่งอื่น ๆ ได้?

หากคุณไม่รู้จักซอฟต์แวร์โดยเฉพาะอย่างยิ่งในเรื่องนี้คุณเคยทำภาพวาดสามมิติใน Illustrator หรือไม่? วิธีใด? เคล็ดลับใด ๆ

ตัวอย่างการวาดภาพเวกเตอร์แบบสามมิติ

แก้ไข:

โปรดอย่าสับสนระหว่างการวาดภาพสามมิติด้วยการวาดมุมมอง 1,2 หรือ 3 จุด

การวาดภาพ ISOMETRIC:

[ระบบภาพสามมิติเป็นเพียงการประชุม / สิ่งประดิษฐ์มีประโยชน์สำหรับสิ่งต่าง ๆ มากมายไม่ทำซ้ำสิ่งที่สายตามองเห็นในความเป็นจริง แต่จริงๆแล้วเป็นเพียงแบบแผนที่มีประโยชน์สำหรับการวัดและสิ่งอื่น ๆ ]

iso (เท่ากับ) ตัวชี้วัด (การวัด)

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

การวาดมุมมอง:

[แบบแผนมุมมองการวาดภาพ (1 จุด, 2 จุด, 3 จุด ... และอื่น ๆ ) ยังคงเป็นแบบแผน แต่พวกเขาพยายามที่จะเลียนแบบและใกล้เคียงกับสิ่งที่สายตามองเห็นในความเป็นจริง (3D) แต่อย่างที่มันเป็น บน 2D (กระดาษ / หน้าจอ) มันไม่เหมือนความเป็นจริงจริง ๆ ]

[อีกสิ่งหนึ่งที่บางคนอาจโต้แย้งก็คือว่าเรามีสองตา (แค่อุปกรณ์ออพติคอล) * และภาพที่รวมกัน (ถูกสร้างขึ้น) รางเวทย์มนตร์ที่เกิดขึ้นในสมองทำให้อีกประเด็นหนึ่งว่าทำไมไม่มีสิ่งเหล่านี้ การประชุมคล้ายกับความเป็นจริงอย่างแท้จริง ... แต่นี่สำหรับปรัชญา SE: P] *

ในการวาดมุมมองขอบจะเรียวไปทางหนึ่งจุดหรือมากกว่านั้นหายไป

ด้วยPerspective Grid ใน Illustrator CS 5มี 3 ตัวเลือก:

มุมมอง1จุดมุมมอง2จุดและมุมมอง3จุด

หลังจากประมวลผลข้อมูลทั้งหมดจากด้านบน (ข้อมูลจากอินเทอร์เน็ต ... อาจผิดรู้สึกฟรีเพื่อพิจารณา) ฉันทำการตั้งสมมติฐานอย่างง่าย ๆ ว่ามันเป็นไปไม่ได้ที่จะบรรลุมุมมองภาพสามมิติของวัตถุหลายชิ้นบนผ้าใบ (เช่นใน ตัวอย่างข้างบน twigital.co.uk (ขอบคุณจอร์จสำหรับคำอธิบายว่าทำอย่างไรในคำตอบของเขา) ด้วยกริดเปอร์สเปคทีฟซึ่งมีมุมมอง 1 จุด: เส้นจะพบกันในจุดหนึ่งบนขอบฟ้า 2 จุด: เส้น จะพบกันที่ 2 จุดบนขอบฟ้า 3 จุด ... คุณจะได้รับความคิด ...

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

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

ฉันพยายามทำเช่นนี้กับตารางมุมมองใน Illustrator CS5 ... ไม่ได้ผลสำหรับฉันถ้าใครทำอย่างนี้กับ Perspective Grid ใน Illustrator โปรดอธิบายขั้นตอนที่แน่นอนในการทำเช่นนั้น

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


1
จนถึงตัวเลือกที่ดีที่สุดที่ฉันได้พบคือสิ่งที่คุณได้แสดงความคิดเห็นภายใต้ @Johannes คำตอบ: แปลงบรรทัดเป็นตาราง มันไกลจากมุมมองภาพวาดสามมิติที่นำเสนอโดยซอฟต์แวร์ 3D CAD ใด ๆ (หรือโดยทั่วไปคือ 3D) แต่อาจเป็นวิธีแก้ปัญหาที่เพียงพอสำหรับซอฟต์แวร์ภาพประกอบ 2D (นั่นคือใช่มีเครื่องมือบางอย่างที่จะช่วยในการวาดภาพด้วยมุมมอง)
Jari Keinänen

คำตอบ:


11

สำหรับtwigitalผู้ออกแบบ ( Chris ) ใช้ Illustrator, กริดและเครื่องมือ 3D Rotate สังเกตว่ามันมีการตั้งค่าล่วงหน้าสำหรับการหมุนมีมิติเท่ากัน

หากคุณต้องการมากกว่าสิ่งที่ผู้วาดภาพประกอบจัดเตรียมไว้ให้ลองใช้ปลั๊กอิน CADtools สำหรับ Illustratorซึ่งมีเครื่องมือสำหรับการวาดภาพมิติและมิติข้อมูล

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

  • ซ้าย = CMD + Shift + F1
  • Top = CMD + Shift + F2
  • ขวา = CMD + Shift + F3

ในการรับสิ่งเหล่านี้สิ่งที่คุณต้องทำคือดาวน์โหลดไฟล์นี้: Isometric.aia และในภาพประกอบจากนั้นไปที่ Actions (Window> Actions) และจากเมนูบริบท (ไอคอนเล็ก ๆ ที่ด้านบนขวาด้วยลูกศรชี้ลงและเส้นแนวนอน 2 เส้น (=)) เลือกการกระทำโหลดและเรียกดู Isometric.aia

มันค่อนข้างง่ายในการสร้างการกระทำตั้งแต่เริ่มต้น

ฉันได้ทำการบันทึกหน้าจอสองสาม:

ไฟล์ arches ที่สมบูรณ์สามารถดาวน์โหลดได้จากที่นี่: iso_arches.ai

โค้งสามมิติ

มี 3 สิ่งสำคัญที่อาจไม่ปรากฏในวิดีโอซึ่งจะมีประโยชน์:

  • ใช้ point snapping / ตารางอ้างอิงเพื่อวางวัตถุได้ง่ายขึ้น
  • ใช้หน่วยสำหรับโมดูลเพื่อให้ชิ้นส่วนต่างกันพอดี
  • เมื่อประกอบวัตถุที่มีชิ้นส่วนซ้ำโดยใช้สัญลักษณ์แทนกลุ่ม

เพื่อทำให้การปรับแต่งง่ายขึ้น


+ 1 สำหรับลิงก์ CADtools สำหรับ Adobe Illustrator CS3, CS4, CS5 และ CS5.5 และการตั้งค่าภาพวาดสามมิติจากเครื่องมือ 3D Rotate ก็ดีเช่นกัน นี่เป็นวิธีการ "ติดตั้งซอฟต์แวร์" ในการวาดภาพวาดภาพสามมิติที่ถูกต้องและแม่นยำ ... แต่ปลั๊กอินของ CADtools นั้นค่อนข้างแพง
Flavius ​​Frantz

1
อาจจะน่าสังเกตว่าการสอน SSR มีตัวพิมพ์ผิด 86.062% ควรเป็น 86.602%เพราะเป็นค่าของ cos (30) และ sin (60) ซึ่งมุมตรงกับการหมุนของคุณ หากคุณไม่แก้ไขปัญหานี้ในที่สุดคุณจะมีปัญหาเพราะสิ่งต่าง ๆ ไม่สอดคล้องกันระหว่างการแปลง
joojaa

1

Illustrator CS5 มีเครื่องมือใหม่ที่เรียกว่า "Perspective" เครื่องมือนี้ช่วยให้คุณสามารถตั้งค่ากริดมุมมอง 2D หรือ 3D ที่ช่วยให้คุณวาดสิ่งต่าง ๆ เพื่อให้มิติ มัน "ยึด" รูปร่างและข้อความลงในระนาบหนึ่งและปรับขนาดและมุมของมันโดยขึ้นอยู่กับตำแหน่งที่วาง

นี่คือวิดีโอบางส่วนโดย Adobe อธิบายว่าเครื่องมือนี้เป็นอย่างไรและใช้อย่างไรในเชิงลึก:

การกำหนดกริดมุมมอง

การวาดงานศิลปะในมุมมอง

นอกจากนี้ที่นี่ยังมีวิดีโอสอนโดยเทอร์รี่ไวท์ซึ่งเป็นเรื่องที่คล้ายกัน

และนี่คือบทช่วยสอนเบ็ดเตล็ด 3 มิติซึ่งไม่จำเป็นต้องใช้เครื่องมือมุมมองใน Illustrator

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

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

แก้ไข

เพื่อให้เข้าใจอย่างชัดเจนเครื่องมือ Perspective ไม่ได้หมายความว่า "True 3D" เป็นเพียงวัตถุ 2 มิติที่มีภาพลวงตาของ 3D (เช่นเดียวกับภาพสามมิติ)

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

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


อืมฉันมี CS5 ฉันสังเกตเห็นตารางเปอร์สเปคทีฟ แต่คุณสามารถตั้งค่าเพื่อให้คุณเข้าสู่โหมด "isometric" ได้หรือไม่? สาเหตุที่มีมิติเท่ากันไม่ได้เป็น 3D เป็น 2D แต่มันครับดู 3D thats ทั้งหมด ... และในกราฟิกมีมิติเท่ากันมีมุมมองที่ไม่ ... [ en.wikipedia.org/wiki/Isometric_projection ]
ฟลาเวียฟ

3
จนถึงตอนนี้ฉันสร้างกริดด้วยตัวเองด้วยเส้นเรียบง่ายในตัววาดภาพประกอบจากนั้นฉันเลือกพวกมันทั้งหมดและไปที่มุมมอง> เส้นบอกแนว> สร้างคำแนะนำเพื่อให้เส้นทั้งหมดของฉันตอนนี้กลายเป็นกริดแบบสามมิติ และด้วยการเปิดใช้งาน Smart Guides ฉันก็ได้สิ่งที่ฉันต้องการ ... ไม่เต็ม แต่ปิด ...
Flavius ​​Frantz

@Flavius: นั่นคือวิธีที่จะทำ คุณควรตอบคำถามนี้
Alan Gilbertson

แก้ไขเพื่อความกระจ่าง หวังว่านี่จะสมเหตุสมผลมากกว่านี้
ฮันนา

@Johannes [ฉันได้แก้ไขคำถามของฉันเพื่อชี้แจงบางสิ่งบางอย่างส่วนใหญ่สำหรับฉันและคนอย่างฉันที่ไม่ได้ทำให้สิ่งเหล่านี้เป็นเรื่องง่าย] โปรดอธิบายวิธีการทำเช่นนี้กับตารางมุมมองใน Illustrator CS5 และบรรลุตัวอย่างใน คำถามหรือตัวอย่างของคุณ แต่ฉันอยากได้ของฉันนั่นคือวัตถุหลายอย่างที่ถูกดึงออกมาแล้วจัดเรียงบนผืนผ้าใบในรูปวาดมีมิติเท่ากัน
Flavius ​​Frantz

1

ฉันอาจจะคิดซับซ้อนเกินไป แต่ฉันคิดว่าฉันควรแบ่งปัน

ความคิดแรกของฉันคือแรดซึ่งเป็นซอฟต์แวร์ 3 มิติ (สำหรับ windows)

ด้วยคุณสามารถสร้างข้อความ 3 มิติและวัตถุ 3 มิติพื้นฐานอย่างลูกบาศก์ถังและสิ่งต่างๆ

นอกจากนี้สิ่งที่ฉันมีในใจคือคุณสมบัติMake2D มันช่วยให้คุณสร้างภาพวาด 2d จากวัตถุ 3 มิติ ..

จากนั้นคุณสามารถบันทึกบรรทัดเหล่านั้นในรูปแบบ. ai


นี่คือตัวอย่างของ (ไม่ถูกต้อง 100%) iphone ที่ฉันทำ (นานมาแล้ว) ที่ตอนนี้ฉันแปลงเป็นบรรทัดและจากที่นำมาให้ Illustrator รูปภาพ

หากสิ่งที่คุณต้องการคือเติมสีด้วย .. ซึ่งอาจเป็นงานที่น่าเบื่อเล็กน้อยตามที่คุณต้องการเข้าร่วมพา ธ ก่อนที่คุณจะสามารถเติมมันได้เลือก 2 บรรทัดขึ้นไปและ Ctrl + J


ตัวเลือกที่น่าสนใจ .. ฉันจะดูมัน
Flavius ​​Frantz

+1 สำหรับคำแนะนำซอฟต์แวร์ 3 มิติที่มีตัวเลือกในการส่งออกแล้วนำเข้าสู่นักวาดภาพประกอบ จะเป็นประโยชน์ไม่เพียง แต่ในกรณีนี้ ...
ฟลาเวียฟ

1

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


เขาเขา ... แน่นอนว่ามันปรากฏขึ้นฉันขอมันใช่มั้ย : P: P [jooooke] กวดวิชาที่ดีฉันจะตรวจสอบในภายหลังในเย็นวันนี้ขอบคุณสำหรับหัวขึ้น :)
Flavius ​​Frantz

แต่แน่นอน! มีตารางภาพสามมิติแบบสำเร็จรูปที่มาพร้อมกับบทช่วยสอนซึ่งสามารถประหยัดเวลาได้ :)
Alan Gilbertson
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.