วิธีการวาดรูปทรงใน Photoshop โดยใช้ Shape Tool

⚡ สรุปอย่างชาญฉลาด

การวาดรูปทรงใน Photoshop ใช้เครื่องมือ Shape ซึ่งอาศัยเทคโนโลยีเวกเตอร์เช่นเดียวกับเครื่องมือปากกา เอกสารนี้จะอธิบายโหมด Path, Shape และ Pixels การแก้ไขสีเติมและเส้นขอบ การใช้เครื่องมือ Custom Shape และอื่นๆtracพื้นที่ค้นหาโดยใช้ฟีเจอร์ Pathfinder

  • 📐 อิงตามเวกเตอร์: เลเยอร์รูปทรงใช้เส้นทางเวกเตอร์ ดังนั้นจึงสามารถปรับขนาดได้โดยไม่สูญเสียคุณภาพ
  • 🔀 สามโหมด: เลือก Path, Shape หรือ Pixels จากเมนูแถบตัวเลือก
  • 🎨 การเติมสีและเส้นขอบ: โหมดรูปร่างจะแสดงตัวเลือกสีเติม สีเส้นขอบ และประเภทเส้นขอบ
  • รูปร่างที่กำหนดเอง: เครื่องมือ Custom Shape มีรูปทรงสำเร็จรูปให้เลือกใช้ในหลากหลายหมวดหมู่
  • Pathfinder: ตtracรูปทรงด้านหน้าจะตัดพื้นที่ส่วนหนึ่งออกจากรูปทรงหลัก

วิธีการวาดรูปทรงใน Photoshop

ขั้นตอนในการวาดรูปทรงใน Photoshop

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

ขั้นตอนในการวาดรูปทรงใน Photoshop

ตอนนี้คลิกที่นั้นแล้วคุณจะเห็นสิ่งต่าง ๆ รูปร่าง ชอบ:

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

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

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

ขั้นตอนในการวาดรูปทรงใน Photoshop

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

ขั้นตอนในการวาดรูปทรงใน Photoshop

ทีนี้ลองวาดรูปทรงดู แล้วสังเกตในแผงเลเยอร์ว่ามีการสร้างเลเยอร์ใหม่ขึ้นมาหรือไม่

ขั้นตอนในการวาดรูปทรงใน Photoshop

คุณจะเห็นไอคอนรูปเส้นทางเล็กๆ บนเลเยอร์นั้น ไอคอนนี้บ่งบอกว่าเลเยอร์นี้เป็นเลเยอร์รูปทรง

ขั้นตอนในการวาดรูปทรงใน Photoshop

ทีนี้ให้เลือกเครื่องมือ “Path Selection tool” แล้วคลิก คุณจะเห็นว่ามีจุดควบคุมรูปทรงเวกเตอร์อยู่ ถ้าคุณต้องการแก้ไขสีของรูปทรง ให้ดับเบิ้ลคลิกที่เลเยอร์รูปทรง แล้วคุณจะเห็นตัวเลือกสี

ขั้นตอนในการวาดรูปทรงใน Photoshop

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

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

ขั้นตอนในการวาดรูปทรงใน Photoshop

รูปทรงทั้งหมดนี้รวมอยู่ในเมนูแบบป๊อปอัพนี้โดยแบ่งเป็นหมวดหมู่ต่างๆ แต่ตอนนี้ฉันเลือก "ทั้งหมด" เพื่อให้ได้รูปทรงทั้งหมดที่มีอยู่ในรายการ

ขั้นตอนในการวาดรูปทรงใน Photoshop

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

ขั้นตอนในการวาดรูปทรงใน Photoshop

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

ขั้นตอนในการวาดรูปทรงใน Photoshop

ถ้าฉันต้องการสมัครสมาชิกtracถ้าส่วนใดส่วนหนึ่งอยู่ภายในรูปทรงนี้ ให้เลือก "เครื่องมือวงรี" แล้วตั้งค่าคุณสมบัติ Pathfinder เป็น "ย่อย"tracรูปทรงด้านหน้า”

ขั้นตอนในการวาดรูปทรงใน Photoshop

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

ขั้นตอนในการวาดรูปทรงใน Photoshop

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

ขั้นตอนในการวาดรูปทรงใน Photoshop

ต่อไปนี้เราจะเข้าสู่หัวข้อถัดไปกันเลย “วัตถุอัจฉริยะ"

คำถามที่พบบ่อย

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

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

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

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

สรุปโพสต์นี้ด้วย: