Adobe Photoshop ไม่ใช่โปรแกรมแก้ไขภาพเวกเตอร์ (vector image editor) Adobe Illustrator ทำหน้าที่นี้ได้ดี แต่ถ้าคุณอยู่ในแผน Creative Cloud พื้นฐาน? หรือคุณมีแค่การสมัครสมาชิก Photoshop อย่างเดียว?
Photoshop มีเครื่องมือไม่มากที่นอนให้คุณวาดรูปทรงเวกเตอร์และพาธ (paths) จากศูนย์ คุณตอนนี้แม้แต่เลือกพาธหลายอันและเปลี่ยนลักษณะด้วยฟีเจอร์อย่าง Live Shape Properties ได้ อย่างไรก็ตาม การเรียนรู้การ vectorize รูปภาพใน Photoshop ใช้ความพยายามมากกว่านี้เล็กน้อย
วิธีแปลงภาพ Raster เป็นภาพ Vector
ภาพเวกเตอร์สามารถขยายขนาดได้ทุกขนาด ไม่เหมือนภาพถ่ายที่จะ pixelate (แตกพิกเซล) หากมีการเปลี่ยนแปลงความละเอียด พวกมันประกอบด้วยพาธ (paths) ซึ่งเหมือน "เส้น" ที่วาดด้วยสมการทางคณิตศาสตร์ ที่ขยายได้ทุกระดับความละเอียด
เพื่อแปลงภาพ raster แบบพิกเซลเป็นภาพ vector:
- เลือกพิกเซล
- แปลงเป็นพาธ
- ใส่สีและบันทึกเป็นภาพเวกเตอร์
เหมือนเดิม คุณจะทำงานกับเลเยอร์ต่างๆ ใน Photoshop เพื่อดึงพาธออกมาจากภาพ raster นี่คือภาพถ่ายพอร์트เล็ต (portrait) เริ่มต้นและภาพสุดท้ายหลังจาก vectorize แล้ว
สกรีนชอตมาจาก Adobe Photoshop CC (21.2.0) แต่คุณควรทำตามบทเรียนง่ายๆ นี้ได้กับเวอร์ชันล่าสุดของ Photoshop ส่วนใหญ่
1. เปิดภาพ Raster ใน Photoshop
ลากและวางภาพ raster เข้า Photoshop หรือเปิดจาก File > Open ภาพตัวอย่างในตัวอย่างนี้เป็นพอร์ตเล็ตง่ายๆ หากวัตถุที่คุณต้องการ vectorize มีพื้นหลังวุ่นวาย ให้ลบพื้นหลังใน Photoshop ก่อน
2. ทำ Selection รอบภาพ
มีวิธีต่างๆ ในการทำ selection ใน Photoshop วิธีที่คุณเลือกจะขึ้นอยู่กับลักษณะของภาพ ตัวอย่างเช่น หากภาพมีขอบตรง คุณสามารถเลือกเครื่องมือ Rectangular Marquee หากต้องการเลือกโดยสี Magic Wand หรือ Quick Selection เป็นตัวเลือก
สำหรับพอร์ตเล็ต คำสั่ง Select Subject สามารถเลือกวัตถุหลักในภาพถ่ายได้อัตโนมัติ เป็นเครื่องมือ content-aware ที่ใช้อัลกอริทึมอัจฉริยะตรวจจับคนในภาพ ปุ่ม Select Subject แสดงบน Toolbar เมื่อคุณเลือก Selection tool หรือหาได้ในเมนู Select
ไปที่ Select > Select & Mask > Select Subject และมันจะเลือกวัตถุหลักที่โดดเด่นที่สุดในภาพถ่ายอย่างอัจฉริยะ
ใช้สไลเดอร์ Global Refinements เพื่อปรับขอบการเลือกให้ละเอียด หากจำเป็น จากนั้นส่งออก selection ไปยังเลเยอร์ใหม่
สำหรับวัตถุซับซ้อนมากขึ้นในภาพของคุณ เครื่องมือ Object Selection เป็นฟีเจอร์ทรงพลังใน Photoshop มันทำงานคล้าย Select Subject แต่ช่วยปรับการเลือกให้ละเอียดด้วยการควบคุมมากขึ้น ใช้ตัวนี้หากคุณมีกลุ่มวัตถุ (หรือคน) ในภาพ
3. สร้างเอฟเฟกต์ Threshold
เลเยอร์ Threshold Adjustment จะแปลงเลเยอร์ปัจจุบันเป็นภาพขาวดำ และคุณสามารถให้ภาพสีมีลุกรูปแบบสีเดียวที่สะอาดตาได้ในภายหลังของกระบวนการ
ในแผง Layers ให้เพิ่มเลเยอร์ Threshold ใหม่โดยเลือกไอคอน Create new fill or adjustment layer ปรับสไลเดอร์จนได้ลุกรูปแบบที่ต้องการ ในภาพตัวอย่าง เราใช้ค่า 51
4. ใช้คำสั่ง Color Range เพื่อเลือกพื้นที่โทนสี
คำสั่ง Color Range ภายใต้เมนู Select คล้ายกับการเลือก Magic Wand แต่ดีกว่า เพราะสามารถเลือกพิกเซลที่มีสีเหมือนหรือคล้ายกันกับเครื่องมือ eyedropper บนพื้นที่นั้นของภาพ คุณสามารถเลือกช่วงสีได้โดยใช้เครื่องมือซ้ำๆ บนพื้นที่ต่างๆ ของภาพ
ในบทเรียน Photoshop นี้ เราต้องการใช้คำสั่ง Color Range เพื่อเลือกพื้นที่โทนสีขาวและดำทั้งหมด
ไปที่ Select > Color Range
ใช้ Eyedropper tools เลือกพื้นที่โทนสีที่แตกต่างกันทั้งหมดในภาพ การเลือก Grayscale preview ในดรอปดาวน์จะให้คุณเห็นพื้นที่ที่ถูกเลือก
คลิก OK เพื่อปิดกล่องโต้ตอบและกลับมาที่เลเยอร์ Threshold พร้อมพอร์ตเล็ตที่ถูกเลือก
5. แปลง Selection ของคุณเป็น Path
Path ใน Photoshop ไม่ใช่แค่เส้นที่มี anchor points ที่ปลายสองข้าง กล่าวคือ มันคือการวาดเส้นเวกเตอร์ (vector line drawings) Paths สามารถเป็นตรงหรือโค้งได้ เหมือนเวกเตอร์ทั้งหมด คุณสามารถยืดและปรับรูปได้โดยไม่สูญเสียรายละเอียด Photoshop สามารถแปลง selections เป็น paths และ vice-versa ได้
เลือกเครื่องมือ Marquee หรือเครื่องมือ selection ใดๆ คลิกขวาบนภาพ และเลือก Make Work Path จากเมนูบริบท (context menu)
นอกจากนี้ ให้ตั้งค่า Tolerance Value ในกล่องเล็กๆ ที่แสดง
6. ตั้งค่า Tolerance Value สำหรับ Path
เพื่อให้พาธเรียบ ให้ตั้งค่า Tolerance ในกล่องโต้ตอบที่ปรากฏ ค่า "1.0" ควรเหมาะสมสำหรับพาธที่ไม่สม่ำเสมอรอบพอร์ตเล็ต
ค่า Tolerance กำหนดว่าพาธควร "ติด" กับเส้นรูปของภาพใกล้ชิดแค่ไหน ค่ายิ่งต่ำ การเลือกจะยิ่งติดตามพาธของคุณ ค่ายิ่งสูง จะลดจำนวน anchor points และทำให้พาธเรียบขึ้น กฎขมือคือ — ยิ่งวัตถุเรียบง่าย ยิ่งทนทาน (tolerance) สูงได้
แต่ทดลองกับค่านี้ตามความซับซ้อนของภาพของคุณ
7. สร้างเลเยอร์ Solid Color ใหม่
โดยไม่คลิกที่ไหนเลย ให้ไปที่แผง Layers และเลือก Create new fill or adjustment Layer
จากนั้น เลือก Solid Color จากเมนู คุณสามารถเลือกสีใดก็ได้
ขั้นตอนนี้สร้างเลเยอร์เวกเตอร์ (vector shape layer) ทับบนเลเยอร์ Threshold
เลเยอร์เติมสีทึบ (solid color fill layer) นี้สามารถปรับแต่งเป็นสีใดก็ได้ที่คุณเลือก ในขั้นตอนถัดไป ให้ส่งออกเลเยอร์นี้เป็นภาพ SVG
8. บันทึกภาพเวกเตอร์เป็นไฟล์ SVG
คลิกขวาที่เลเยอร์ และเลือก Export As คุณยังสามารถบันทึกภาพเวกเตอร์จาก File > Export As ได้
ในกล่องโต้ตอบ Export As ให้เลือก SVG จาก File Settings และคลิก Export
ตอนนี้คุณสามารถเปิดไฟล์เวกเตอร์ใน Adobe Illustrator หรือโปรแกรมแก้ไขภาพเวกเตอร์อื่นๆ ได้
ทางเลือกอื่น คุณสามารถส่งออกพาธเวกเตอร์จาก Photoshop เข้า Illustrator ได้อีกด้วย คลิก File > Export > Paths to Illustrator นี่จะส่งออก Solid Color Fill Path ไป Illustrator หากคุณติดตั้งไว้
ยังมีวิธี Vectorize รูปภาพใน Photoshop อื่นๆ อีกมาก
วิธีเฉพาะเจาะจงนี้เป็นวิธีง่ายๆ เพื่อได้ภาพเวกเตอร์ monotone (สีเดียว) จากภาพถ่ายสี คุณสามารถใช้มันเป็นเทมเพลตสำหรับการแก้ไขภาพอื่นๆ ใน Photoshop แล้วขยายหรือย่อขนาดได้ทุกขนาดบนกระดาษหรือสื่ออื่น
ยังมีวิธีอื่นๆ ในการ vectorize รูปภาพใน Photoshop วิธีที่คุณจะเลือก ขึ้นอยู่กับภาพฐานและผลลัพธ์ที่คุณต้องการ
