วิธีการวางวัตถุหนึ่งทั้งด้านหน้าและด้านหลังวัตถุอื่นในเวลาเดียวกันได้อย่างไร


37

ฉันพยายาม (เป็นแบบทดสอบ) เพื่อสร้างวงกลมโดยมีแท่งผ่าน แถบควรอยู่ใต้วงกลมด้านใดด้านหนึ่งและอีกด้านหนึ่ง

ฉันได้ทำสิ่งนี้โดยการแยกวงกลมออกเป็นสองวัตถุ แต่มีตะเข็บที่มองเห็นได้ซึ่งการแยกได้ทำเสร็จแล้วแม้ว่าเส้นทางจะตรงกันทั้งหมด

ป้อนคำอธิบายรูปภาพที่นี่

อีกทั้งเงาใต้ส่วนด้านซ้ายของวงกลมไม่ได้อยู่เหนือแถบที่ควรจะเป็นและฉันไม่สามารถคิดวิธีใด ๆ ในการแก้ไขปัญหานี้โดยไม่แยกวัตถุเงาด้วย

มีวิธีที่ดีกว่าในการทำเช่นนี้?


หากจำเป็นฉันสามารถอัปโหลด svgได้เช่นกัน


2
คุณเคยลองแยกบาร์หรือไม่? นอกจากนี้ตรวจสอบให้แน่ใจว่าคุณไม่ได้อยู่ในปริมาณการซูมเศษส่วนเนื่องจากบางครั้งอาจส่งผลต่อการแสดงผลของเส้นและรอยต่อของเส้น
Johnny Kutnowski

คุณใช้ซอฟต์แวร์อะไร Illustrator?
Henrik Ekblom

1
ไม่อนุญาตให้ใช้การซ้อนทับแบบผสมของวัตถุใน Inkscape แต่คุณสามารถดำเนินการต่อได้หลายวิธี เร็วที่สุดอาจจะตัดวงกลมที่ถูกปกคลุมด้วยแถบ (ตัดตรง) อีกทางหนึ่งคุณสามารถย้ายจุดเชื่อมต่อได้อย่างแม่นยำมากขึ้น (ไม่ควรมองเห็นตะเข็บ: อาจเป็นปัญหาในแบบที่คุณตัดเป็นวงกลม)
เปาโลกิเบลลินี

2
PS การจัดตำแหน่งของขอบดูเหมือนจะมีปัญหา Inkscape (ดูที่นี่ , ที่นี่และที่นี่ ) และดูคำถามที่พบบ่อยเกี่ยวกับการลดรอยหยักด้วย Inkscape : ถ่ายขอบแนวนอน / แนวตั้งของคุณบนกริดพิกเซลและใช้จำนวนพิกเซลที่กว้าง ส่งออกบิตแมปที่ 90dpi เพื่อให้ 1 px หน่วยสอดคล้องกับ 1 บิตแมปพิกเซล
เปาโล Gibellini

@JohnnyKutnowski มันเปลี่ยนไปด้วยการซูมบางครั้งรอยแยกเกือบจะหายไป อย่างไรก็ตามมันสามารถมองเห็นได้ชัดเจนเมื่อซูม 1: 1
gandalf3

คำตอบ:


42

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

นี่คือทางออกของฉันในการนี้ ตัวอย่างเช่นฉันตัดแถบธรรมดาเพราะมันง่ายกว่า แต่การตัดวงกลมด้านนอกมีข้อดีบางอย่างซึ่งฉันจะกล่าวถึงในภายหลัง ภาพแรก:

เทคนิคการซ้อนทับบางอย่าง

ด้านซ้ายใช้วัตถุโปร่งใส (หนึ่งสีน้ำเงินสีน้ำเงินหนึ่งแดง) สำหรับการสาธิตทางด้านขวาจะแสดงผลลัพธ์

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

ทีนี้มาดูเงากันดีกว่า:

ป้อนคำอธิบายรูปภาพที่นี่

คำสั่งซื้อเป็นเช่นเดียวกับข้างต้น ทางด้านขวาเรามีเงาเพียงอย่างเดียวเพื่อการแสดงที่ดีขึ้น

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

¹คุณสามารถทำสิ่งนี้ได้ดังนี้:

  1. ทำการตัดตามปกติ
  2. เพิ่มโหนดที่อยู่ตรงกลางของแต่ละคมตัด
  3. ย้ายแต่ละโหนดออกไปข้างนอกหนึ่งในสี่ของความกว้าง²ของสิ่งที่คุณตัด

²สำหรับค่านี้ฉันพบว่าการบิดเบือนของเงานั้นต่ำที่สุด


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