เวกเตอร์ใน Photoshop วิธีเปิดภาพเวกเตอร์ใน Photoshop อย่างถูกต้อง ภาพถ่ายในรูปแบบเวกเตอร์ Photoshop

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

ภาพแรสเตอร์และเวกเตอร์คืออะไรและแตกต่างกันอย่างไร

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

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

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

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

ตัวอย่างง่ายๆ ของการแปลงแรสเตอร์เป็นเวกเตอร์

ดังนั้น เวกเตอร์จึงประกอบด้วยรูปทรงเรขาคณิต Photoshop มีเครื่องมือสำหรับสร้างเส้นทาง รูปร่างเป็นรูปทรงเรขาคณิต ในการสร้างภาพเวกเตอร์ใน Photoshop คุณต้องสร้างโครงร่างของภาพ เครื่องมือของกลุ่มจะช่วยเราในเรื่องนี้ เลือก: เครื่องมือปะรำสี่เหลี่ยม, เครื่องมือเลือกวงรี, ** เครื่องมือไม้กายสิทธิ์ , ** "Quick Selection" / Quick Selection Toolและ เครื่องมือปากกา.

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

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

ในการทำงานกับรูปทรง คุณต้องเรียกบุ๊กมาร์ก "เส้นทาง" / เส้นทางบนจานเลเยอร์ โดยไปที่เมนู "หน้าต่าง" / หน้าต่างและทำเครื่องหมายที่ช่อง "เส้นทาง" / เส้นทาง... บุ๊กมาร์กจะปรากฏบนจานเลเยอร์

รูปภาพมี 4 สี (เราไม่นับพื้นหลัง) เราใช้เครื่องมือ เครื่องมือไม้กายสิทธิ์และเลือกสีแรก ในการเลือกพื้นที่ทั้งหมดที่กระจายตามเกาะต่างๆ ในภาพ ให้กด กะ.

เมื่อเลือกสีแรกแล้ว ให้เลือกเครื่องมือ "ลาสโซ่" / ลาสโซ่หรือ เครื่องมือปะรำสี่เหลี่ยมและไม่ต้องลบส่วนที่เลือก ให้คลิกขวา ในเมนูบริบท เลือก สร้างเส้นทางการทำงาน.

ในกล่องโต้ตอบ ให้ระบุการปรับให้เรียบสูงสุด ความอดทน(จาก 1 ถึง 10 ยิ่งตัวเลขต่ำ รูปทรงก็จะยิ่งดี) เรากด ตกลง.

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

บนบุ๊คมาร์ค "วงจร"เปลี่ยนชื่อของรูปร่าง ในการดำเนินการนี้ ให้ดับเบิลคลิกและเปลี่ยนชื่อในกล่องโต้ตอบ

เราทำขั้นตอนทั้งหมดที่อธิบายไว้ด้วยสีที่เหลือ เป็นผลให้เราได้รับสี่รูปทรงสำหรับแต่ละสี

เมื่อได้รับรูปทรงแล้วก็ยังคงสร้างเวกเตอร์ ไปที่บุ๊คมาร์ค "เลเยอร์" / Layerบนจานเลเยอร์ สร้างเลเยอร์ใหม่ Shift + Ctrl + N... กำหนดสีหลักเป็นสีที่เราจะวาดเส้นขอบแรก

กลับไปที่บุ๊คมาร์ค "วงจร"เรากลายเป็นรูปร่างแรก ในเมนูหลักในรายการ เลเยอร์เลือก ชั้นเติมใหม่ - "สี" / สีทึบ... ในหน้าต่างที่เปิดขึ้น ให้คลิก ตกลง.

ตอนนี้โดยไปที่บุ๊คมาร์ค เลเยอร์คุณจะเห็นเลเยอร์เวกเตอร์แรกในเลเยอร์ใหม่

ในกล่องโต้ตอบถัดไป ตามปกติ ให้ระบุชื่อไฟล์และเส้นทาง

นั่นคือทั้งหมดที่ วิธีการนี้ค่อนข้างง่าย

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

เรียนรู้เพิ่มเติมเกี่ยวกับ Photoshop ในหลักสูตร

ในบทช่วยสอนนี้ เราจะเรียนรู้พื้นฐานของการวาดรูปร่างเวกเตอร์ใน Photoshop CS6 โดยใช้เครื่องมือรูปร่างอย่างง่าย! เราจะเริ่มต้นด้วยการพิจารณาว่าเครื่องมือทำงานอย่างไร "สี่เหลี่ยมผืนผ้า"(เครื่องมือสี่เหลี่ยมผืนผ้า ), "สี่เหลี่ยมผืนผ้าโค้งมน"(เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน), "วงรี"(เครื่องมือวงรี), "รูปหลายเหลี่ยม"(เครื่องมือรูปหลายเหลี่ยม) และ "เส้น"(เครื่องมือไลน์). ต่อไป เราจะเรียนรู้วิธีเลือกสีเติมและสีเส้นสำหรับรูปร่าง เปลี่ยนลักษณะที่ปรากฏของเส้น แก้ไขรูปร่างโดยใช้คุณสมบัติที่มีประโยชน์ของเลเยอร์รูปร่าง และอื่นๆ อีกมากมาย! เรามีอะไรมากมายให้เรียนรู้ ดังนั้นในบทช่วยสอนนี้ เราจะเน้นที่การทำงานและคุณสมบัติของเครื่องมือพื้นฐานห้าอย่างในกลุ่มรูปทรงเรขาคณิต ในบทต่อไป เราจะเรียนรู้วิธีเพิ่มรูปร่างที่ซับซ้อนมากขึ้นในเอกสารของเราโดยใช้เครื่องมือ Freeform Shape!

บทช่วยสอนนี้สำหรับผู้ใช้ Photoshop CS6 หากคุณกำลังใช้โปรแกรมเวอร์ชันเก่า ให้ดูบทแนะนำ Shape and Shape Layer ดั้งเดิมใน Photoshop

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

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

เครื่องมือรูปร่าง

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

การคลิกที่ไอคอนเครื่องมือสี่เหลี่ยมผืนผ้าจะทำให้เราสามารถดูเครื่องมืออื่นๆ ในกลุ่ม Shape ได้

ฉันจะเลือกเครื่องมือแรกในรายการ นั่นคือเครื่องมือ Rectangle:

รูปร่างเวกเตอร์ เส้นทาง และรูปร่างพิกเซล

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

ในการวาดรูปร่างเวกเตอร์มากกว่าเส้นทางหรือรูปร่างแบบพิกเซล ให้เลือก "รูป"(รูปร่าง) ในแถบการตั้งค่าเครื่องมือที่ด้านบนของหน้าจอ:

เลือกโหมดเครื่องมือ "รูปร่าง" บนแผงการตั้งค่า

เติมรูปร่างด้วยสี

คลิกที่ไอคอนแถบสีเติม

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

ตัวเลือกการเติมรูปร่าง 4 แบบ (ไม่มีสี สีทึบ การไล่ระดับสี และรูปแบบ)

วิธีการเติม "ไม่มีสี"

ตามที่ชื่อแนะนำ วิธีการกรอก “ไม่มีสี”(No Color) ไม่เติมรูปทรงด้วยสีใดๆ ทำไมเราต้องมีรูปร่างที่ว่างเปล่าคุณอาจถาม? ในบางกรณี คุณอาจต้องการให้รูปร่างมีโครงร่างบางเท่านั้น ต่อไป เราจะมาดูวิธีการเพิ่มเส้นขีดให้กับรูปร่าง แต่ถ้าคุณต้องการให้รูปร่างมีเพียงเส้นทางที่ไม่มีสีเติม ให้เลือกตัวเลือกไม่มีสี:

ไม่มีสีเติมรูปร่างด้วยสีใด ๆ

ด้านล่างนี้คือรูปร่างตัวอย่างหลังจากใช้ตัวเลือกไม่มีสี ทั้งหมดที่เราเห็นคือโครงร่างบาง ๆ ของร่างที่เรียกว่า "รูปร่าง" โครงร่างจะปรากฏใน Photoshop เท่านั้น ดังนั้นหากคุณเริ่มพิมพ์เอกสารหรือบันทึกในรูปแบบ JPEG หรือ PNG โครงร่างจะหายไป เพื่อให้มองเห็นได้ เราจำเป็นต้องเพิ่มจังหวะเข้าไป ซึ่งเราจะสำรวจเพิ่มเติมหลังจากที่เราได้ครอบคลุมตัวเลือกทั้งหมดแล้ว เติม(เติม):

เมื่อเลือก "ไม่มีสี" เป็นวิธีเติม จะมองเห็นเฉพาะโครงร่างของรูปร่างเท่านั้น (และแม้กระทั่งใน Photoshop เท่านั้น)

วิธีการเติมสีทึบ

ในการเติมรูปร่างด้วยสี ให้เลือกตัวเลือก "สีบริสุทธิ์"(สีทึบ) (ไอคอนที่สองจากซ้าย):

คลิกที่ไอคอนพารามิเตอร์ "สีทึบ"

หลังจากเลือกตัวเลือก "สีทึบ" แล้ว ให้เลือกสีสำหรับรูปร่างโดยคลิกที่ตัวอย่างสีอันใดอันหนึ่ง สีที่คุณใช้ล่าสุดจะปรากฏในแถว “สีที่ใช้ล่าสุด”(สีที่ใช้ล่าสุด) เหนือแถบสีหลัก:

เลือกสีโดยคลิกที่แถบสี

หากสีที่ต้องการไม่อยู่ในกลุ่มตัวอย่าง ให้คลิกไอคอนตัวเลือกสีที่มุมขวาบนของกล่องโต้ตอบ:

คลิกที่ไอคอนตัวเลือกสี

จากนั้นเลือกสีที่ต้องการในเครื่องมือเลือกสี คลิกตกลงเพื่อปิดจานสีเมื่อคุณเลือกสี:

ในเครื่องมือเลือกสี เลือกสีเพื่อเติมรูปร่าง

ด้านล่างเป็นรูปทรงเดียวกัน เฉพาะครั้งนี้เต็มไปด้วยสี:

ตอนนี้รูปร่างของเราเต็มไปด้วยสีสัน

วิธีการเติม "ไล่ระดับ"

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

ขั้นแรก เลือกพารามิเตอร์ "Gradient" จากนั้น - swatch ไล่ระดับที่ต้องการ

ด้านล่างเป็นรูปร่างเดียวกัน เฉพาะครั้งนี้เต็มไปด้วยการเติมไล่ระดับ:

ตอนนี้รูปร่างของเราเต็มไปด้วยตัวอย่างการไล่ระดับสีที่กำหนดไว้ล่วงหน้า

วิธีการเติมลวดลาย

สุดท้าย เลือกตัวเลือก "ลวดลาย"(แพทเทิร์น) เราสามารถเติมรูปทรงด้วยแพทเทิร์นได้ คลิกที่ภาพขนาดย่อเพื่อกำหนดรูปแบบที่เสร็จสิ้น เริ่มแรกมีรูปแบบไม่มากนักในโปรแกรม แต่คุณสามารถดาวน์โหลดรูปแบบเพิ่มเติมที่ดาวน์โหลดจากอินเทอร์เน็ตหรือสร้างด้วยตัวเองโดยคลิกที่ไอคอนรูปเฟืองขนาดเล็ก (ใต้ไอคอน Color Picker) แล้วเลือก "ดาวน์โหลดรูปแบบ"(รูปแบบการโหลด) จากเมนูป๊อปอัป:

ขั้นแรก เลือกพารามิเตอร์ "รูปแบบ" จากนั้น - ตัวอย่างรูปแบบที่ต้องการ

และนี่คือลักษณะที่รูปร่างจะดูเหมือนเต็มไปด้วยหนึ่งในลวดลายใน Photoshop ในการปิดกล่องโต้ตอบ "เติม"(กรอก) กดปุ่ม Enter (Win) / Return (Mac) หรือคลิกที่พื้นที่ว่างในแผงการตั้งค่า หากคุณสงสัยเกี่ยวกับการเลือกสี การไล่ระดับสี หรือลวดลายที่เหมาะสมสำหรับรูปร่างของคุณ ไม่ต้องกังวล เราจะมาสำรวจในภายหลังว่าคุณจะเปลี่ยนได้อย่างไร:

รูปร่างที่เต็มไปด้วยลวดลายที่เลือก

เพิ่มจังหวะให้กับรูปร่าง

ตามค่าเริ่มต้น Photoshop จะไม่เพิ่มลายเส้นที่ขอบของรูปร่าง แต่การเพิ่มหนึ่งเส้นนั้นง่ายพอๆ กับการเติมสี อันที่จริง ตัวเลือกพารามิเตอร์ "จังหวะ" ("โรคหลอดเลือดสมอง")(จังหวะ) และ "เติม"(เติม) จะเหมือนกันใน Photoshop CS6 ดังนั้นคุณรู้วิธีใช้งานแล้ว!

ในการเพิ่มเส้นขีด ให้คลิกที่แถบสีเส้นขีดในแถบตัวเลือก:

คลิกที่แถบสีเส้นขีด

ด้วยเหตุนี้ กล่องโต้ตอบจะเปิดขึ้นพร้อมกับตัวเลือกเดียวกับการเติม ยกเว้นว่าตอนนี้เรากำลังเลือกสีสำหรับเส้นโครงร่าง มีอีกสี่ไอคอนที่ด้านบนของหน้าต่าง “ไม่มีสี”(ไม่มีสี) "สีบริสุทธิ์"(สีทึบ), "การไล่ระดับสี"(ไล่ระดับ) และ "ลวดลาย"(ลวดลาย). ตามค่าเริ่มต้น จะเลือกตัวเลือกไม่มีสี ในทางกลับกัน ฉันจะเลือกตัวเลือกสีทึบ จากนั้นตั้งค่าสีเส้นโครงร่างเป็นสีดำโดยเลือกจากตัวอย่าง เช่นเดียวกับกรณีที่มีการเติม หากสีที่คุณต้องการไม่อยู่ในกลุ่มตัวอย่าง ให้คลิกไอคอนตัวเลือกสีที่มุมด้านบนเพื่อเลือกสีที่ต้องการด้วยตนเอง:

เลือกตัวเลือก "สีทึบ" สำหรับเส้นขีด แล้วเลือกสีที่ต้องการจากตัวอย่างสี

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

หากต้องการเปลี่ยนความกว้าง (ความหนา) ของเส้นขีด ให้ใช้พารามิเตอร์ "ความกว้าง"(ความกว้าง) อยู่ทางด้านขวาของแถบสีเส้นขีดในแถบตัวเลือก โดยค่าเริ่มต้น ค่าของมันคือ 3 pt หากต้องการเปลี่ยนความกว้าง คุณสามารถป้อนค่าเฉพาะลงในหน้าต่างป้อนข้อมูลได้โดยตรง (โดยกด Enter (Win) / Return (Mac) หลังจากป้อนเพื่อยืนยันข้อมูล) หรือคลิกที่ลูกศรเล็ก ๆ ทางด้านขวาของค่า และเลื่อนตัวเลื่อน:

เปลี่ยนความกว้างของเส้นขีด

จัดขอบตัวเลือก

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

ตรวจสอบให้แน่ใจว่าตัวเลือก Align Edges เปิดอยู่

อย่างไรก็ตาม เพื่อให้ตัวเลือก Align Edges ทำงานได้ การเลือกเพียงแค่นั้นไม่เพียงพอ คุณยังต้องการให้ความกว้างของเส้นขีดเป็นพิกเซล (px) ไม่ใช่จุด (pt) เนื่องจากปัจจุบันความกว้างของเส้นขีดของฉันถูกวัดเป็นจุด (หน่วยเริ่มต้น) ฉันจะกลับไปและป้อนค่าความกว้างใหม่ 10 พิกเซล (px):

เพื่อให้ตัวเลือก Align Edges ทำงานได้ ให้ตั้งค่าความกว้างของเส้นขีดเป็นพิกเซล (px)

ด้านล่าง ฉันได้ใช้จังหวะสีดำ 10 px กับรูปร่าง:

รูปทรงเรียบง่ายมีโครงสีดำล้อมรอบ

หลังจากเพิ่มเส้นขีดให้กับรูปร่างแล้ว หากฉันย้อนกลับและคลิกที่แถบสีเติมในแถบตัวเลือก เลือกวิธีการเติม “ไม่มีสี”(No Color) ฉันจะมีเพียงโครงร่างของรูปร่างด้วยการลากเส้น รูปร่างจะว่างเปล่าภายใน รูปร่างอาจดูเหมือนเต็มไปด้วยสีขาว แต่นั่นเป็นเพียงเพราะสีพื้นหลังของเอกสารเป็นสีขาว ซึ่งเป็นสิ่งที่เราเห็นจริงๆ

รูปร่างเดียวกันพร้อมตัวเลือกการเติม "ไม่มีสี"

ตัวเลือกจังหวะเพิ่มเติม

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

คลิกที่ปุ่ม "ตั้งค่าประเภทจังหวะของรูปร่าง"

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

ตัวเลือกจังหวะ

ด้านล่างคือรูปร่างที่มีเส้นขีดเดียวกัน แต่คราวนี้ แทนที่จะเลือกเส้นต่อเนื่อง เส้นประถูกเลือก:

ลักษณะของจังหวะเปลี่ยนจากเส้นต่อเนื่องเป็นเส้นประ

เครื่องมือสี่เหลี่ยมผืนผ้า

ดังนั้น เราจึงได้เรียนรู้วิธีเลือกเครื่องมือกลุ่ม Shapes ต่างๆ บนแถบเครื่องมือ วิธีเลือกสีเติมและสีเส้นโครงร่าง และวิธีเปลี่ยนรูปลักษณ์ของเส้นขีด ตอนนี้ มาเรียนรู้วิธีการวาดรูปร่างเวกเตอร์กัน! เราจะเริ่มต้นด้วยการตรวจสอบเครื่องมือกลุ่มรูปร่างแรกในรายการ - "สี่เหลี่ยมผืนผ้า"(เครื่องมือสี่เหลี่ยมผืนผ้า). ฉันจะเลือกจากแถบเครื่องมือเหมือนเมื่อก่อน:

การเลือกเครื่องมือสี่เหลี่ยมผืนผ้า

Rectangle Tool ให้เราวาดรูปทรงสี่เหลี่ยมธรรมดาๆ ในการวาดรูปร่าง ให้คลิกในหน้าต่างเอกสารเพื่อกำหนดจุดเริ่มต้นของรูปร่าง จากนั้น ขณะกดปุ่มเมาส์ค้างไว้ ให้ลากเคอร์เซอร์ของเมาส์ในแนวทแยงมุมเพื่อสิ้นสุดการวาดรูปร่าง เมื่อคุณเลื่อนเคอร์เซอร์ คุณจะเห็นโครงร่างบาง (เค้าร่าง) ของรูปร่างในอนาคต:

ลากเคอร์เซอร์เพื่อวาดรูปสี่เหลี่ยมผืนผ้า เมื่อคุณเลื่อนเคอร์เซอร์ โครงร่างบาง ๆ ของรูปร่างจะปรากฏขึ้น

เมื่อคุณปล่อยปุ่มเมาส์ โปรแกรมจะเติมรูปร่างด้วยสีที่คุณเลือกในแผงการกำหนดลักษณะ:

โปรแกรมจะเติมสีให้กับรูปร่างทันทีที่คุณปล่อยปุ่มเมาส์

การปรับขนาดรูปร่างหลังจากวาดแล้ว

เมื่อคุณวาดรูปร่างเริ่มต้น มิติข้อมูลปัจจุบันจะปรากฏในแถบตัวเลือก: ความกว้าง(กว้าง(W)) และ ความสูง(ส่วนสูง(ส)). ในกรณีของฉัน ฉันวาดรูปร่างที่มีความกว้าง 533 พิกเซล สูง 292 พิกเซล:

ขนาดเริ่มต้นของรูปร่าง (ความกว้างและความสูง) สามารถมองเห็นได้ในแผงการตั้งค่า

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

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

การปรับขนาดรูปร่าง

ปรับขนาดรูปร่างก่อนวาด

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

คลิกที่ใดก็ได้ภายในเอกสารเพื่อป้อนค่าความกว้างและความสูง แล้วโปรแกรมจะวาดรูปร่างโดยอัตโนมัติ

วาดรูปร่างจากจุดศูนย์กลาง

มาสำรวจแป้นพิมพ์ลัดที่เรียบง่ายแต่มีประโยชน์กัน หากคุณกดปุ่ม . ค้างไว้ Alt (ชนะ) / ตัวเลือก (Mac)เมื่อคุณเลื่อนเคอร์เซอร์ คุณจะวาดรูปร่างจากจุดศูนย์กลาง ไม่ใช่จากมุม เทคนิคนี้ใช้ได้กับเครื่องมือ Shape ทั้งหมด ไม่ใช่แค่เครื่องมือ Rectangle โปรดทราบว่าคุณต้องเริ่มวาดรูปร่างก่อนแล้วจึงกดปุ่ม Alt (Win) / Option (Mac) คุณต้องปล่อยปุ่มเมาส์ปุ่มแรกแล้วกดปุ่ม Alt (Win) / Option (Mac) เท่านั้น มิฉะนั้นเทคนิคจะไม่ทำงาน:

กด Alt (Win) / Option (Mac) ค้างไว้เพื่อวาดรูปร่างจากตรงกลาง

วาดสี่เหลี่ยม

ในการวาดสี่เหลี่ยมจัตุรัส ให้วางเคอร์เซอร์ในหน้าต่างเอกสารแล้วเริ่มลากออกมา วาดรูปสี่เหลี่ยม เมื่อคุณเริ่มทำสิ่งนี้ ให้กดปุ่ม กะและกดค้างไว้ในขณะที่คุณเลื่อนเคอร์เซอร์ การกดปุ่ม Shift จะแปลงรูปร่างเป็นสี่เหลี่ยมจัตุรัส ย้ำอีกครั้ง อย่าลืมกดปุ่ม Shift หลังจากที่คุณเริ่มเลื่อนเคอร์เซอร์และปล่อยค้างไว้ มิฉะนั้น สี่เหลี่ยมจะไม่ถูกวาด คุณสามารถรวมแป้นพิมพ์ลัดสองปุ่มเข้าด้วยกันโดยกดแป้น .ค้างไว้ Shift + Alt(ชนะ) /Shift + ตัวเลือก(แม็ค)เมื่อใช้เครื่องมือ "สี่เหลี่ยมผืนผ้า"(เครื่องมือสี่เหลี่ยมผืนผ้า) ซึ่งเป็นผลมาจากการที่คุณวาดสี่เหลี่ยมจัตุรัสที่สมบูรณ์แบบจากจุดศูนย์กลาง:

กดปุ่ม Shift ค้างไว้ในขณะที่คุณเลื่อนเคอร์เซอร์เพื่อวาดสี่เหลี่ยม

อีกครั้ง ขณะที่คุณระบายสี คุณจะเห็นเพียงโครงร่างบางๆ ของสี่เหลี่ยมจัตุรัส แต่เมื่อคุณปล่อยปุ่มเมาส์ Photoshop จะเติมสีที่เลือกไว้:

โปรแกรมรอให้คุณปล่อยปุ่มเมาส์เสมอก่อนที่จะเติมสีลงในรูปร่าง

ตัวเลือกเครื่องมือรูปร่าง

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

คลิกที่ไอคอนรูปเฟือง

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

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

ตัวเลือกที่คุณเห็นจะขึ้นอยู่กับเครื่องมือในกลุ่ม Shapes ที่เลือก

การแก้ไขเลเยอร์รูปร่าง

ก่อนหน้านี้เราได้เรียนรู้ว่าในการวาดรูปร่างเวกเตอร์ใน Photoshop เราจำเป็นต้องตั้งค่าโหมดการวาด - "รูป"(รูปร่าง) (ตรงข้ามกับเส้นทางและรูปร่างพิกเซล) เมื่อเราวาดรูปร่างเวกเตอร์ โปรแกรมจะวางมันลงบนเลเยอร์พิเศษแยกต่างหากที่เรียกว่า ชั้นรูปร่าง(ชั้นรูปร่าง). ถ้าเราดูที่แผงเลเยอร์จะเห็นว่ารูปร่างที่ฉันวาดด้วยเครื่องมือ "สี่เหลี่ยมผืนผ้า"(เครื่องมือสี่เหลี่ยมผืนผ้า) ตั้งอยู่บนชั้นรูปร่างที่แยกจากกัน "สี่เหลี่ยมผืนผ้า 1" ชื่อของเลเยอร์จะขึ้นอยู่กับเครื่องมือที่ใช้ ดังนั้นหากฉันวาดรูปวงรีด้วยเครื่องมือวงรี เลเยอร์รูปร่างจะเรียกว่า วงรี 1:

รูปร่างเวกเตอร์ใหม่แต่ละรูปถูกวางบนเลเยอร์รูปร่างที่แยกจากกัน

ความแตกต่างทางสายตาระหว่างเลเยอร์ปกติและเลเยอร์รูปร่างคือ เลเยอร์รูปร่างมีไอคอนรูปร่างเล็ก ๆ ที่มุมล่างขวาของภาพขนาดย่อของเลเยอร์:

ไอคอนบนภาพขนาดย่อของเลเยอร์บอกเราว่านี่คือเลเยอร์รูปร่าง

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

เมื่อเลือกเลเยอร์รูปร่างแล้ว ให้คลิกที่ตัวอย่างสีเติม

คลิกที่ตัวอย่างสีน้ำเงิน

ทันทีที่ฉันคลิกที่ตัวอย่าง โปรแกรมจะเติมรูปร่างด้วยสีใหม่ทันที:

สีของรูปร่างเปลี่ยนไปโดยไม่ต้องวาดรูปร่างใหม่

และหากเราดูที่แผงเลเยอร์อีกครั้ง เราจะเห็นว่าภาพขนาดย่อของเลเยอร์รูปร่างเปลี่ยนสีด้วย:

เมื่อเราทำการเปลี่ยนแปลง ภาพขนาดย่อของเลเยอร์รูปร่างก็เปลี่ยนลักษณะที่ปรากฏด้วย

เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน

มาดูเครื่องมือกลุ่มที่สองของ Shapes - สี่เหลี่ยมผืนผ้าโค้งมน(เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน). ฉันจะเลือกจากแถบเครื่องมือ:

เลือกเครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน

เครื่องมือ Rounded Rectangle นั้นคล้ายกับเครื่องมือ Rectangle มาก ยกเว้นว่าจะช่วยให้เราสามารถวาดสี่เหลี่ยมมุมมนได้ เราปรับการปัดเศษของมุมโดยใช้พารามิเตอร์ "รัศมี"(รัศมี) ในแผงการตั้งค่า ยิ่งเราป้อนค่ารัศมีมากเท่าใด มุมก็จะยิ่งกลมมากขึ้นเท่านั้น ต้องตั้งค่ารัศมีก่อนเริ่มวาดรูปร่าง ในกรณีของฉัน ฉันจะป้อนค่าของพารามิเตอร์ "รัศมี" เท่ากับ 50 พิกเซล:

ใช้ตัวเลือกรัศมีเพื่อกำหนดระดับการปัดเศษของมุม

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

ลากออกเพื่อวาดสี่เหลี่ยมมุมมนหลังจากที่คุณป้อนค่ารัศมีในแถบตัวเลือก

เมื่อคุณปล่อยปุ่มเมาส์ Photoshop จะเสร็จสิ้นการวาดรูปร่างและเติมด้วยสี:

เมื่อคุณปล่อยปุ่มเมาส์ รูปร่างจะเติมสี

ด้านล่างเป็นสี่เหลี่ยมผืนผ้าอีกอันที่มีรัศมี 150 พิกเซล ค่านี้ดีมาก (สำหรับรูปร่างนี้) ที่ด้านซ้ายและด้านขวาของรูปสี่เหลี่ยมผืนผ้ามีรูปร่างเหมือนเส้นโค้ง:

ยิ่งค่ารัศมีมากเท่าไร มุมก็จะยิ่งโค้งมนมากขึ้นเท่านั้น

และนี่คือสี่เหลี่ยมผืนผ้าที่มีค่ารัศมีขนาดเล็ก 10 พิกเซล ซึ่งจะปัดเศษมุมของรูปร่างเพียงเล็กน้อยเท่านั้น:

รัศมีเล็กมีค่าน้อยกว่ามุมมน

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

หากคุณไม่ชอบการปัดเศษของมุมของสี่เหลี่ยม หลังจากที่คุณวาดแล้ว ให้ไปที่ส่วนเมนู "แก้ไข"(แก้ไข) ที่ด้านบนของหน้าจอแล้วเลือก เลิกทำ: เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน(Undo Rounded Rectangle Tool) (หรือกดแป้นพิมพ์ลัด Ctrl + Z (Win) / Command + Z (Mac)) ซึ่งจะทำให้รูปร่างจะถูกลบออกจากเอกสาร จากนั้นป้อนค่าใหม่สำหรับรัศมีในแถบตัวเลือก แล้วเริ่มวาดรูปสี่เหลี่ยมผืนผ้าใหม่

เลือก แก้ไข> เลิกทำ: เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน

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

ในการวาดรูปร่างจากจุดกึ่งกลางแทนที่จะเป็นมุม ให้เริ่มวาดรูปร่าง จากนั้นกด . ค้างไว้ Alt (ชนะ) / ตัวเลือก (Mac)และสุดท้าย การกดแป้นพิมพ์ที่ใช้ร่วมกัน กะ+ Alt (ชนะ) / กะ+ ตัวเลือก (Mac) จะทำให้สี่เหลี่ยมจัตุรัสถูกดึงออกมาจากจุดศูนย์กลาง ต้องปล่อยคีย์หลังจากที่คุณปล่อยปุ่มเมาส์เท่านั้น

เครื่องมือวงรี

เครื่องมือ "วงรี"(เครื่องมือวงรี) ช่วยให้เราสามารถวาดวงรีและวงกลมได้ ฉันจะเลือกจากแถบเครื่องมือ:

การเลือกเครื่องมือวงรี

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

วาดวงรีด้วย Ellipse Tool

ปล่อยปุ่มเมาส์เพื่อสิ้นสุดการวาดรูปร่างและเติมด้วยสี:

รูปร่างเต็มไปด้วยสีสัน

ในการวาดวงกลมตรงอย่างสมบูรณ์แบบโดยใช้เครื่องมือวงรี ให้เริ่มลากแล้วกด . ค้างไว้ กะ... ในการวาดวงรีจากจุดศูนย์กลาง ให้กด . ค้างไว้ Alt (ชนะ) / ตัวเลือก (Mac) หลังจากเริ่มวาด กดปุ่มค้างไว้พร้อมกัน กะ+ Alt (ชนะ) / กะ+ ตัวเลือก(Mac) จะให้คุณวาดวงกลมจากจุดศูนย์กลาง และเช่นเคย ให้ปล่อยปุ่มหลังจากที่คุณปล่อยปุ่มเมาส์เท่านั้น:

วงกลมที่วาดด้วยเครื่องมือวงรี

เครื่องมือรูปหลายเหลี่ยม

เครื่องมือ "รูปหลายเหลี่ยม"(เครื่องมือรูปหลายเหลี่ยม) น่าสนใจกว่าสำหรับเราในแง่ของความเป็นไปได้ในการวาดรูปร่าง ฉันจะเลือกจากแถบเครื่องมือ:

การเลือกเครื่องมือรูปหลายเหลี่ยม

ในขณะที่ใช้เครื่องมือ Rectangle เราสามารถวาดรูปสี่เหลี่ยมจัตุรัสได้เท่านั้น เครื่องมือ Polygon ช่วยให้เราสามารถวาดรูปหลายเหลี่ยมที่มีด้านได้มากเท่าที่เราต้องการ ต่อไป เราจะมาดูกันว่าคุณจะวาดดาวด้วยเครื่องมือนี้ได้อย่างไร! ในการวาดรูปร่างโดยใช้เครื่องมือรูปหลายเหลี่ยม ขั้นแรกให้ป้อนจำนวนด้านที่คุณต้องการในกล่องพารามิเตอร์ "ปาร์ตี้"(ด้านข้าง) ในแผงการตั้งค่า คุณสามารถป้อนตัวเลขใดๆ ระหว่าง 3 ถึง 100 โดยค่าเริ่มต้น จำนวนด้านคือ 5 และปล่อยให้เป็นดังนี้:

ป้อนจำนวนด้านในกล่องพารามิเตอร์ "ด้าน"

เมื่อคุณระบุจำนวนด้านแล้ว ให้วางเคอร์เซอร์ของคุณในหน้าต่างเอกสารแล้วเริ่มลากออกเพื่อวาดรูปหลายเหลี่ยม Photoshop วาดรูปทรงหลายเหลี่ยมจากกึ่งกลางเสมอ คุณจึงไม่ต้องกด Alt (Win) / Option (Mac) ค้างไว้ การกดปุ่มค้างไว้ กะหลังจากที่คุณเริ่มวาดรูปหลายเหลี่ยมแล้ว จะช่วยให้คุณสามารถจำกัดจำนวนมุมสำหรับรูปร่างของคุณและวางไว้บนหน้าจอได้ตามที่คุณต้องการ:

วาดรูปร่าง 5 ด้านด้วยเครื่องมือ Polygon

โดยการระบุจำนวนด้านเป็น 3 เราสามารถวาดรูปสามเหลี่ยมได้อย่างง่ายดาย:

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

ด้านล่างเป็นรูปหลายเหลี่ยมที่มี 12 ด้าน เช่นเดียวกับตัวเลือก Radius สำหรับเครื่องมือ Rounded Rectangle เราไม่สามารถเปลี่ยนจำนวนด้านหลังจากวาดรูป ดังนั้น หากคุณทำผิดพลาด คุณต้องไปที่ส่วนเมนู "แก้ไข"(แก้ไข) ที่ด้านบนของหน้าจอแล้วเลือก เลิกทำ: เครื่องมือรูปหลายเหลี่ยม(เลิกทำเครื่องมือรูปหลายเหลี่ยม) (หรือกด Ctrl + Z (Win) / Command + Z (Mac)) จากนั้นป้อนค่าอื่นในกล่อง "ด้าน" แล้ววาดรูปร่างใหม่:

รูปหลายเหลี่ยมที่มีสิบสองด้าน

วาดดาวด้วยเครื่องมือ Polygon

ในการวาดดาวโดยใช้เครื่องมือรูปหลายเหลี่ยม ให้คลิกที่ไอคอนรูปเฟืองในแผงการตั้งค่า จากนั้นเลือกตัวเลือก "ดาว"(ดาว):

คลิกที่ไอคอนรูปเฟืองและเลือกพารามิเตอร์ "ดาว"

จากนั้นคลิกในหน้าต่างเอกสารแล้วลากเคอร์เซอร์เพื่อวาดดาว พารามิเตอร์ "ปาร์ตี้"(ด้านข้าง) ในแผงการตั้งค่าจะกำหนดจำนวนจุดยอดของดาว ดังนั้นหากค่าเริ่มต้นของพารามิเตอร์คือห้า เราจะได้ดาวห้าแฉก:

ดาวห้าแฉกวาดด้วยเครื่องมือรูปหลายเหลี่ยม

เมื่อเปลี่ยนพารามิเตอร์ Sides เป็น 8 เราจะได้ดาวแปดแฉก:

กำหนดจำนวนจุดยอดของดาวโดยใช้พารามิเตอร์ Sides

เราสามารถวาดรูปร่างที่ดูเหมือนดาวระเบิดได้โดยการเพิ่มความคมชัดของรังสีของดาวโดยใช้พารามิเตอร์ "ความลึกของรังสี"(เยื้องโดย). โดยค่าเริ่มต้น ค่าของพารามิเตอร์นี้คือ 50% ฉันจะเพิ่มค่าเป็น 90% ฉันจะเพิ่มจำนวนจุดยอดของดาวเป็น 16 ด้วย:

วาดรูปร่างที่ดูเหมือนดาวระเบิดโดยเพิ่มค่าความลึกของรังสี

และนี่คือตัวเลขที่ฉันได้รับ:

ดาวระเบิดที่วาดด้วยเครื่องมือรูปหลายเหลี่ยม

โดยค่าเริ่มต้น จุดยอดของดวงดาวจะมีมุมแหลม แต่เราสามารถปัดมันได้โดยเลือกตัวเลือก มุมด้านนอกเรียบ(มุมเรียบ):

การเลือกตัวเลือกมุมด้านนอกเรียบ

ด้านล่างเป็นดาวห้าแฉกที่เลือกตัวเลือกมุมด้านนอกเรียบ:

Smooth Outer Corners ทำให้มุมของดวงดาวนุ่มนวลขึ้น

นอกจากนี้เรายังสามารถปัดเศษมุมที่ฐานของรังสีดาวได้โดยเลือกตัวเลือก มุมด้านในเรียบ(เยื้องเรียบ):

การเลือกตัวเลือกมุมภายในที่ราบรื่น

อีกครั้งที่ดาวของเราดูแตกต่างไปจากเดิมอย่างสิ้นเชิง:

วาดดาวโดยเลือกมุมด้านในเรียบ

เครื่องมือเส้น

เครื่องมือหลักสุดท้ายในกลุ่ม Shapes คือเครื่องมือ "เส้น"(เครื่องมือไลน์). ฉันจะเลือกจากแถบเครื่องมือ:

การเลือกเครื่องมือ Line

เครื่องมือนี้ช่วยให้เราวาดเส้นตรงธรรมดาๆ ได้ แต่เราสามารถวาดลูกศรได้ด้วย ในการวาดเส้นตรง ก่อนอื่น ให้ตั้งค่าความกว้างของเส้นโดยป้อนค่า (เป็นพิกเซล) ในกล่องพารามิเตอร์ "ความหนา"(น้ำหนัก) ในแผงการตั้งค่า โดยค่าเริ่มต้น ความหนาคือ 1 พิกเซล ฉันจะเพิ่มเป็น 16 พิกเซล:

พารามิเตอร์ "ความหนา" รับผิดชอบความหนา (หรือความกว้าง) ของเส้น

ประการที่สอง เช่นเดียวกับเครื่องมือกลุ่ม Shapes อื่นๆ คลิกในหน้าต่างเอกสารแล้วลากเคอร์เซอร์เพื่อวาดเส้น เพื่อให้ง่ายต่อการวาดเส้นแนวนอนหรือแนวตั้ง ให้กด กะ,หลังจากที่คุณเริ่มวาดเส้นแล้ว ให้ปล่อยปุ่มเมาส์และกดแป้น Shift สุดท้าย:

กดปุ่ม Shift ค้างไว้เพื่อวาดเส้นแนวนอนหรือแนวตั้ง

วาดลูกศรทิศทาง

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

คลิกที่ไอคอนรูปเฟืองเพื่อเข้าถึงตัวเลือกลูกศร

ด้านล่างเป็นเส้นที่คล้ายกับเส้นก่อนหน้า ยกเว้นว่ามีไอคอนลูกศรอยู่ที่ส่วนท้าย:

ง่ายต่อการวาดลูกศรชี้นำด้วยเครื่องมือ Line

หากขนาดลูกศรเริ่มต้นไม่เหมาะกับคุณ คุณสามารถเปลี่ยนได้โดยใช้ตัวเลือก "ความกว้าง"(กว้าง) และ "ความยาว"(ความยาว). นอกจากนี้เรายังสามารถเพิ่มเส้นโค้งให้กับลูกศรโดยใช้พารามิเตอร์ "ความโค้ง"(เว้า). โดยค่าเริ่มต้น ค่าของพารามิเตอร์นี้คือ 0% แต่ฉันจะเพิ่มเป็น 50%:

เปลี่ยนรูปร่างของลูกศรโดยเพิ่มค่าของพารามิเตอร์ "Curvature"

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

ลูกศรที่มีค่าความโค้ง 50%

ซ่อนเค้าร่างรอบรูปร่าง

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

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

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

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

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

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

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

⇡ "Google วาดเขียน" เป็นโปรแกรมแก้ไขเวกเตอร์ที่ง่ายที่สุดที่จะมีได้เพียงปลายนิ้วสัมผัส

โปรแกรมแก้ไขเวกเตอร์ออนไลน์ที่มีชื่อเสียง เรียบง่าย และราคาไม่แพงที่สุดคือ Drawings ในบริการ Google Drive เว็บแอปพลิเคชันนี้เป็นส่วนหนึ่งของสำนักงานออนไลน์ของ Google และเน้นที่การทำงานร่วมกันและการเพิ่มกราฟิกให้กับเอกสารสำนักงานประเภทอื่น ๆ มากกว่าการสร้างกราฟิกแบบเวกเตอร์ อย่างไรก็ตาม ยังมีเครื่องมือพื้นฐานสำหรับการทำงานกับมัน

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

⇡ Autotracer - ตัวแปลงแรสเตอร์เป็นเวกเตอร์ฟรี

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

เกือบทุกโปรแกรมแก้ไขเวกเตอร์มีเครื่องมือที่ต้องทำ แต่การสร้างภาพเวกเตอร์สามารถทำได้ง่ายยิ่งขึ้นด้วยเครื่องมือออนไลน์ คุณสามารถค้นหาบริการบนเว็บที่ให้บริการที่คล้ายกันได้มากกว่าหนึ่งบริการ ตัวอย่างเช่น ทรัพยากรฟรี Autotracer สะดวกในการใช้งาน สามารถใช้ในการแปลงไฟล์ PNG, BMP, JPEG และ GIF เป็นรูปแบบเวกเตอร์และบันทึกเป็นรูปแบบ SVG, EPS, PDF, DXF

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

⇡ Vector Paint เป็นโปรแกรมแก้ไขเวกเตอร์ใน Chrome ที่สามารถทำงานได้โดยไม่ต้องใช้เบราว์เซอร์

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

Vector Paint มีคอลเลกชั่นรูปร่างที่ตั้งไว้ล่วงหน้าจำนวนมากพอสมควร ซึ่งสามารถใช้ในโครงการต่างๆ ได้ เช่น นาฬิกา เมฆ ลูกศร สัตว์ โน้ต และอื่นๆ อีกมากมาย สามารถสร้างรูปร่างได้ด้วยตนเองโดยใช้เส้นตรงและเส้นหัก เครื่องมือสำหรับการวาดรูปร่างตามอำเภอใจ สี่เหลี่ยมผืนผ้า และวงรี สำหรับแต่ละองค์ประกอบ คุณสามารถเลือกสี ความหนาและประเภทของเส้นขีด เช่นเดียวกับสีเติม ทำให้โปร่งใสบางส่วน เพิ่มเอฟเฟกต์อย่างใดอย่างหนึ่ง (บิดเบือน เงา พื้นผิว 3D หลอก ฯลฯ) นอกจากนี้ยังมีเครื่องมือสำหรับจัดการองค์ประกอบในโปรเจ็กต์: สามารถย้ายไปด้านหน้าหรือนำกลับมาได้ สำหรับการจัดวางองค์ประกอบที่แม่นยำยิ่งขึ้น มีเครื่องมือจัดตำแหน่งมากมาย คุณยังสามารถเปิดการแสดงไม้บรรทัดได้

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

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

โปรเจ็กต์ที่เสร็จแล้วจะถูกบันทึกในรูปแบบ SVG และยังสามารถส่งออกไปยัง PNG และ JPEG ได้อีกด้วย

⇡ SVG-Edit - โปรแกรมแก้ไขเวกเตอร์ออนไลน์

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

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

ในการสร้างองค์ประกอบกราฟิกแบบเวกเตอร์ใน SVG-Edit คุณสามารถใช้เส้นหัก, สี่เหลี่ยม, สี่เหลี่ยม, วงรี, วงกลม, รูปหลายเหลี่ยม, โครงร่าง, ข้อความ เป็นไปได้ที่จะเติมองค์ประกอบด้วยสี เช่นเดียวกับการใช้การไล่ระดับสี รวมถึงการไล่ระดับสีแบบเรเดียล รองรับการทำงานกับเลเยอร์ การแสดงตาราง และการแสดงองค์ประกอบในโครงร่าง มีเครื่องมือสำหรับเปลี่ยนการจัดเรียงองค์ประกอบ (ด้านบน ด้านล่าง) สำหรับการโคลนรูปร่างเวกเตอร์ที่เลือกอย่างรวดเร็ว สำหรับการจัดกลุ่ม มีคำสั่งมากมายจากเมนูบริบท (เช่นเดียวกับในโปรแกรมแก้ไขเดสก์ท็อปทั่วไป) เครื่องมือสำหรับการจัดตำแหน่งบนผืนผ้าใบได้ให้ความสนใจเป็นอย่างมาก: คุณสามารถจัดแนวองค์ประกอบที่สัมพันธ์กับออบเจกต์ที่เลือก ไปที่วัตถุที่ใหญ่ที่สุดหรือกับวัตถุที่เล็กที่สุด

โปรแกรมมีคลังรูปทรงสำเร็จรูปขนาดใหญ่ (แบบเดียวกับที่ใช้ใน Vector Paint) แต่ยังให้สิทธิ์เข้าถึงคลังองค์ประกอบกราฟิกแบบเวกเตอร์ขนาดใหญ่ฟรีของ IAN Image Library จำเป็นต้องลงทะเบียนเพื่อใช้งาน แต่คุณสามารถดูคอลเล็กชันตัวอย่างกราฟิกแบบเวกเตอร์ได้โดยตรงจากตัวแก้ไข และเพิ่มลงในโปรเจ็กต์ปัจจุบันหรือโปรเจ็กต์ใหม่ทันที

⇡ จิตรราม - โปรแกรมแก้ไขออนไลน์อย่างง่าย

Chittram เป็นโปรแกรมแก้ไขเวกเตอร์อีกตัวหนึ่งที่สามารถทำงานได้เหมือนกับเว็บแอปพลิเคชัน ต่างจาก SVG-Edit ตรงที่มันถูกนำไปใช้เป็นบริการออนไลน์เต็มรูปแบบพร้อมความสามารถในการบันทึกโครงการบนเซิร์ฟเวอร์ บัญชี Google ใช้สำหรับดูและแก้ไขโครงการที่สร้างไว้ก่อนหน้านี้

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

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

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

⇡ Inkscape เป็นทางเลือกที่สมบูรณ์แบบสำหรับแพ็คเกจเชิงพาณิชย์

โปรแกรมแก้ไขเวกเตอร์ Inkscape มีข้อดีมากมาย อย่างแรกคือเป็นข้ามแพลตฟอร์ม (สามารถทำงานบน Windows, Linux, Mac) ประการที่สอง รองรับรูปแบบเวกเตอร์ยอดนิยมมากมาย รวมถึง SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF และอื่นๆ

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

ควรให้ความสนใจกับเครื่องมือในตัวสำหรับการสร้างภาพแรสเตอร์แบบเวกเตอร์ เพื่อให้แน่ใจว่ามีการพิจารณาวัตถุที่สำคัญในเบื้องหน้าเมื่อติดตามภาพถ่าย อัลกอริทึม SIOX (Simple Interactive Object Extraction) จะใช้เพื่อช่วยระบุวัตถุดังกล่าวโดยอัตโนมัติ

⇡ ZebraTRACE - การสร้างกิโยเช่ฟรี

ธนบัตรใด ๆ รวมถึงเอกสารที่มีความสำคัญของรัฐ (ประกาศนียบัตร ใบรับรอง ใบรับรอง และอื่นๆ) นั้นง่ายต่อการจดจำเพียงชำเลืองมอง รูปแบบการทำซ้ำอย่างละเอียดซึ่งทำงานตลอดทั้งภาพวาดหลักทำให้การออกแบบเอกสารมี "การจดจำ" ได้ เส้นดังกล่าวเรียกว่ากิโยเช่

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

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

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

⇡ บทสรุป

เครื่องมือกราฟิกเวคเตอร์ฟรีไม่ได้มีอยู่ทั่วไปตามที่คุณต้องการ แต่สิ่งเหล่านี้มี ข่าวดีก็คือด้วยการพัฒนามาตรฐาน HTML5 และเทคโนโลยีเว็บอื่น ๆ มันจึงเป็นไปได้ที่จะใช้เบราว์เซอร์เป็นตัวแก้ไขกราฟิกแบบเวกเตอร์ - ก่อนหน้านี้ใคร ๆ ก็ฝันถึงสิ่งนี้เท่านั้น สำหรับโครงการง่ายๆ เครื่องมือดังกล่าวช่วยประหยัดเวลาได้มาก และหากคุณใช้ Inkscape คุณมักจะปฏิเสธที่จะซื้อโปรแกรมแก้ไขเวกเตอร์สำหรับความต้องการด้านการออกแบบได้

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

จะแปลภาพวาดเป็นเวกเตอร์ได้อย่างไร?

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

1. โดยใช้เครื่องมือการเลือก เลือกเฉพาะองค์ประกอบที่เราต้องการแปลเป็นรูปวาดเวกเตอร์ แล้วคัดลอกไปยังเลเยอร์ใหม่ที่เรียกว่า "รูปร่าง" จากนั้นสร้างเลเยอร์อื่นและเติมด้วยสีขาวจนเต็ม เลเยอร์นี้เรียกว่า "พื้นหลัง" ตอนนี้ ย้ายเลเยอร์ "พื้นหลัง" ใต้เลเยอร์ "รูปร่าง" แล้วรวมเข้าด้วยกัน รูปภาพผลลัพธ์เรียกว่า "ฐาน" ทำซ้ำเลเยอร์ "Base" สองครั้งแล้วตั้งชื่อว่า "Base_1" และ "Base_2" ปิดการมองเห็นของพวกเขา

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

เราก็เลยได้ผลปกติที่สุด

3. ต่อไป เราใช้ตัวกรองการแพร่กระจายกับภาพที่ได้เพื่อลบขอบหยัก วิธีเปิดใช้งานตัวกรอง: "Filter - Stylize - Diffuse" (Filter-Stylize-Difuse) ในหน้าต่างที่เปิดขึ้น ให้เลือก "Anisotropic"

4. ขั้นตอนต่อไปคือการทำให้ขอบเรียบเพื่อให้ชัดเจนขึ้น สำหรับกด "Image - Correction - Levels" (Image-Adjustment-Levels) ในหน้าต่างที่เปิดอยู่ ให้เลื่อนแถบเลื่อนซ้ายและขวาให้ใกล้ตรงกลางมากขึ้น เพื่อที่จะเห็นผลของการแก้ไข ทางที่ดีควรขยายภาพให้ใหญ่ขึ้นถึง 300% ก่อนเปิดระดับ

5. เราทำซ้ำจุดที่ 3 และ 4 ในลำดับเดียวกัน

6. ปิดการมองเห็นของเลเยอร์หลักของเราและเปิดเลเยอร์ "Base_1" เราดำเนินการ "รูปภาพ - การแก้ไข - Isogelia" (Image-Adjustment-Threshold) ตั้งค่าพารามิเตอร์เป็น 138

7. เราดำเนินการตามที่ระบุในย่อหน้าที่ 3.4 และ 5 ด้วยเลเยอร์นี้

8. สร้างเลเยอร์ใหม่และเติมด้วยสีดำ เราเรียกว่า "พื้นหลัง" ตั้งไว้ใต้เลเยอร์ "ฐาน" ในเลเยอร์ "Base_1" ให้เปลี่ยนโหมดเป็น "Difference"

นี่คือสิ่งที่เราได้รับ:

9. ภาพดูน่ากลัวเล็กน้อย แต่เราจะแก้ไขตอนนี้ ทำให้เลเยอร์ "ฐาน" เปิดใช้งานและเพิ่มเลเยอร์มาสก์ หลังจากนั้นด้วยยางลบ เราสามารถลบส่วนเกินบนใบหน้าและร่างกายของหญิงสาวได้

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

ผลสุดท้าย

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

ในการสร้างภาพที่เจ๋งจริงๆ คุณต้องเลือกโปรแกรมที่คุณต้องการและปฏิบัติตามกฎเกณฑ์บางประการ หากคุณต้องการวาดภาพประกอบเวกเตอร์ คุณควรจำไว้ว่าตัวแก้ไขดังกล่าวใช้สำหรับสิ่งนี้ เช่น Adobe illustratorหรือ CorelDraw... อย่างไรก็ตาม, Photoshopมีเงินเพียงพอที่จะพัฒนาภาพประกอบเวกเตอร์ ฉันจะแสดงให้เห็นอย่างชัดเจนในบทเรียนเกี่ยวกับวิธีการแปลภาพวาดเป็นเวกเตอร์ ฉันได้เลือกภาพร่างของแมวเป็นพื้นฐานสำหรับภาพประกอบ ฉันตัดสินใจที่จะวาดภาพแมวสีน้ำเงินที่มีดอกไม้สีชมพูอยู่ในอุ้งเท้าของมัน

ขั้นตอนที่ 1

เริ่มต้นด้วยการสร้างพื้นหลัง วาดรูปร่างโดยใช้เครื่องมือการเลือก () (ใน ชั้นรูปร่าง(รูปร่างชั้น)). การตั้งค่า - (เติมความทึบ) = 0% ... ตอนนี้ใช้การซ้อนทับแบบไล่ระดับสี: ((Layer Style - Gradient Overlay)) เพื่อเติมรูปร่างที่สร้างขึ้น การตั้งค่าทั้งหมดเป็นค่าเริ่มต้น คุณจะต้องเปลี่ยนมุมเท่านั้น (ฉันจะระบุระดับ) และการไล่ระดับสี เพิ่ม จังหวะ(จังหวะ) ((สไตล์เลเยอร์ - จังหวะ)). เราใช้การตั้งค่าเริ่มต้นทั้งหมด ยกเว้นความกว้างใน 1 px และสี