Adobe Photoshopไม่ใช่โปรแกรมแก้ไขภาพเวกเตอร์ Adobe Illustratorสามารถจัดการงานนั้นได้ แต่ถ้าคุณอยู่ใน แผนการเป็นสมาชิก Adobe Creative Cloud ขั้นพื้นฐาน ล่ะ หรือคุณเพิ่งสมัครสมาชิก Photoshop เพียงอย่างเดียว?

Photoshopมีเครื่องมือบางอย่างที่ช่วยให้คุณวาดรูปร่างเวกเตอร์และเส้นทางตั้งแต่เริ่มต้น ตอนนี้ คุณสามารถเลือกได้หลายเส้นทางและเปลี่ยนรูปลักษณ์ด้วยคุณสมบัติอย่างLive Shape Properties ^{(Live Shape Properties)}ถึงกระนั้น การเรียนรู้การสร้างภาพเวกเตอร์ในPhotoshopก็ต้องใช้ความพยายามเพิ่มขึ้นอีกเล็กน้อย

วิธีแปลงภาพแรสเตอร์^{(Raster Image)}เป็นภาพเวกเตอร์^(Vector)

ภาพเวกเตอร์^{(Vector images)}สามารถปรับขนาดได้ทุกขนาด ซึ่งแตกต่างจากภาพถ่ายที่จะแตกเป็นพิกเซลหากมีการเปลี่ยนแปลงความละเอียด พวกมันถูกสร้างขึ้นจากเส้นทางที่เหมือนกับ "เส้น" ที่วาดด้วยสมการทางคณิตศาสตร์ที่สามารถปรับขนาดได้ตามความละเอียดใดๆ

ในการแปลงภาพแรสเตอร์แบบพิกเซลเป็นภาพเวกเตอร์:

เลือกพิกเซล
แปลงเป็นเส้นทาง
ระบายสีและบันทึกเป็นภาพเวกเตอร์

เช่นเคย คุณจะทำงานกับเลเยอร์ต่างๆ ใน Photoshop^{(layers in Photoshop)}เพื่อแยกเส้นทางออกจากภาพแรสเตอร์ ต่อไปนี้คือภาพคร่าวๆ ของภาพแรสเตอร์เริ่มต้นและภาพสุดท้ายหลังจากที่สร้างภาพเวกเตอร์แล้ว

ภาพหน้าจอมาจากAdobe Photoshop CC (21.2.0) แต่คุณควรจะสามารถทำตามบทช่วยสอนง่ายๆ นี้กับ Photoshop^(Photoshop)เวอร์ชันล่าสุดส่วนใหญ่ได้

1. เปิดภาพแรสเตอร์^{(Raster Image)}ในPhotoshop

ลาก^(Drag)และวางภาพแรสเตอร์ลงในPhotoshop หรือ^(Photoshop)เปิดจากFile > Openภาพตัวอย่างในตัวอย่างนี้เป็นภาพบุคคลธรรมดา หากวัตถุที่คุณต้องการทำให้เป็นภาพเวกเตอร์มีพื้นหลังไม่ว่าง ให้ลบพื้นหลังในPhotoshopก่อน

2. ทำการเลือกรอบๆ ภาพ

มีวิธีการต่างๆ ที่คุณสามารถใช้ทำการเลือกในPhotoshopได้ วิธีการที่คุณเลือกจะขึ้นอยู่กับลักษณะของภาพ ตัวอย่างเช่น หากรูปภาพมีขอบตรง คุณสามารถเลือกเครื่องมือRectangular Marquee ได้ ^{(Rectangular Marquee)}หากคุณต้องการเลือกตามสีMagic Wandหรือ เครื่องมือ Quick Selectionก็เป็นตัวเลือก

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

ไปที่Select > Select & Mask > Select Subjectจากนั้นระบบจะเลือกวัตถุที่เด่นที่สุดในภาพถ่ายอย่างชาญฉลาด

ใช้ แถบเลื่อน Global Refinementsเพื่อปรับแต่งขอบการเลือกถ้าจำเป็น แล้วส่งออกส่วนที่เลือกไปยังเลเยอร์ใหม่

สำหรับวัตถุที่ซับซ้อนมากขึ้นในภาพถ่ายของคุณเครื่องมือ Object Selection^{(Object Selection tool)} เป็นคุณสมบัติ ที่ทรงพลังในPhotoshop มันทำงานเหมือนกับSelect Subjectแต่ช่วยให้คุณปรับแต่งการเลือกด้วยการควบคุมที่มากขึ้น ใช้สิ่งนี้ถ้าคุณมีกลุ่มของวัตถุ (หรือผู้คน) ในรูปภาพของคุณ

3. สร้างเอฟเฟกต์เกณฑ์

เลเยอร์ Threshold Adjustment^{(Threshold Adjustment)}จะแปลงเลเยอร์ปัจจุบันเป็นภาพขาวดำ และคุณสามารถกำหนดภาพสีให้เป็นภาพสีเดียวได้ภายหลังในกระบวนการ

ในแผงเลเยอร์ เพิ่ม เลเยอร์ เกณฑ์^(Threshold) ใหม่ โดยเลือกไอคอนสร้างการเติมหรือเลเยอร์การปรับปรุง ใหม่ ^{(Create new fill or adjustment layer)}ปรับแถบเลื่อนจนกว่าคุณจะได้รูปลักษณ์ที่ต้องการ ในภาพตัวอย่าง เราใช้ค่า 51

4. ใช้คำสั่งช่วงสี^{(Color Range Command)}เพื่อเลือกพื้นที่โทน สี^{(Select Tonal Areas)}

คำสั่ง Color Range^{(Color Range command)}ใต้ เมนู SelectจะเหมือนกับการเลือกMagic Wand แต่ก็ยังดีกว่าเพราะสามารถเลือกพิกเซลที่มีสีเหมือนกันหรือคล้ายกันด้วยเครื่องมือ eyedropper ในบริเวณนั้นของภาพ คุณสามารถเลือกสีต่างๆ ได้โดยใช้เครื่องมือซ้ำๆ ในบริเวณต่างๆ ของรูปภาพ

ใน บทช่วยสอน Photoshop นี้ เราต้องการใช้ คำสั่ง Color Rangeเพื่อเลือกพื้นที่โทนสีขาวและดำทั้งหมด

ไปที่Select Select > Color Range

ใช้เครื่องมือ Eyedropper^{(Eyedropper tools)}เพื่อเลือกพื้นที่โทนสีต่างๆ ในภาพ การเลือก ภาพตัวอย่าง ระดับสีเทา^(Grayscale)ในรายการดรอปดาวน์จะทำให้คุณทราบถึงพื้นที่ที่เลือก

คลิกตกลง^(OK)เพื่อปิดกล่องโต้ตอบและกลับมาที่ชั้นธรณีประตูโดยเลือกภาพเหมือนที่เลือกไว้

5. แปลงการเลือก^{(Selection Into)} ของคุณ เป็นเส้นทาง

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

เลือก เครื่องมือ Marqueeหรือเครื่องมือการเลือกใดๆ คลิกขวาที่รูปภาพแล้วเลือกMake Work Pathจากเมนูบริบท

นอกจากนี้ ให้ตั้งค่าTolerance Valueในกล่องเล็กๆ ที่แสดงขึ้น

6. ตั้งค่าความอดทน^{(Tolerance Value)}สำหรับเส้นทาง^(Path)

ในการทำให้เส้นทางราบรื่นขึ้น ให้ตั้งค่าToleranceในกล่องโต้ตอบที่ปรากฏขึ้น ค่า "1.0" ควรเป็นค่าที่เหมาะสมที่สุดสำหรับเส้นทางที่ไม่ปกติรอบๆ ภาพบุคคล

ค่า ความคลาดเคลื่อน^(Tolerance)กำหนดว่าเส้นทางควร "ยึด" กับเส้นขอบของภาพมากเพียงใด ยิ่งค่าต่ำ การเลือกก็จะยิ่งติดตามเส้นทางของคุณมากขึ้นเท่านั้น ค่าที่สูงขึ้นจะลดจำนวนจุดยึดและทำให้เส้นทางราบรื่นขึ้น กฎง่ายๆคือ ยิ่งวัตถุง่าย ความคลาดเคลื่อนยิ่งสูง

แต่ทดลองด้วยค่านี้ตามความซับซ้อนของภาพของคุณ

7. สร้างเลเยอร์สีทึบใหม่

ไปที่แผงเลเยอร์ แล้วเลือก ^(Layers)สร้าง^(Create) การเติมหรือการปรับปรุงใหม่^{(new fill or adjustment Layer)} โดยไม่ต้องคลิกที่ใด ก็ได้

จากนั้นเลือกSolid Colorจากเมนู คุณสามารถเลือกสีใดก็ได้

ขั้นตอนนี้จะสร้างเลเยอร์รูปร่างเวกเตอร์ที่ด้านบนของเลเยอร์ เกณฑ์^(Threshold)

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

8. บันทึกภาพเวกเตอร์^{(Vector Image)}เป็นไฟล์SVG

คลิกขวาที่เลเยอร์แล้วเลือกส่งออก^{(Export As)}เป็น คุณยังสามารถบันทึกภาพเวกเตอร์จากFile > Export As .

ในกล่องโต้ตอบส่งออกเป็น เลือก SVG จาก ^{(Export As)}การตั้งค่าไฟล์^{(File Settings)}แล้วคลิกส่ง^(Export)ออก

ตอนนี้คุณสามารถเปิดไฟล์เวกเตอร์ในAdobe Illustratorหรือโปรแกรมแก้ไขภาพเวกเตอร์อื่น ๆ

หรือคุณสามารถส่งออกเส้นทางเวกเตอร์จากPhotoshopไปยังIllustratorได้เช่นกัน คลิกFile > Export > Paths to Illustrator Illustrator สิ่งนี้จะส่งออกSolid Color Fill Pathไปยัง Illustrator หากคุณติดตั้งไว้

มี หลาย วิธีใน^{(Are More Ways)}การปรับภาพเวกเตอร์ในPhotoshop

วิธีการเฉพาะนี้เป็นวิธีง่ายๆ ในการรับภาพเวกเตอร์แบบโมโนโทนจากภาพถ่ายสี คุณสามารถใช้เป็นเทมเพลตสำหรับการแก้ไขภาพอื่นๆ ใน Photoshop^{(image modification in Photoshop)}ได้ จากนั้นขยายขนาดขึ้นหรือลงในขนาดใดก็ได้บนกระดาษหรือสื่ออื่น

มีวิธีอื่นๆ ในการสร้างภาพเวกเตอร์ในPhotoshop คนที่คุณติดตามจะขึ้นอยู่กับภาพฐานและผลลัพธ์ที่คุณต้องการ

How to Vectorize an Image in Photoshop

Adobe Phоtoѕhop is not a vector image editor. Adobe Illustrator ably handles that job. But what if yоu аre on one of the basic Adobe Creative Cloud membershiр plаns? Or you just have a subsсription to Photoshоp alone?

Photoshop has a few tools that allow you to draw vector shapes and paths from scratch. You can now even select multiple paths and change the appearance with features like Live Shape Properties. Still, learning to vectorize an image in Photoshop takes a bit more effort.

How to Convert a Raster Image to a Vector Image

Vector images can be scaled to any size unlike a photo that will pixelate if there’s a change in resolution. They are made of paths which are like “lines” drawn with mathematical equations that are scalable to any resolution.

To convert a pixel-based raster image to a vector image:

Select the pixels.
Convert them to paths.
Colorize them and save as a vector image.

As always, you will be working with different layers in Photoshop to extract the paths from a raster image. Here’s a glimpse of the initial raster portrait and the final image after it has been vectorized.

The screenshots are from Adobe Photoshop CC (21.2.0). But you should be able to follow this simple tutorial with most of the recent versions of Photoshop.

1. Open the Raster Image in Photoshop

Drag and drop the raster image into Photoshop or open it from File > Open. The sample image in this example is a simple portrait. If the object you want to vectorize has a busy background, then remove the background in Photoshop first.

2. Make a Selection Around the Image

There are different methods you can use to make a selection in Photoshop. The method you choose will depend on the nature of the image. For instance, if the image has straight edges, you can select the Rectangular Marquee tool. If you want to choose by color, then Magic Wand or the Quick Selection tool is an option.

For portraits, the Select Subject command can select the main subject in a photo automatically. It’s a content-aware tool that uses smart algorithms to detect people in images. The Select Subject button is displayed on the toolbar when you pick a selection tool. You can also find it under the Select menu.

Go to Select > Select & Mask > Select Subject and it will smartly select the most prominent subject in a photograph.

Use the Global Refinements sliders to fine-tune the selection edges if necessary, and then output the selection to a new layer.

For more complex objects in your photo, the Object Selection tool is a powerful feature in Photoshop. It works just like the Select Subject but helps you fine-tune the selection with more controls. Use this if you have a group of objects (or people) in your photo.

3. Create a Threshold Effect

The Threshold Adjustment layer transforms the current layer into a black and white image, and you can give a color image a neat one-color look later in the process.

In the Layers panel, add a new Threshold layer by selecting the Create new fill or adjustment layer icon. Adjust the slider till you get your desired look. In the example image, we have used a value of 51.

4. Use the Color Range Command to Select Tonal Areas

The Color Range command under the Select menu is like the Magic Wand selection. But it’s also better as it can select pixels that share the same or similar color with the eyedropper tool on that area of the image. You can pick up a range of colors by using the tool repeatedly on different areas of an image.

In this Photoshop tutorial, we want to use the Color Range command to select all the white and black tonal areas.

Go to Select > Color Range.

Use the Eyedropper tools to select all the different tonal areas in the image. Choosing the Grayscale preview in the dropdown will give you an idea of the areas selected.

Click OK to close the dialog and come back to the threshold layer with the portrait selected.

5. Convert Your Selection Into a Path

A path in Photoshop is nothing but a line with anchor points at its two ends. In other words, they are vector line drawings. Paths can be straight or curved. Like all vectors, you can stretch and shape them without losing detail. Photoshop can convert selections into paths and vice-versa.

Select the Marquee tool or any selection tool. Right-click on the image, and choose Make Work Path from the context menu.

Also, set a Tolerance Value in the little box that’s displayed.

6. Set a Tolerance Value for the Path

To make the path smoother, set a Tolerance value in the dialog box that pops up. A value of “1.0” should be ideal for the irregular paths around a portrait.

The Tolerance value determines how closely the path should “stick” to the contours of the image. The lower the value, the more closely the selection follows your path. Higher values will decrease the number of anchor points and make the path smoother. The thumb rule is — the simpler the object, the higher the tolerance.

But experiment with this value according to the complexity of your image.

7. Create a New Solid Color Layer

Without clicking anywhere, go to the Layers panel and select Create new fill or adjustment Layer.

Then, choose Solid Color from the menu. You can pick any color.

This step creates the vector shape layer on top of the Threshold layer.

This solid color fill layer can be customized to any color of your choice. In the next step, export this layer as a SVG image.

8. Save the Vector Image as an SVG File

Right click on the layer and choose Export As. You can also save the vector image from File > Export As.

In the Export As dialog, choose SVG from File Settings and click on Export.

You can now open the vector file in Adobe Illustrator or any other vector image editor.

Alternatively, you can export vector paths from Photoshop into Illustrator too. Click File > Export > Paths to Illustrator. This exports the Solid Color Fill Path to Illustrator if you have it installed.

There Are More Ways to Vectorize an Image in Photoshop

This specific method is a simple way to get a monotone vector image from a color photo. You can use it as a template for any other image modification in Photoshop. Then scale it up or down to any size on paper or another medium.

There are other ways to vectorize an image in Photoshop. The one you follow will depend on the base photo and the results you want.

ณิชา รัตนเดชากร

About the author

ฉันเป็นนักพัฒนาเว็บที่มีประสบการณ์มากกว่า 10 ปีในการทำงานกับเบราว์เซอร์ Firefox และ Google Docs ฉันเป็นผู้เชี่ยวชาญในการสร้างแอปพลิเคชันออนไลน์ที่เรียบง่ายแต่ทรงพลัง และได้พัฒนาโซลูชันบนเว็บสำหรับทั้งธุรกิจขนาดเล็กและองค์กรขนาดใหญ่ ฐานลูกค้าของฉันประกอบด้วยชื่อที่ใหญ่ที่สุดในธุรกิจ เช่น FedEx, Coca Cola และ Macy's ทักษะของฉันในฐานะนักพัฒนาทำให้ฉันเป็นผู้สมัครในอุดมคติสำหรับโครงการใดๆ ที่จำเป็นต้องทำให้เสร็จอย่างรวดเร็วและมีประสิทธิภาพ - ตั้งแต่การพัฒนาเว็บไซต์ที่กำหนดเองไปจนถึงการสร้างแคมเปญการตลาดทางอีเมลที่มีประสิทธิภาพ

วิธีสร้างภาพเวกเตอร์ใน Photoshop

วิธีแปลงภาพแรสเตอร์(Raster Image)เป็นภาพเวกเตอร์(Vector)

1. เปิดภาพแรสเตอร์(Raster Image)ในPhotoshop

2. ทำการเลือกรอบๆ ภาพ

3. สร้างเอฟเฟกต์เกณฑ์

4. ใช้คำสั่งช่วงสี(Color Range Command)เพื่อเลือกพื้นที่โทน สี(Select Tonal Areas)

5. แปลงการเลือก(Selection Into) ของคุณ เป็นเส้นทาง

6. ตั้งค่าความอดทน(Tolerance Value)สำหรับเส้นทาง(Path)

7. สร้างเลเยอร์สีทึบใหม่

8. บันทึกภาพเวกเตอร์(Vector Image)เป็นไฟล์SVG

มี หลาย วิธีใน(Are More Ways)การปรับภาพเวกเตอร์ในPhotoshop

How to Vectorize an Image in Photoshop

How to Convert a Raster Image to a Vector Image

1. Open the Raster Image in Photoshop

2. Make a Selection Around the Image

3. Create a Threshold Effect

4. Use the Color Range Command to Select Tonal Areas

5. Convert Your Selection Into a Path

6. Set a Tolerance Value for the Path

7. Create a New Solid Color Layer

8. Save the Vector Image as an SVG File

There Are More Ways to Vectorize an Image in Photoshop

ณิชา รัตนเดชากร

About the author

Related posts

วิธีการลบหรือเปลี่ยนพื้นหลังใน Photoshop

วิธีทำให้ฟันขาวใน Photoshop

วิธีการผสมผสานใน Photoshop

วิธีการ Feather และ Blur ใน Photoshop

วิธีตัดวัตถุในภาพใน Photoshop CC

วิธีกู้คืนบัญชี Facebook ที่ถูกแฮ็ก

วิธีรีเซ็ต Xbox One หรือ Xbox Series X จากโรงงาน

วิธีการเปลี่ยนสีใน Photoshop

วิธีวัดระยะทางใน Photoshop

วิธีการปรับขนาด รวม และรวมเลเยอร์ใน Photoshop

วิธีการโค้งข้อความใน Photoshop

วิธีการใช้รหัสผ่านป้องกัน PDF เพื่อให้ปลอดภัย

วิธีลบโฟลเดอร์ Windows.old ใน Windows 7/8/10

ปิดการควบคุมบัญชีผู้ใช้ (UAC) สำหรับแอปพลิเคชันเฉพาะ

วิธีสร้างแบบฟอร์ม Google Docs ที่กรอกได้ด้วย Tables

วิธีดูหน้าแคชและไฟล์จากเบราว์เซอร์ของคุณ

วิธีทำให้พื้นหลังโปร่งใสใน Photoshop

วิธีการบินโดรนสำหรับผู้เริ่มต้นทั้งหมด

วิธีเพิ่มเพลงลงใน Google สไลด์

วิธีสร้างทีมใน Microsoft Teams