เครื่องมือรูปร่างเวกเตอร์: เครื่องมือสี่เหลี่ยมผืนผ้า

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

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

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

Photoshop มีเครื่องมือหกอย่างที่ช่วยให้คุณวาดรูปร่างได้ - เครื่องมือสี่เหลี่ยมผืนผ้า, เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน, เครื่องมือวงรี, เครื่องมือรูปหลายเหลี่ยม, เส้น "(เครื่องมือเส้น) และ "เครื่องมือรูปร่างแบบกำหนดเอง" ตั้งอยู่ในที่เดียวบนแถบเครื่องมือ

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

เครื่องมือทั้งหกในกลุ่มรูปร่างจะอยู่ในที่เดียวบนแถบเครื่องมือ

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

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

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

คุณสามารถเลือกเครื่องมือ Shapes ทั้งหกได้โดยตรงจากแผงตัวเลือก (หลังจากเลือกหนึ่งในนั้นในแผงเครื่องมือ)

การเลือกตัวเลือกเลเยอร์รูปร่าง

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

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

หากต้องการวาดรูปร่างเวกเตอร์ ให้เลือกตัวเลือก Shape Layers ในแผงการตั้งค่า นี่เป็นไอคอนแรกจากทั้งหมด 3 ไอคอน ซึ่งอยู่ที่ขอบด้านซ้าย (ไอคอนตรงกลางคือตัวเลือก Paths และด้านขวาคือตัวเลือก Fill Pixels):

หากต้องการวาดรูปร่างเวกเตอร์ ให้เลือกตัวเลือก "Shape Layer"

การเลือกสีสำหรับรูปร่าง

หลังจากเลือกตัวเลือก Shape Layer แล้ว เราจะต้องเลือกสีสำหรับรูปร่างของเรา เราจะดำเนินการนี้โดยคลิกที่ไอคอนตัวอย่างสีที่อยู่ทางด้านขวาของคำว่า "สี" ในแผงการตั้งค่า:

คลิกที่ไอคอนตัวอย่างสีเพื่อเลือกสีที่ต้องการสำหรับรูปร่าง

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

ในจานสี ให้เลือกสีสำหรับรูปภาพ

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

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

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

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

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

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

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

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

หากต้องการวาดรูปร่างจากกึ่งกลาง ให้กด Alt (Win) / Option (Mac) ค้างไว้ในขณะที่คุณเลื่อนเคอร์เซอร์

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

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

หากต้องการวาดรูปสี่เหลี่ยมจัตุรัสขณะใช้เครื่องมือสี่เหลี่ยมผืนผ้า ให้กดปุ่ม Shift ค้างไว้

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

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

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

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

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

คลิกลูกศรเล็กๆ เพื่อดูตัวเลือกเพิ่มเติมสำหรับเครื่องมือสี่เหลี่ยมผืนผ้า

ชั้นรูปร่าง

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

เลเยอร์รูปร่างจะมีไอคอนตัวอย่างสีทางด้านซ้าย และภาพขนาดย่อของเวกเตอร์มาสก์ทางด้านขวา

ดังที่ฉันได้กล่าวไปแล้ว เราไม่ต้องกังวลกับการเลือกสีที่ถูกต้องสำหรับรูปร่าง เนื่องจากเราสามารถเปลี่ยนสีเติมของรูปร่างได้อย่างง่ายดายเมื่อเราสร้างมันขึ้นมาแล้ว โดยดับเบิลคลิกที่ไอคอนตัวอย่างสีเลเยอร์รูปร่าง:

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

Photoshop จะเปิดจานสีขึ้นมาอีกครั้ง ซึ่งเราสามารถเลือกสีอื่นสำหรับรูปร่างของเราได้ คราวนี้ฉันจะเลือกสีน้ำเงิน:

เลือกสีอื่นจากจานสี

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

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

พื้นที่สีขาวบนเวกเตอร์มาสก์แสดงถึงพื้นที่บนเลเยอร์ที่มองเห็นสีได้

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

กดปุ่ม Shift ค้างไว้แล้วคลิกที่เวกเตอร์มาสก์เพื่อปิด

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

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

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

เอกสารหลังจากเปิดใช้งานเวกเตอร์มาสก์อีกครั้ง

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

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

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

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

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

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

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

เมื่อคุณปล่อยปุ่มเมาส์ รูปร่างจะเต็มไปด้วยสี

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

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

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

ค่ารัศมีเล็กน้อยจะปัดเศษมุมให้น้อยลง

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

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

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

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

เครื่องมือสี่เหลี่ยมผืนผ้าและสี่เหลี่ยมผืนผ้าโค้งมนมีตัวเลือกขั้นสูงเหมือนกัน

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

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

การวาดวงรีโดยใช้เครื่องมือ Ellipse

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

เอลลิสเต็มไปสี

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

เริ่มวาดแล้วเพิ่มการกดแป้น Shift เพื่อสร้างวงกลมที่สม่ำเสมออย่างสมบูรณ์แบบ

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

เครื่องมือ Ellipse มีตัวเลือกเกือบเหมือนกับเครื่องมือสี่เหลี่ยมผืนผ้าและสี่เหลี่ยมผืนผ้าโค้งมน

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

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

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

ใช้ตัวเลือกด้านข้างเพื่อบอก Photoshop ว่ารูปร่างเหลี่ยมของคุณจะมีกี่ด้าน

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

เครื่องมือรูปหลายเหลี่ยมเป็นสิ่งที่ขาดไม่ได้เมื่อเราต้องวาดรูปอื่นที่ไม่ใช่รูปสี่เหลี่ยม

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

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

นี่คือรูปหลายเหลี่ยมที่มี 12 ด้าน:

รูปหลายเหลี่ยมกับสิบสองฝ่าย

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

หากต้องการวาดรูปดาวโดยใช้เครื่องมือรูปหลายเหลี่ยม ให้คลิกที่ลูกศรเล็กๆ ในแถบตัวเลือกเพื่อเปิดรายการตัวเลือกเครื่องมือรูปหลายเหลี่ยมแล้วเลือกตัวเลือกดาว:

จากรายการตัวเลือกสำหรับเครื่องมือรูปหลายเหลี่ยม ให้เลือก "ดาว"

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

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

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

ด้านล่างนี้คือดาวห้าแฉกที่เลือกตัวเลือก Smooth Outer Corners:

ตัวเลือก Smooth Outer Corners จะทำให้มุมของดวงดาวนุ่มนวลขึ้น

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

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

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

ดาวที่วาดโดยเลือกตัวเลือก Smooth Inner Corners ไว้

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

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

ใช้ตัวเลือกความหนาเพื่อกำหนดความหนาของเส้น

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

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

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

หากต้องการเพิ่มลูกศรในทิศทางที่วาดเส้น ให้เลือกตัวเลือกสิ้นสุด

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

เครื่องมือเส้นทำให้การวาดลูกศรเป็นเรื่องง่าย

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

เพิ่มค่าความโค้งเพื่อเปลี่ยนรูปร่างของลูกศร

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

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

การซ่อนโครงร่างรอบรูปร่าง

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

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

คลิกที่ภาพขนาดย่อของเวกเตอร์มาสก์เพื่อยกเลิกการเลือกและซ่อนโครงร่างรอบๆ รูปร่าง

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

การแปล:เคเซเนีย รูเดนโก

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

หากต้องการเลือกรายการใดรายการหนึ่ง ให้คลิกไอคอนรูปร่างบนแถบเครื่องมือ

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

• เลือกโหมดเครื่องมือที่นี่คุณสามารถเลือกหนึ่งในสาม

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

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

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

สี่เหลี่ยมผืนผ้า

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

บนแถบตัวเลือก คลิกไอคอน หน้าต่างการตั้งค่าเรขาคณิตจะเปิดขึ้น

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

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

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

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

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

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

วงรี

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

รูปหลายเหลี่ยม

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

