ภาพดูนูนเมื่อแปลงเป็น SVG


35

ฉันแปลงภาพแรสเตอร์เป็นเวกเตอร์ใน Illustrator CS6 โดยใช้ Image Trace จากนั้นเลือกขยายแม้ว่าฉันจะบันทึกเป็น svg ภาพก็จะนูน ฉันสงสัยว่าเป็นเพราะพื้นหลังเลเยอร์เป็นสีขาวและเส้นทางไม่เรียงกัน แต่ฉันไม่แน่ใจว่าจะแก้ไขหรือพิสูจน์ทฤษฎีนั้นได้อย่างไรโดยไม่ต้องปรับตนเองทุกเส้นทาง

นี่คือลักษณะที่ปรากฏใน Illustrator ก่อนที่ฉันจะส่งออก:

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

ภาพมีลักษณะเช่นนี้เมื่อบันทึก / ส่งออกด้วยตัวเลือกการปรับให้เหมาะสมกับศิลปะ:

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


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

@CaiMorris ฉันแก้ไขคำถามของฉันเพื่อรวมภาพหน้าจอของลักษณะที่ปรากฏใน Illustrator และหมายเหตุเกี่ยวกับ Image Trace
CreativeMind

คุณสามารถอัปโหลดภาพเหล่านี้อีกครั้งได้หรือไม่ถ้ายังมีอยู่ เว็บไซต์ที่คุณใช้โฮสต์ไม่ทำงาน
MD XF

1
หมายเหตุ: @WELZ เพิ่มรูปภาพใหม่
joojaa

คำตอบ:


43

พวกเขาจะเรียกสิ่งประดิษฐ์ conflation ถ้าคุณต้องการที่จะดูว่าเครื่องมือเวกเตอร์ที่แตกต่างกันตอบสนองดูที่นี่ หากคุณต้องการที่จะเข้าใจเหตุผลทางเทคนิคสำหรับบางคนเห็นว่าการอภิปรายที่นี่ โดยทั่วไปการเกิดความสับสนนั้นเกิดขึ้นเพราะเราแปลงความครอบคลุมเป็นความทึบและนั่นไม่ได้ผล หากคุณต้องข้ามการป้องกันนามแฝงจากการครอบคลุมคุณจะไม่มีปัญหา conflation * ด้วยเหตุผลเดียวกับการสุ่มตัวอย่างแบบสุดยอดก็ไม่มีปัญหา

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

ไม่ควรตัดรูปร่างด้านล่าง

ภาพที่ 1 : ไม่ควรตัดหรือแบ่งปันขอบด้วยรูปร่างด้านล่าง

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

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

* ด้วยเหตุนี้เครื่องพิมพ์จึงไม่มีปัญหา ในความเป็นจริงการตัดเป็นสิ่งสำคัญสำหรับกระบวนการพิมพ์แผ่น


4
@ joojaa ดูเหมือนว่าปัญหาเกี่ยวข้องกับสิ่งประดิษฐ์ขอบคุณสำหรับการศึกษาในเรื่องนั้น ฉันลองใช้ตัวเลือกOffset Pathแต่จบลงด้วยการเปิดไฟล์ต้นฉบับและลองใช้Image Traceอีกครั้งและพบตัวเลือกการตั้งค่าขั้นสูงภายใต้Image Traceหรือที่เรียกว่าMethodซึ่งเปลี่ยนพา ธ จาก cutout เป็น stack
CreativeMind

2
ผลข้างเคียงที่ดี (IMHO) คือภาพทางด้านซ้ายมีจุดน้อยกว่าดังนั้น SVG ที่ได้จะมีขนาดเล็กลง :)
Andrea Lazzarotto
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.