การสร้างและทำงานกับกราฟิกแบบเวกเตอร์ใน Adobe Photoshop

Adobe Illustrator เป็นแอพพลิเคชั่นมาตรฐานอุตสาหกรรมสำหรับการออกแบบกราฟิก เป็นเครื่องมือที่ดีที่สุดสำหรับการทำงานกับไฟล์แบบเวกเตอร์

น่าเศร้าไม่ใช่ทุกคนที่มี Illustrator แต่หลายคนมี Photoshop และ Photoshop มีการสนับสนุนขั้นพื้นฐานสำหรับภาพเวกเตอร์ ในคู่มือนี้ เราจะมาดูวิธีการสร้างภาพเวกเตอร์ใน Photoshop เพื่อแทนที่ Illustrator

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

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

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

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

คุณสามารถใช้สีสองประเภทกับแต่ละวัตถุ:

ถึง จังหวะ เป็นเส้นที่เดินตามทาง
ถึง เติม เพิ่มสีทึบหรือลวดลายให้กับพื้นที่ที่ล้อมรอบด้วยเส้นทาง

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

ใน Photoshop คุณวาดภาพเวกเตอร์ที่มีรูปร่าง เส้น และข้อความ

วาดรูปร่างและเส้นเวกเตอร์

Photoshop มาพร้อมกับเครื่องมือสำหรับการวาดรูปร่างทั่วไปหลายแบบ โดยค่าเริ่มต้น the เครื่องมือสี่เหลี่ยมผืนผ้า ถูกเน้น คลิกค้างไว้ที่ไอคอนนั้นเพื่อแสดงชุดเครื่องมือทั้งหมด:

เครื่องมือสี่เหลี่ยมผืนผ้า
เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน
เครื่องมือวงรี
เครื่องมือรูปหลายเหลี่ยม
เครื่องมือเส้น
เครื่องมือรูปร่างที่กำหนดเอง

คุณสามารถเลือกเครื่องมือที่ไฮไลต์ได้ตลอดเวลาโดยกด ยู บนแป้นพิมพ์ของคุณ หรือกด Shift + U เพื่อหมุนเวียนเครื่องมือต่างๆ จนกว่าคุณจะพบเครื่องมือที่คุณต้องการ

หากต้องการทำงานให้เร็วขึ้น ควรเรียนรู้เพิ่มเติม แป้นพิมพ์ลัด Photoshop .

วาดรูปร่างเวกเตอร์พื้นฐาน

เลือกเครื่องมือสำหรับรูปร่างที่คุณต้องการวาด จากนั้นเพิ่มของคุณ เติม และ จังหวะ สี

ตอนนี้คลิกและลากในแคนวาสของคุณ รูปร่างถูกวาดจากมุมในทิศทางที่คุณกำลังลาก ในการสร้างรูปร่างสมมาตร เช่น วงกลมหรือสี่เหลี่ยมจตุรัส ให้กด . ค้างไว้ กะ กุญแจ.

ในการวาดรูปสามเหลี่ยม ให้เลือก เครื่องมือรูปหลายเหลี่ยม . คลิกหนึ่งครั้งบนผืนผ้าใบของคุณเพื่อเปิด สร้างรูปหลายเหลี่ยม กล่องการตั้งค่า ชุด จำนวนด้าน ถึง 3 .

แก้ไขและแก้ไขรูปร่างเวกเตอร์

คุณไม่ถูกจำกัดรูปร่างพื้นฐานเมื่อสร้างกราฟิกแบบเวกเตอร์ใน Photoshop สามารถแก้ไขได้อย่างรวดเร็ว

สตรีมภาพยนตร์ฟรีโดยไม่ต้องสมัคร

ขั้นแรก เลือกรูปร่าง ซึ่งจะเน้นรูปร่างและแสดงจุดยึดตามเส้นทาง เหล่านี้เป็นจุดที่รูปร่างมีมุมหรือส่วนโค้ง

เลือก เครื่องมือเลือกโดยตรง จากแถบเครื่องมือ (คลิกค้างไว้ที่ เครื่องมือเลือกเส้นทาง เพื่อค้นหา หรือกด Shift + A ). คลิกจุดยึดจุดใดจุดหนึ่งแล้วลากไปในทิศทางใดก็ได้เพื่อทำให้รูปร่างเสียโฉม

สำหรับการแก้ไขขั้นสูง ให้ย้ายจุดยึดสองจุดขึ้นไปพร้อมกัน

คลิกเพื่อไฮไลต์ จากนั้น Shift + คลิก อื่น. ตอนนี้ใช้ ปุ่มเคอร์เซอร์ บนแป้นพิมพ์ของคุณเพื่อย้ายทั้งสองจุดพร้อมกัน

ผสานและรวมรูปร่างเวกเตอร์

สำหรับรูปร่างที่ซับซ้อนยิ่งขึ้น คุณสามารถใช้ ปฏิบัติการเส้นทาง . วิธีนี้ทำให้คุณสามารถรวมรูปทรงต่างๆ เข้าด้วยกันเป็นรูปทรงใหม่ได้

เริ่มต้นด้วยการวาดรูปร่างบนผืนผ้าใบของคุณ ต่อไปให้คลิกที่ ปฏิบัติการเส้นทาง ในแถบตัวเลือกที่ด้านบนของหน้าจอ โดยปกติทุกเส้นทางหรือรูปร่างใหม่จะเข้าสู่เลเยอร์ของตัวเอง เปลี่ยนได้โดยคลิก รวมรูปร่าง .

ตอนนี้วาดรูปร่างอื่น สิ่งนี้จะไปในเลเยอร์เดียวกับรูปร่างแรกของคุณ

เมื่อคุณต้องการย้ายวัตถุทีละรายการ ให้ใช้ เครื่องมือเลือกเส้นทาง .

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

ทำไม google map ถึงใช้งานไม่ได้

ใช้ เครื่องมือเลือกเส้นทาง เพื่อเลือกรูปร่างที่สองที่คุณวาด ตอนนี้ใน ปฏิบัติการเส้นทาง เลือก ลบรูปร่างด้านหน้า . รูปร่างจะถูกลบออกพร้อมกับพื้นที่ที่ทับซ้อนกับรูปร่างแรก

เน้นรูปร่างทั้งสอง ใน ปฏิบัติการเส้นทาง เลือก พื้นที่รูปร่างตัดกัน . การดำเนินการนี้จะนำรูปร่างทั้งสองออก ยกเว้นบริเวณที่ซ้อนทับกัน เรากำลังใช้ตัวเลือกนี้เพื่อสร้างครึ่งวงกลม

สุดท้าย เน้นทั้งสองรูปร่างแล้วเลือก ไม่รวมรูปร่างที่ทับซ้อนกัน . การดำเนินการนี้จะลบพื้นที่ที่รูปร่างทั้งสองทับซ้อนกัน และทำให้ทุกอย่างไม่เสียหาย

เครื่องมือเหล่านี้เป็นวิธีที่มีประสิทธิภาพในการสร้างรูปร่างใหม่ หรือเพื่อแยกหรือตัดชิ้นส่วนที่มีอยู่ พวกเขาทำงานร่วมกับ เครื่องมือปากกา และ ข้อความ เช่นกัน.

วาดเส้นเวกเตอร์

มีเครื่องมือเกี่ยวกับรูปร่างอื่น ๆ อีกสองอย่างที่ควรรู้ อย่างแรกคือ เครื่องมือเส้น .

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

เครื่องมือนี้มีคุณลักษณะที่ซ่อนอยู่บางส่วน แต่โดยส่วนใหญ่ คุณจะใช้เครื่องมือนี้ในการวาดเส้นตรง

วาดรูปร่างเวกเตอร์ที่กำหนดเอง

ในที่สุด เครื่องมือรูปร่างที่กำหนดเอง . ตั้งค่าสีเติมและสีเส้นขีด จากนั้นคลิกปุ่ม รูปร่าง ตัวเลือกในแถบตัวเลือก ที่นี่ คุณสามารถเลือกหนึ่งในรูปร่างแบบกำหนดเองที่ตั้งไว้ล่วงหน้าจำนวนนับไม่ถ้วนที่ Photoshop มีให้

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

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

การวาดเวกเตอร์ด้วย Pen Tool