หน้าต่างการตั้งค่าทางเรขาคณิตแตกต่างอย่างเห็นได้ชัดจากตัวเลขก่อนหน้านี้

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

เส้น

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

• เริ่ม.หากทำเครื่องหมายที่ช่องทำเครื่องหมาย แทนที่จะเป็นเส้น คุณจะได้รับลูกศรที่จะวาดที่ตำแหน่งที่คุณคลิกปุ่มเมาส์
• จบ.เลือกช่องทำเครื่องหมายเพื่อเพิ่มลูกศรที่ท้ายบรรทัด
• ความกว้าง.ระบุเป็นเปอร์เซ็นต์ที่สัมพันธ์กับความหนา (สามารถตั้งค่าได้ในแผงพารามิเตอร์ในช่องชื่อเดียวกัน)
• ความยาว.คำนวณในลักษณะเดียวกับความกว้าง - สัมพันธ์กับความหนาเป็นเปอร์เซ็นต์
• ความโค้ง.ค่าจะอยู่ในช่วง -50% ถึง 50% และกำหนดว่าส่วนที่กว้างที่สุดของลูกศรจะโค้งงอมากน้อยเพียงใด รูปภาพแสดงลูกศรที่มีความโค้ง 0%, 30% และ 50% (จากบนลงล่าง)

รูปฟรี

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

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

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

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

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

การเปลี่ยนขนาดของรูปร่างหลังจากที่คุณวาดแล้ว

หลังจากที่คุณวาดรูปร่างเริ่มต้นของคุณแล้ว (ในกรณีของเราคือสี่เหลี่ยมผืนผ้า) ขนาดปัจจุบันของรูปร่างจะปรากฏในช่องป้อนข้อมูล "ความกว้าง" (W) และ "ความสูง" (H) ) ในแผงตัวเลือก
ที่นี่เราจะเห็นว่าสี่เหลี่ยมผืนผ้าของฉันมีความกว้าง 464 พิกเซลและสูง 257 พิกเซล:

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

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

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

คลิกไอคอนนี้หากคุณต้องการให้อัตราส่วนกว้างยาวคงเดิมเมื่อเปลี่ยนความยาวหรือความกว้างของรูปร่าง

วิธีกำหนดขนาดของรูปร่างล่วงหน้าก่อนวาด

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

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

กล่องโต้ตอบสำหรับสร้างตัวเลขที่มีขนาดที่กำหนดไว้ล่วงหน้า

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

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

กดปุ่ม Alt ค้างไว้เพื่อเริ่มสร้างรูปร่างจากศูนย์กลาง วงกลมแสดงจุดเริ่มต้นในการสร้างร่าง

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

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

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

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

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

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

เลือกรูปร่าง (ปุ่มแนวนอน U) จากนั้นเลือกเครื่องมือสี่เหลี่ยมผืนผ้า (เครื่องมือสี่เหลี่ยมผืนผ้า) ดูภาพหน้าจอด้านล่าง

ตั้งค่าคุณสมบัติ "เติมพิกเซล"

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

ทรงสี่เหลี่ยมพร้อมกรอบ

ควรวาดสี่เหลี่ยมจัตุรัสบนเลเยอร์ว่างใหม่โดยไม่ต้องเติมใดๆ คุณสามารถสร้างเลเยอร์ใหม่ได้โดยการกดปุ่ม Alt + Ctrl + Shift + N พร้อมกัน

1. ติดตั้ง Paths (เส้นทางในภาษารัสเซีย);
2. วาดรูปสี่เหลี่ยมโดยกดปุ่ม Shift ค้างไว้

แปลงเวกเตอร์สแควร์เป็นตัวเลือก (เลือก) โดยกด Ctrl + Enter

ทาสีส่วนที่เลือก (ในกรณีนี้คือสีขาว)

Alt + ← BackSpace - สีที่เลือกเป็นสีแรก

Ctrl + ← BackSpace - สีที่สองที่เลือก

คลิกขวาที่เลเยอร์สี่เหลี่ยมแล้วเลือก Blending Options

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

ผลลัพธ์ที่ได้คือสี่เหลี่ยมจัตุรัสที่มีขอบสีแดงหนา 3 พิกเซล

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

ฉันจะแสดงให้คุณเห็นหลายวิธีในการวาดรูปสี่เหลี่ยมผืนผ้า ซึ่งทั้งหมดนี้คุณจะต้องใช้สักวันหนึ่ง

เริ่มจากตัวเลขกันก่อน มาสร้างเอกสารใหม่กันเถอะ 1,000 x 1,000 พิกเซลก็เพียงพอแล้ว

ตอนนี้ไปที่แถบเครื่องมือแล้วมองหาเครื่องมือสี่เหลี่ยมผืนผ้า

กดปุ่มเมาส์ขวาค้างไว้แล้วลากผ่านพื้นที่ทำงาน

สี่เหลี่ยมพร้อมแล้ว! หากต้องการกำจัดขอบสีดำบางๆ ให้แรสเตอร์เลเยอร์ คุณจะพบการแรสเตอร์ในหน้าต่างเลเยอร์

ตอนนี้วิธีที่สอง พื้นที่ที่เลือก

ที่แผงด้านบน ให้มองหาแท็บ "เลเยอร์" แล้วสร้างแท็บใหม่

ถึงเวลาทำความคุ้นเคยกับหนึ่งในเครื่องมือยอดนิยมใน Photoshop - พื้นที่เลือกซึ่งอยู่ที่ด้านบนของแถบเครื่องมือด้านข้าง

เราเคลื่อนข้ามเขตการทำงานโดยกดปุ่มเมาส์ขวาค้างไว้

พื้นที่ที่เลือกได้ก่อตัวขึ้นซึ่งเราต้องกรอก ดังนั้นเราจึงย้ายไปที่เครื่องมือ "เลือกสีหลัก" เมื่อคลิกที่มัน เราจะเปิดแผนผังสีและเลือกเฉดสีที่เราชอบ

เรามองหาเครื่องมือ "เติม" เลือกแล้วคลิกบนพื้นที่ที่เลือก

และตอนนี้คีย์ผสมคือ ctrl+d และส่วนที่เลือกจะถูกลบออก! สี่เหลี่ยมพร้อมแล้ว!

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

ตอนนี้เราจะลากเส้นบริเวณที่เลือกซึ่งเราไปที่แผงด้านบนแล้วคลิกแท็บ "การแก้ไข" เราสนใจคำสั่ง "Stroke"

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

กดคีย์ผสม ctrl+d เพื่อยกเลิกการเลือกและเพลิดเพลินกับผลลัพธ์

อย่างที่คุณเห็นเรามีกรอบเต็มรูปสามเหลี่ยมโปร่งใส

เราได้เรียนรู้วิธีสร้างสี่เหลี่ยมใน Photoshop แล้ว มาเรียนรู้วิธีแก้ไขกันเถอะ! เช่น ลองเปลี่ยนสีและขนาดดู

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

ก่อนอื่นเรามาลองเปลี่ยนสีกันก่อน มีหลายวิธีอีกครั้ง อันแรกคือเครื่องมือเติม เลือกสีที่ต้องการจากแถบเครื่องมือ จากนั้นคลิกที่เครื่องมือเติม แล้วตามสี่เหลี่ยมของเรา

มีสี่เหลี่ยมสีเหลืองแต่กลายเป็นสีเขียว ง่ายมากคุณว่าไหม?

วิธีที่สองคือตัวเลือกการผสม ในคำสุดท้ายเรามองหาสิ่งที่เราต้องการแล้วคลิกด้วยปุ่มซ้ายของเมาส์

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

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

ทีนี้มาสอนฉันเกี่ยวกับขนาดของสี่เหลี่ยมผืนผ้ากัน

การปรับขนาดสี่เหลี่ยมใน Photoshop เป็นเรื่องง่ายมาก เลือกเครื่องมือย้ายแล้วคลิกที่สี่เหลี่ยม

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