คำถามติดแท็ก svg

คำถามเกี่ยวกับกราฟิกแบบเวกเตอร์ที่ปรับขนาดได้; กลุ่มข้อมูลจำเพาะของรูปแบบไฟล์ที่ใช้ XML สำหรับการอธิบายกราฟิกแบบเวกเตอร์สองมิติทั้งแบบคงที่และแบบไดนามิก (เช่นแบบโต้ตอบหรือแบบเคลื่อนไหว) ถามทุกสิ่งที่เกี่ยวข้องกับการออกแบบกราฟิกสำหรับรูปแบบ SVG

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

4
ฉันควรใช้ไฟล์ประเภทใดสำหรับโลโก้เมื่อส่งออกจาก Adobe Illustrator
ฉันเป็นศิลปินที่ยอดเยี่ยมสำหรับ Adobe Illustrator ฉันกำลังออกแบบโลโก้สำหรับ บริษัท โดยใช้ Illustrator ฉันควรส่งไฟล์ประเภทใดเมื่อทั้งหมดเสร็จสิ้นเพื่อให้พวกเขาสามารถใช้โลโก้นี้ในแบบที่พวกเขาเลือกได้? ฉันรู้ว่า Photoshop ค่อนข้างดี แต่ Illustrator นั้นใหม่สำหรับฉัน ให้การศึกษาตนเองช้าลงผ่านบทช่วยสอนของ Adobe แต่ต้องทำให้โครงการนี้เสร็จเร็ว ๆ นี้ ขอบคุณล่วงหน้าสำหรับความช่วยเหลือของคุณ! นอกจากนี้และจากประสบการณ์ของฉันกับ PS ฉันต้องเลเยอร์เลเบลใน Illustrator ให้เรียบก่อนส่งสิ่งนี้ให้ลูกค้าหรือไม่ กรุณาให้อภัยการขาดความรู้ของ Illustrator ฉันกำลังทำมันอยู่! :)

5
แบ่งเส้นทางออกเป็นสองเส้นทางแยกกันใน InkScape
ฉันมีภาพวาดขาวดำของใบหน้าที่ทำใน SVG ใบหน้าทั้งหมดเป็นเส้นทางเดียว ฉันจะเลือกเพียงแค่ตาและทำให้มันเป็นเส้นทางที่สองแยกจากกันได้อย่างไร ขอบคุณ โปรดทราบว่าดวงตานั้นลอยอยู่ในอวกาศและไม่ได้เชื่อมต่อกับจมูกปากและอื่น ๆ
12 inkscape  svg 


1
มีอะไรที่สามารถอ่านนำเข้าหรือแปลง CMYK SVG ได้บ้าง
คำถามสั้น:ฉันมีไฟล์ SVG ที่มีสี CMYK ระบุเป็นไปตามรายละเอียด SVG ฉันต้องการนำสิ่งนี้เข้าสู่โปรแกรมออกแบบ - โปรแกรมออกแบบใด ๆ - เพื่อจบการออกแบบและเตรียมพิมพ์ อย่างไรก็ตามฉันไม่พบสิ่งใดที่ให้ความสนใจกับสีของ CMYK ใน SVG (ไม่ใช่ Illustrator หรือ Inkscape) สีมีความซับซ้อนและไม่ใช่เรื่องง่ายที่จะแปลงเพียงแค่: ลองจินตนาการว่ามีเฉดสีหลายร้อยเฉดที่ถูกสร้างขึ้นแบบไดนามิกเนื่องจากโทนสีและการผสมผสานของ CMYK ที่ระบุแนวทางของแบรนด์ที่ต้องเป็นไปอย่างถูกต้อง พื้นหลัง:บางสิ่งที่เป็นเรื่องธรรมดาคือการออกแบบกราฟิกที่ขับเคลื่อนด้วยข้อมูลที่สร้างขึ้นจากข้อมูลโดยใช้ javascript และ SVG จากนั้นเผยแพร่ตัวแปรหนึ่งสำหรับเว็บโดยใช้ javascript และ SVG เช่นผ่านD3 (หรือผ่านRaphael / D34Raphaelสำหรับการสนับสนุน IE) จากนั้นใช้รหัสเดียวกันในการสร้างชุดตัวเลือกสำหรับการพิมพ์ซึ่งเสร็จสิ้นใน Illustrator (หรือ Inkscape) และส่งไปยังเครื่องพิมพ์หรือเค้าโครงคนเป็น PDF นี่คือตัวอย่างจากบล็อกกราฟิกของ New York Times ที่พูดถึงกระบวนการทำงานนี้ กราฟิกด้านล่างถูกเขียนขึ้นสำหรับเว็บจากนั้น SVG …

5
vectorizing การละเมิดลิขสิทธิ์ภาพหรือไม่หากภาพไม่ใช่ CC / โดเมนสาธารณะ
ตกลงหรือไม่ที่จะทำให้ภาพนี้เป็นแบบเวกเตอร์เพื่อทำให้โปสเตอร์ออกมาแม้ว่าภาพนั้นจะไม่ใช่ Creative Commons หรืออะไรทำนองนั้น ฉันไม่ได้ใช้ส่วนใดส่วนหนึ่งของภาพโดยตรงและจะใช้เป็นแนวทางในการสร้างเวอร์ชัน SVG ของฉันเท่านั้น นี่คือภาพ: นี่คือภาพต้นฉบับ มันบอกว่ามันเป็นใบอนุญาต CC แต่ NatGeo ดั้งเดิมไม่ใช่ฉันไม่คิด ฉันไม่ได้วางแผนที่จะทำเงินหรืออะไรก็ตามฉันแค่ต้องการโปสเตอร์ที่ดีและคุณภาพของต้นฉบับนั้นไม่ดี

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

1
ฉันจะสร้าง tesselation หกเหลี่ยมแบบเรียงต่อกัน (สำหรับ SVG / Web) ได้อย่างไร
ฉันต้องการสร้างภาพพื้นหลัง SVGสำหรับหน้าเว็บโดยใช้รูปหกเหลี่ยมปกติในรูปแบบ tessellation คล้ายกับภาพด้านล่าง อย่างไรก็ตามฉันต้องการรูปหกเหลี่ยมเพื่อเชื่อมต่อระหว่างกันเพื่อให้ฉันสามารถใช้: background-image: url("path-to-hex.svg"); รูปแบบ CSS ฉันต้องการทำสิ่งนี้ใน Inkscape ฉันไม่แน่ใจว่าจะ "ตัด" ลวดลายเป็นบล็อกได้อย่างไร ฉันจะเริ่มต้นทำสิ่งนี้ได้อย่างไร แก้ไข ผลออกมาดูดีจริงๆ!
11 inkscape  svg  patterns 

4
การเปลี่ยน DPI ของการส่งออก PNG ของ Inkscape
ฉันใช้ Inkscape และต้องการส่งออกภาพ PNG (ของไฟล์ SVG ของฉัน) ขนาด 1080 px คูณ 1920 px อย่างไรก็ตาม DPI นั้นถูกตั้งค่าเป็น 90 เสมอและหากมีการเปลี่ยนแปลงขนาดจะเปลี่ยนไปด้วย เป็นไปได้หรือไม่ที่จะมี DPI ที่สูงขึ้นด้วยขนาดเท่ากัน?

1
Illustrator กำลังส่งออก SVG ช่องมองภาพไม่ตรงกับขนาดของบอร์ดใช่ไหม
ฉันพยายามที่จะส่งออก SVG จาก Illustrator บอร์ดศิลปะของฉันคือ 256x256 พิกเซล มุมซ้ายบนของบอร์ดจะอยู่ที่ 0,0 เมื่อฉันส่งออก SVG ฉันแอตทริบิวต์viewbox 0.5 792.5 256 256ทำไมไม่เป็นเช่นนั้น0 0 256 256? เลเยอร์ / เส้นทาง / ฯลฯ ทั้งหมดอยู่ในกล่อง 256x256 ไม่มีอะไรอยู่ข้างนอก นอกจากนี้ฉันเพิ่งสร้างเอกสารใหม่ขนาด 256x256 และคัดลอก / วางเลเยอร์ทั้งหมดของฉันจากไฟล์เก่าไปยังเอกสารใหม่และช่องมองภาพก็0 0 256 256เป็นไปตามที่คาดไว้ แล้วมันเกี่ยวกับไฟล์ต้นฉบับที่เข้ามาในออฟเซ็ตนั้นviewboxคืออะไร? อัปเดต: ฉันเพิ่งลบเลเยอร์ทั้งหมดยกเว้นหนึ่งรายการแล้วส่งออก ตอนนี้ viewbox: 0.5 536.5 256 256ซึ่งยังไม่สมเหตุสมผล โดยเฉพาะอย่างยิ่งเนื่องจาก artboard ว่างเปล่าในขณะนี้ นี่คือไฟล์ AI หากคุณต้องการดู: …

2
การเปิด PDF ใน Illustrator จะแยกวัตถุข้อความออก
ฉันเพิ่งต้องแปลงPDFไฟล์บางไฟล์เป็นSVGและทำได้โดยเปิด PDF ในIllustratorและบันทึกเป็น SVG ปัญหาคือเมื่อ Illustrator เปิดไฟล์ PDF วัตถุข้อความจำนวนมาก (แต่ไม่ทั้งหมด) จะถูกแยกออกเป็นวัตถุข้อความที่แตกต่างกัน ตัวอย่างเช่นคำว่า "นโยบาย" จะไม่เป็นวัตถุข้อความเดียว แต่จะเป็นวัตถุข้อความหลายรายการ "po", "l", "icy" ดูเหมือนจะไม่มีการสัมผัสหรือเหตุผลใด ๆ ฉันจะป้องกันไม่ให้เกิดเหตุการณ์เช่นนี้ได้อย่างไร

3
วิธีการส่งออกไฟล์ SVG แบบเคลื่อนไหวจาก Adobe After Effects
ฉันกำลังทำงานกับแอนิเมชั่นข้อความในAdobe After Effectsและฉันต้องการส่งออกแอนิเมชั่นของฉันในรูปแบบSVG แบบเคลื่อนไหวเพื่อที่ฉันจะสามารถใช้งานได้บนเว็บไซต์และแอพมือถือของฉัน ไม่มีใครรู้วิธีการทำเช่นนั้น?

3
เป็นไปได้ไหมที่จะแปลง PostScript เป็น SVG (Inkscape)
เป็นไปได้ไหมที่จะแปลงไฟล์ PostScript เป็น SVG จากคำตอบใน Tex.SEฉันพยายามใช้ inkscape: inkscape test.ps --export-inkscape-svg=test.svg สิ่งนี้ทำให้เกิดไฟล์ SVG แต่เปลี่ยนแบบอักษรและลบระยะห่างระหว่างตัวอักษร เป็นตัวอย่างการทำงานที่น้อยที่สุดฉันสร้างไฟล์ PostScript ที่มีข้อความเท่านั้น (แม้ว่าไฟล์ดั้งเดิมของฉันจะมีทั้งข้อความและกราฟิก) ภาพต่อไปนี้แสดงไฟล์ PostScript (ด้านบน) และไฟล์ SVG ที่เป็นผลลัพธ์ (ด้านล่าง): วิธีที่ถูกต้องในการแปลง PS เป็น SVG คืออะไร?

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

1
Inkscape ตัดสินใจอย่างไรว่าจะใช้ flowRoot หรือข้อความ
โปรแกรมที่ฉันกำลังสร้าง svg ไม่แสดงข้อความที่ฉันสร้างใน Inkscape โดยที่ Inkscape บันทึกข้อความเป็น flowRoot Inkscape เลือกที่จะใช้เมื่อsvg:flowRootใด มีวิธีที่จะบอกว่าการแปลงข้อมูลที่มีsvg:flowRootเข้ามาsvg:text?
9 text  inkscape  svg 

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