หากคุณเคยมีประสบการณ์กับ Illustrator คุณจะรู้ว่าคุณใช้ Paintbrush Tool สำหรับการวาดภาพด้วยมือเปล่า Photoshop มี Brush Tool ที่ทำงานคล้ายกัน แต่ใน Photoshop เครื่องมือนี้ไม่ใช้เวกเตอร์ ดังนั้นคุณจึงไม่ควรใช้มันในการวาดภาพ คุณควรใช้ เครื่องมือปากกา แทนที่.

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

เริ่มต้นใช้งานเครื่องมือปากกา

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

ต่อไปนี้เป็นไพรเมอร์ฉบับย่อที่จะช่วยให้คุณเริ่มต้นได้:

วิธีลบโปรไฟล์ xbox 360

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

สิ่งที่ทำให้ Pen Tool มีประโยชน์มากคือคุณสามารถย้อนกลับและแก้ไขรูปร่างของคุณได้ทุกเมื่อ:

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

เครื่องมือปากกาสามด้าม

Photoshop มีปากกาสามแบบสำหรับการวาดภาพ:

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

ติดตามรูปภาพเป็นเวกเตอร์ใน Photoshop

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

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

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

ทำงานกับข้อความเวกเตอร์ใน Photoshop

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

สำหรับข้อความปกติ ให้กำหนดสีเติมแต่ห้ามขีด ใช้เส้นขีดเฉพาะกับข้อความที่มีการจัดรูปแบบให้เน้นมากเท่านั้น

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

เมื่อแปลงแล้ว ข้อความจะไม่สามารถแก้ไขได้อีกต่อไป เป็นความคิดที่ดีที่จะทำซ้ำแล้วซ่อนเลเยอร์ข้อความดั้งเดิมไว้ เผื่อว่าคุณต้องการข้อมูลสำรอง

การจัดการวัตถุเวกเตอร์

ในการสร้างงานศิลปะของคุณ คุณต้องมีวัตถุทั้งหมดเหล่านี้อยู่ในตำแหน่งที่ถูกต้องและมีขนาดที่เหมาะสม นี่คือวิธีการ:

ย้ายวัตถุ โดยเลือกพวกเขาด้วย เครื่องมือเลือกเส้นทาง (A) และลากเข้าที่
ปรับขนาดวัตถุ โดยเลือกพวกเขาด้วย เครื่องมือเลือกเส้นทาง แล้วตี Ctrl + T บน Windows หรือ Cmd + T บน Mac ซึ่งจะแสดงกล่องรอบๆ วัตถุ จับแฮนด์บาร์ที่ขอบแล้วลากเข้าหรือออกเพื่อปรับขนาด ถือ กะ คีย์เพื่อรักษาอัตราส่วนภาพเดิม
หมุนวัตถุ โดยถือเมาส์ไว้ด้านนอกแฮนด์บาร์ตัวใดตัวหนึ่งจนกว่าเคอร์เซอร์จะเปลี่ยนเป็นไอคอนหมุน ตอนนี้คลิกและลาก
จัดลำดับวัตถุใหม่ โดยคลิกที่เลเยอร์แล้วลากไปด้านบนหรือด้านล่างของเลเยอร์อื่น
จัดตำแหน่งวัตถุ โดยเลือกทั้งหมดด้วย ย้ายเครื่องมือ (V) (หรือถือ กะ และคลิกหลายเลเยอร์) จากนั้นใช้ตัวควบคุมการจัดแนวในแถบตัวเลือก

กราฟิกแบบเวกเตอร์ใน Photoshop: รวมทุกอย่างเข้าด้วยกัน

เมื่อคุณรู้วิธีใช้เครื่องมือทั้งหมดแล้ว คุณสามารถรวมมันเข้าด้วยกันเพื่อสร้างงานศิลปะเวกเตอร์ของคุณเอง:

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

แบ่งปัน แบ่งปัน ทวีต อีเมล Adobe Illustrator กับ Photoshop: อะไรคือความแตกต่าง?

เราขจัดความสับสนเกี่ยวกับความแตกต่างระหว่างชุดแก้ไขภาพทั้งสองนี้

อ่านต่อไป หัวข้อที่เกี่ยวข้อง

ความคิดสร้างสรรค์
Adobe Photoshop
กราฟิกแบบเวกเตอร์
Adobe Creative Cloud
กวดวิชา Photoshop

เกี่ยวกับผู้เขียน Andy Betts(221 บทความเผยแพร่)

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

เพิ่มเติมจาก Andy Betts

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก