วิธีทำให้ภาพเป็นเวกเตอร์ใน Adobe Illustrator

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

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

ภาพเวกเตอร์คืออะไร?

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

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

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

ภาพแรสเตอร์และเวกเตอร์แตกต่างกันในแง่ของรูปแบบไฟล์ โดยภาพแรสเตอร์จะแสดงด้วยประเภทไฟล์ทั่วไป เช่น JPEG และ GIF ในขณะที่ภาพเวกเตอร์มักถูกบันทึกในรูปแบบเช่น SVG, EPS หรือ AI

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

ขั้นตอนที่ 1: เลือกรูปภาพเพื่อแปลงเป็นเวกเตอร์

ผลกระทบขององค์ประกอบภาพในกรณีนี้ไม่สำคัญ ยกเว้นเวลาที่ต้องใช้ในการแก้ไขซึ่งเพิ่มขึ้นตามสัดส่วนของขนาดของภาพ อย่างไรก็ตาม องค์ประกอบกราฟิกบางอย่างทำงานเป็นเวกเตอร์ได้อย่างมีประสิทธิภาพมากกว่าแรสเตอร์

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

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

ขั้นตอนที่ 2: เลือก Image Trace Preset

Illustrator มีเครื่องมือพิเศษที่เรียกว่า “Image Trace” ซึ่งช่วยให้สามารถแปลงภาพแรสเตอร์เป็นเวกเตอร์ได้ คุณสมบัติที่โดดเด่นนี้มาพร้อมกับชุดตัวเลือกที่ตั้งค่าไว้ล่วงหน้าซึ่งอำนวยความสะดวกในกระบวนการโดยมีการแทรกแซงของผู้ใช้น้อยที่สุด เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ขอแนะนำให้เลือกค่าที่ตั้งไว้ล่วงหน้าของ Image Trace ที่ใกล้เคียงกับลักษณะของภาพที่กำลังติดตามมากที่สุด เนื่องจากการตั้งค่าต่างๆ

ปิด

ตัวเลือกของคุณคือ:

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

ข้อความที่ให้ไว้มีคำอธิบายสั้น ๆ ของค่าสีล่วงหน้าต่างๆ ที่สร้างภาพแรสเตอร์ในรูปแบบเวกเตอร์ ตัวเลือกประกอบด้วย"3 สี"ซึ่งสร้างภาพโดยใช้เฉดสีที่แตกต่างกันเพียงสามสี “6 สี” ซึ่งใช้จานสีที่หลากหลายมากขึ้นด้วยหกโทนสีที่แตกต่างกัน และสุดท้ายคือ “16 สี” ซึ่งใช้ช่วงสีที่สมบูรณ์ยิ่งขึ้นด้วย 16 เฉดสีที่ไม่เหมือนใคร ค่าที่ตั้งไว้ล่วงหน้าเหล่านี้เหมาะอย่างยิ่งสำหรับการสร้างการออกแบบที่เรียบง่ายแต่ดึงดูดสายตา เช่น โลโก้หรืองานศิลปะกราฟิกที่มีสีเรียบๆ เรียบๆ เป็นส่วนใหญ่

ค่าที่ตั้งไว้ล่วงหน้า “เฉดสีเทา” ได้รับการออกแบบมาเพื่อสร้างภาพถ่ายสีเดียวที่แสดงผลอย่างประณีต โดยเน้นความแตกต่างและความละเอียดอ่อนของเฉดสีต่างๆ ภายในสเปกตรัมโทนสีเทา

การใช้ตราสัญลักษณ์แบบสีเดียวซึ่งมีเฉดสีดำและขาวที่ตัดกันนั้นทำได้โดยแนวทางการออกแบบนี้

หมวดหมู่ดังกล่าวรวมถึง Sketched Art ซึ่งประกอบด้วย Silhouettes, Line Art และ Technical Drawing สื่อเหล่านี้มีประสิทธิภาพโดยเฉพาะอย่างยิ่งในการแสดงภาพบางประเภท

ในการเริ่มต้นกระบวนการ ให้เปิด Adobe Illustrator และไปที่ไฟล์รูปภาพที่ต้องการ เมื่อเลือกแล้ว ตัวเลือกรูปภาพจะปรากฏขึ้นโดยอัตโนมัติภายใน

กรุณาคลิกปุ่ม “Image Trace” เพื่อเลือกการตั้งค่าล่วงหน้าที่เหมาะกับความต้องการของคุณ ตัวเลือกที่เราแนะนำสำหรับภาพนี้โดยเฉพาะ ได้แก่ “ภาพถ่ายความละเอียดสูง” หรือ “ภาพถ่ายคุณภาพต่ำ” ซึ่งทั้งสองตัวเลือกให้รายละเอียดในระดับต่างๆ กัน โปรดเลือกตัวเลือกของคุณเพื่อเริ่มกระบวนการติดตาม

ขั้นตอนที่ 3: Vectorize ภาพด้วย Image Trace

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

สังเกตคุณภาพของภาพต้นฉบับที่พร่ามัวและเป็นเม็ดเล็กๆ ต่อไปนี้เป็นเวอร์ชันปรับปรุง:

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

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

หลังจากกระบวนการแปลง เราได้รับรูปภาพที่แสดงเป็นกราฟิกแบบเวกเตอร์:

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

ขั้นตอนที่ 4: ปรับแต่งภาพที่ติดตามของคุณอย่างละเอียด

หลังจากระบุรูปภาพโดยใช้เครื่องมือ Tracing ใน Adobe Illustrator แล้ว การเข้าถึงแผง Image Trace ผ่านเมนู Window ช่วยให้สามารถปรับแต่งกระบวนการแปลงเพิ่มเติมได้

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

หากต้องการรักษาการตั้งค่าที่คุณต้องการไว้ใช้ในอนาคต โปรดไปที่ตัวเลือก"จัดการค่าที่ตั้งล่วงหน้า"ซึ่งอยู่ติดกับการเลือก"ค่าที่ตั้งไว้ล่วงหน้า"จากตรงนั้น เพียงเลือกคุณสมบัติ “บันทึกเป็นค่าที่ตั้งไว้ใหม่” เพื่อสร้างค่าที่ตั้งไว้ล่วงหน้าที่สามารถเรียกใช้งานได้ง่ายทุกเมื่อ

ขั้นตอนที่ 5: ยกเลิกการจัดกลุ่มสี

ขั้นแรก เลือกภาพที่ติดตามใหม่ ประการที่สอง นำทางไปยัง

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

เมื่อเปิดแผงเลเยอร์ เราจะสังเกตได้ว่ากลุ่มสีได้รับการจัดกลุ่มเป็นเลเยอร์ที่แตกต่างกัน โดยเฉพาะอย่างยิ่งเมื่อเลือกตัวเลือก High Fidelity เนื่องจากมีการสร้างเลเยอร์จำนวนมาก

ขั้นตอนที่ 6: แก้ไขภาพเวกเตอร์ของคุณ

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

หากต้องการปรับแต่งเฉดสีของภาพประกอบ ให้เลือกหมวดหมู่สีทั้งหมดโดยคลิกที่แบบฟอร์มและไปที่ Select > Same > Fill Color การดำเนินการนี้จะเลือกส่วนประกอบทั้งหมดที่ใช้สีเดียวกับสีที่เลือกโดยใช้อุปกรณ์ Direct Selection (A) ของคุณ

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

ภาพที่มีความซับซ้อนสูงอาจขาดขอบเขตที่กว้างขวางซึ่งแสดงสีที่สม่ำเสมอ สถานการณ์ดังกล่าวเอื้อต่อภาพที่ซับซ้อนน้อยกว่า เช่น โลโก้

ขั้นตอนที่ 7: บันทึกภาพของคุณ

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

กระบวนการนี้จบลงด้วยการรักษาความสมบูรณ์ของภาพโดยการส่งออกในรูปแบบเวกเตอร์ที่คงความละเอียดคุณภาพสูงไว้ ในบรรดาประเภทไฟล์เวกเตอร์ที่มีให้เลือกมากมาย เช่น PDF, AI, EPS และ SVG จะใช้ไฟล์หลังนี้เนื่องจากมีความเข้ากันได้สากลกับแอปพลิเคชันการออกแบบกราฟิกทั้งหมด และยังเข้ากันได้กับแพลตฟอร์มบนเว็บอีกด้วย

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

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

นักวาดภาพประกอบทำให้การทำเวกเตอร์ภาพเป็นเรื่องง่าย

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

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