วิธีการแปลงภาพบิตแมปที่มีคุณภาพต่ำเป็นเวกเตอร์?


8

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

  • ต่อต้านนามแฝงบนพื้นหลังสีขาวที่ควรมีความโปร่งใส
  • สิ่งประดิษฐ์รูปภาพ
  • ปรับขนาดลงต่ำ
  • เส้นที่ควรตรงและมั่นคงไม่ใช่

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

คำตอบ:


7

ฉันคิดว่ามันมีโซลูชันโอเพ่นซอร์สสำหรับเรื่องนี้นอกเหนือจากซอฟต์แวร์ Adobe: Inkscape

ฉันมีปัญหาเดียวกันเมื่อสองสามปีก่อนกับโลโก้โหลและสามารถแก้ไขได้ด้วย Inkscape ด้วยวิธีนี้:

  1. เปิดรูปภาพบิตแมป
  2. คลิกซ้ายเพื่อเลือก
  3. เส้นทาง / ติดตามบิตแมป
  4. ตอนนี้คุณต้องเริ่มต้นการทดสอบด้วยการตั้งค่าที่เป็นไปได้และรีเฟรชตัวอย่างที่ด้านขวาของกล่องโต้ตอบ "Inkscape รวมโปรแกรม Potrace ( http://potrace.sourceforge.net ) เพื่อให้การทำงานนี้และเอกสารเชิงลึกเกี่ยวกับฟังก์ชั่นของคุณสมบัตินี้สามารถพบได้ที่เว็บไซต์ของ Potrace" - จากเอกสาร Inkscape
  5. บันทึกเป็น SVG

5

มี 2 ​​ตัวเลือกที่ฉันได้ใช้ แต่พวกเขาต้องการซอฟต์แวร์ที่ไม่ได้ราคาถูก Adobe จัดให้มีการทดลอง 30 วันสำหรับทั้งสองกรณี

วิธีที่ 1 - การใช้ Adobe Illustrator

  • เปิดโปรแกรม Illustrator
  • เลือกไฟล์> ใหม่จากเมนูและตั้งค่าเค้าโครงตามต้องการ
  • เลือกไฟล์> วาง ...และค้นหาไฟล์โลโก้ (ฉันจำไม่ได้ว่าภาพต้องเป็นรูปแบบเฉพาะหรือไม่)
  • เลือกรูปภาพและไปที่Object> Live Paint หรือ Live Trace (ในกรณีของคุณการทาสีสดอาจจะดีกว่าเนื่องจากการวาดไม่ใช่มือขวาของคุณ)
  • ตอนนี้ภาพควรจะเป็นแบบเวกเตอร์และคุณสามารถปรับแต่งได้ตามต้องการและการปรับขนาดจะรักษาคุณภาพได้เนื่องจากมันถูกทำให้เป็นแบบเวกเตอร์

วิธีที่ 2 - การใช้ Adobe Flash & Illustrator

  • เปิดแฟลช
  • สร้างเอกสารแฟลชใหม่
  • เลือกไฟล์> นำเข้า> นำเข้าสู่สเตจ (Ctrl + R) และค้นหา (กราฟิกบิตแมป) ซึ่งคุณต้องการแปลงเป็นเวกเตอร์
  • เลือกรูปภาพทั้งหมด (Ctrl + A) จากนั้นคลิก Modify - Bitmap - Trace bitmap จากนั้นเลือกตัวเลือกจากหน้าต่างที่เปิดขึ้น
  • ส่งออกเป็น * .ai (ไฟล์ Adobe Illustrator)
  • เปิดใน Illustrator แล้วปรับตามต้องการ

4

ImageMagickเอกสารการใช้งานมีคำอธิบายที่ดีของวิธีการดำเนินการตรวจจับขอบและแรสเตอร์เวกเตอร์แปลง จากส่วน edge_vector ซึ่งเริ่มต้นด้วยการพูดเพื่อผลลัพธ์ที่ดีที่สุดอย่าใช้ imagemagick:

โปรแกรมที่สามารถทำได้ ได้แก่ : "ScanFont", "CorelTrace" และ "Streamline" โดย Abobe อย่างไรก็ตามสิ่งเหล่านี้ส่วนใหญ่มีค่าใช้จ่ายเงินเป็นจำนวนมาก แต่ทางออกฟรีคือ " AutoTrace " หรือ " PoTrace " ข้อเสนอแนะอื่น ๆ ยินดีต้อนรับ

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

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

คุณสามารถเรียกใช้งานอัตโนมัติทางออนไลน์ได้หากต้องการลองใช้งาน


1

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

เห็นได้ชัดว่านี่อาจไม่ใช่ตัวเลือกหากคุณไม่มีเครื่องมือหรือทักษะการวาดรูปของคุณไม่ได้ (พยายามพูดอย่างสุภาพ) จนถึงงาน


ฉันวาดไม่ได้สำหรับชีวิตของฉันดังนั้นการวาดใหม่จึงไม่ใช่ตัวเลือก ภาพนั้นเป็นยอด
มัจฉา

0

ไม่ฟรี แต่เป็นเครื่องมือที่ยอดเยี่ยมที่จะใช้: CorelDraw มันมีฟังก์ชั่นการติดตามบิตแมปเพื่อสร้างภาพเวกเตอร์และทำงานได้ดีจริงๆ มีผลลัพธ์ที่ยอดเยี่ยมมากมายกับมัน เช่นเดียวกับโลโก้จำนวนมากที่มีการใช้สีน้อยลงดังนั้นจึงเป็นความคิดที่ดีที่จะลดความหนาแน่นของคอร์เดอร์

ก่อนที่คุณจะทำเช่นนี้ให้เพิ่มขนาดของกราฟิกเป็นประมาณ 4x (หรือมากกว่า) และลดสีสมมติว่ามี 16 สีถ้าเป็นไปได้ หลังจากนี้เพิ่มสีและปรับขนาดกลับ มันจะนุ่มขอบเขต เครื่องมือที่ยอดเยี่ยมคือ PaintShop Pro รุ่นเก่า (ฉันใช้รุ่น 7 จากปี 2000) ได้ผลลัพธ์ที่ยอดเยี่ยมมากมายราชาแห่งการลดสี

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

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