ดาวน์โหลดบทความ ดาวน์โหลดบทความ

Vector graphics หรือภาพกราฟฟิกเวกเตอร์ ถือเป็นฟอร์แมตที่เหมาะจะใช้ทำโลโก้ รูปภาพ และภาพประกอบอย่างง่ายที่สุด เพราะจะเห็นเส้นและ contour หรือแสงเงาชัดเจน เป็นไฟล์รูปที่ประกอบกันขึ้นจากการกำหนดพิกัด ไม่ใช่พิกเซล จะปรับขนาดยังไงก็ไม่เสียความคมชัด รูปแบบ Vector มักใช้ในการออกแบบกราฟฟิก (graphic design) ออกแบบเว็บไซต์ และโฆษณาต่างๆ ปกติต้องสร้าง vector ขึ้นมาเองแต่ต้น แต่เดี๋ยวนี้ก็มีโปรแกรมแต่งรูปที่ใช้ "trace" หรือแกะรูป JPG ออกมาเป็น vector ได้เหมือนกัน

วิธีการ 1
วิธีการ 1 ของ 2:

ใช้ Adobe Illustrator

ดาวน์โหลดบทความ
  1. Adobe Illustrator เป็นโปรแกรมสำหรับสร้างสรรค์รูปภาพที่โปรและใช้ดีที่สุดโปรแกรมหนึ่ง คุณสามารถสร้างรูป vector จากไฟล์ JPG ได้ง่ายๆ ถ้าคุณไม่มี Illustrator ให้เลื่อนลงไปอ่านวิธีการใช้โปรแกรมฟรีอย่าง GIMP กับ Inkscape ข้างล่างได้เลย
  2. โดยคลิกเมนูที่มุมขวาบน แล้วเลือก "Tracing" จะมีแผงเมนู "Image Trace" โผล่ขึ้นมา
  3. โดยเข้าเมนู File หรือลากไฟล์มาใส่ในหน้าต่างโปรแกรมได้เลย
  4. แล้วจะใช้ตัวเลือก tracing ในแผงเมนู Image Trace ได้
  5. เพื่อดูตัวอย่างการทำงานของแต่ละ settings ก่อนใช้จริง แต่จะทำงานได้ช้าลงนิดหน่อย
  6. มี 5 ปุ่มให้เลือกที่ด้านบนแผงเมนู และมีเพิ่มเติมอีกในเมนูที่ขยายลงมา ปุ่มในแถวด้านบนคือ
    • Auto Color - ปรับสีใหม่โดยอ้างอิงจากสีเดิม
    • High Color - เปลี่ยนสีใหม่เลย
    • Low Color - ปรับสีให้น้อยลงกว่าต้นฉบับ
    • Grayscale - เปลี่ยนสีเป็นขาวดำออกเทาๆ
    • Black and White - เปลี่ยนสีเป็นขาวดำ
  7. รูปที่แปลงเป็น vector จะแสดงสีตามจริงได้ไม่ค่อยดี ต้องปรับลดสีที่ใช้ลง ทำให้รูปดู "แบน" ขึ้น
  8. เพื่อดูตัวเลือกปรับแต่งเพิ่มเติม
  9. เลื่อนแถบ "Paths" เพื่อปรับความถี่-ห่างของ paths ต่อพิกเซล. ถ้าเลื่อนแถบไปทางซ้าย paths จะห่างขึ้น แต่ถ้าเลื่อนไปทางขวา paths จะถี่ขึ้น ยิ่ง path ห่างขอบรูปก็ยิ่งเนียน
  10. ถ้าเลื่อนแถบไปทางซ้าย มุมก็ยิ่งมน ทำให้รูปดูเนียนขึ้น
  11. แถบ Noise ใช้กำหนดว่าพิกเซลกลุ่มไหนถือเป็น "noise" ไม่ควรรวมใน trace ที่จะออกมาเป็น vector จะทำให้เส้นต่างๆ ตรงขึ้น และจุดหยาบในรูปดูเนียนขึ้น
  12. Illustrator จะเริ่ม trace รูป ตอนนี้ให้รอสักพัก
  13. เพื่อแปลงรูปที่ trace แล้วเป็น vector paths คุณจะได้รูป vector ออกมาแทนไฟล์ JPG
  14. พอ trace เสร็จแล้ว ก็ export รูปเป็นไฟล์ vector ได้เลย [1]
    • คลิกเมนู File หรือ Illustrator แล้วเลือก "Save As"
    • copy ไฟล์เป็น .ai ไว้ เวลาจะเอามาเปิดใน Illustrator แล้วแก้ไขใหม่จะได้สะดวก
    • เลือกฟอร์แมต vector ในเมนู "Save As Type" คือ SVG (สำหรับใช้ในเว็บ) กับ PDF (สำหรับพริ้นท์)
    • อย่าเซฟไฟล์เป็น PNG หรือ JPG เพราะพวกนี้ไม่ใช่ vector
    โฆษณา
วิธีการ 2
วิธีการ 2 ของ 2:

ใช้ GIMP และ Inkscape

ดาวน์โหลดบทความ
  1. เป็นโปรแกรมฟรีแบบ open-source ใช้แปลงไฟล์ JPG เป็นไฟล์ vector โดย GIMP นั้นเป็นโปรแกรมแต่งรูปเหมือน Photoshop ส่วน Inkscape เป็นโปรแกรมแต่งรูป vector เหมือน Illustrator ทั้ง 2 โปรแกรมนี้ใช้ได้กับทุกระบบปฏิบัติการ
    • คุณดาวน์โหลด GIMP ได้ที่ gimp.org จากนั้นก็เปิดไฟล์ติดตั้งที่ใช้ได้กับระบบปฏิบัติการของคุณ ไม่ต้องไปปรับแต่ง settings อะไร ให้ทิ้งไว้เป็นค่า default
    • คุณดาวน์โหลด Inkscape ได้ที่ inkscape.org จากนั้นก็เปิดไฟล์ติดตั้งที่ใช้ได้กับระบบปฏิบัติการของคุณ และไม่ต้องปรับแต่ง settings เช่นกัน
    • วิธีการนี้เหมาะสำหรับรูปที่สีน้อยๆ รายละเอียดไม่เยอะ อย่างพวกโลโก้และตราสัญลักษณ์เท่านั้น ถ้าแปลงรูปรายละเอียดแน่นๆ จะยากต่อการเกลี่ยขอบให้เนียนและปรับสีให้ออกมาดี
  2. ใช้ Rectangle Select tool เลือกบางส่วนของรูปที่อยากจะแปลงเป็น vector. ให้คุณใช้ selection tool ตีกรอบรูปคร่าวๆ เวลาเปลี่ยนสีจะได้ง่ายๆ
  3. เพื่อลบทุกอย่างยกเว้นบริเวณที่คุณเลือกไว้
  4. เพื่อตัดส่วนที่เลือกไว้
  5. พอ crop รูปแล้วก็ export ไฟล์ได้เลย โดยคลิกเมนู File แล้วเลือก "Export As" ไม่ต้องไปปรับ settings อะไร ทิ้งไว้เป็นค่า default เสร็จแล้วตั้งชื่อไฟล์ให้รู้ว่านี่คือเวอร์ชั่นที่ crop แล้ว
  6. พอ export ไฟล์แล้ว ให้เปิดไฟล์ใน Inkscape รูปจะโผล่มาใน workspace หรือหน้ากระดาษของของ Inkscape
  7. ต้องเลือกรูปก่อนถึงจะ trace ใน Inkscape ได้
  8. เพื่อเปิดหน้าต่าง Trace Bitmap
  9. เพื่อดูตัวอย่างว่าถ้าใช้วิธีการนั้นๆ แล้วรูป vector จะออกมาเป็นยังไง
    • ถ้าเลือก "Colors" สีรูปจะออกมาใกล้เคียงต้นฉบับที่สุด
  10. คุณปรับบาง settings ของวิธีการต่างๆ ได้ โดยคลิก "Update" หลังเปลี่ยน settings แล้ว เพื่อดูผลที่ได้
  11. รูปต้นฉบับจะถูก trace กลายเป็นรูป vector
  12. คุณใช้เครื่องมือนี้เลือกบางบริเวณของรูป vector ได้ แล้วลาก nodes หรือกล่องสี่เหลี่ยมเล็กๆ เพื่อปรับขนาดและแสงเงาได้ ให้คลิกที่บางส่วนของรูป คุณจะเห็นว่ามีกล่องสี่เหลี่ยมเล็กๆ โผล่ขึ้นมาเต็มไปหมด ถ้าลากกล่องพวกนี้จะเปลี่ยนรูปร่างของบริเวณที่เลือกไว้ได้ [2]
  13. ระหว่าง trace รูป บางส่วนของรูปอาจจะไปเชื่อมกับบริเวณที่ไม่ควรเชื่อม คุณก็ใช้ Break Paths tool แยกบริเวณเหล่านี้ออกจากกันได้ โดยลบ nodes ที่เชื่อมกันอยู่
  14. พอปรับแต่งจนพอใจแล้ว ก็เซฟรูปเป็นไฟล์ vector ได้เลย
    • คลิกเมนู File แล้วเลือก "Save As"
    • เลือกฟอร์แมต vector จากในเมนู "Save as type" ที่นิยมใช้กันคือ SVG (สำหรับใช้ในเว็บ) กับ PDF (สำหรับพริ้นท์)
    • copy ไฟล์เป็น Inkscape SVG ไว้ จะได้กลับมาแก้ไขง่าย
    โฆษณา

เกี่ยวกับวิกิฮาวนี้

มีการเข้าถึงหน้านี้ 36,415 ครั้ง

บทความนี้เป็นประโยชน์กับคุณไหม

โฆษณา