วาดสี่เหลี่ยมใน Photoshop โดยไม่เลือกขอบ เครื่องมือ Marquee สี่เหลี่ยมใน Photoshop วิธีการวาดรูปร่างเวกเตอร์ใน Photoshop, ตัวเลือกการเติมและจังหวะ

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

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

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

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

วิธีที่ 1 เครื่องมือรูปร่างตามอำเภอใจ

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

เลือกเครื่องมือจากแถบเครื่องมือ มีสองสถานการณ์ที่เป็นไปได้สำหรับการพัฒนาเหตุการณ์:

ตัวเลือกที่ 1 สี่เหลี่ยมจัตุรัสหรือสี่เหลี่ยมผืนผ้าที่มีการปรับขนาดเพิ่มเติมโดยไม่สูญเสียคุณภาพ

แน่นอนว่าในที่นี้มีการใช้ตัวเลขเวกเตอร์โดยนัย ในการวาดคุณต้องเลือกตัวเลือก ชั้นรูปร่าง:

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

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

ตัวเลือก 2 มาตรฐาน (แรสเตอร์) สี่เหลี่ยมจัตุรัส/สี่เหลี่ยมผืนผ้า

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

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

วิธีทำสี่เหลี่ยมจตุรัส

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

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

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

สี่เหลี่ยมผืนผ้าหรือสี่เหลี่ยมจัตุรัสที่มีมุมมน

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

วิธีที่ 2. ลากเส้นส่วนที่เลือก

วิธีนี้ง่ายเพียง 5 เซ็นต์ เลือกเครื่องมือและวาดรูปสี่เหลี่ยมผืนผ้าด้วยเส้นประ ในการวาดสี่เหลี่ยม ให้กดแป้น Shift ค้างไว้

ตอนนี้เราต้องลากเส้นขอบของพื้นที่ที่เลือกนี้ โดยไปที่ เรียบเรียง - โรคหลอดเลือดสมอง.

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

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

นี่คือสิ่งที่จะเกิดขึ้น:

ในภาพหน้าจอด้านบน ฉันไม่ได้จงใจลบเส้นประ เพราะเส้นประก็จะไม่หายไปสำหรับคุณเช่นกัน ในที่สุดเพื่อกำจัดมัน ให้กด Ctrl + D

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

วิธีที่ 2.1 การกรอกส่วนที่เลือก

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

วิธีที่ 3 การปรับเปลี่ยนการเลือก

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

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

หน้าต่างใหม่จะปรากฏขึ้นซึ่งในกรณีของเราเราจะระบุความกว้างของเส้นขอบของสี่เหลี่ยมผืนผ้า สมมติว่าฉันระบุ 7 พิกเซล เราได้รับผลลัพธ์ดังต่อไปนี้:

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

เหลือเพียงการลบส่วนที่เลือก - Ctrl + D ฉันคิดว่าวิธีนี้เหมาะสำหรับงานเฉพาะที่หายากของฉันเท่านั้น เนื่องจากมุมขนนกและอันเดอร์คัทจะทำให้ทุกอย่างเสีย

สังเกตเห็นข้อผิดพลาดในข้อความ - เลือกแล้วกด Ctrl + Enter ขอบคุณ!

วิธีที่ง่ายที่สุดในการวาดภาพสี่เหลี่ยมผืนผ้าใน Photoshop คือการใช้เครื่องมือ Rectangle (Rectangle) เครื่องมือ " เครื่องมือสี่เหลี่ยมผืนผ้า»อยู่ในกลุ่มเครื่องมือสำหรับการวาดรูปร่างและภูมิใจในมัน

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

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

โหมดการวาดภาพ

สี่เหลี่ยมผืนผ้า เช่นเดียวกับรูปร่างอื่นๆ ใน Photoshop สามารถวาดในโหมดใดโหมดหนึ่งต่อไปนี้:

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

สี่เหลี่ยมที่วาดในโหมด: 1 - รูปร่าง; 2-เส้นทาง; 3 พิกเซล

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

เลือกรายการดรอปดาวน์โหมดเครื่องมือสำหรับ Rectangle Tool

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

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

โดยทั่วไปแล้ว ในการวาดรูปสี่เหลี่ยมผืนผ้าใน Photoshop คุณต้อง:

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

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

แผงตัวเลือก

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

เมนูแบบเลื่อนลงพร้อมตัวเลือกสำหรับ Rectangle Tool

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

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

กระบวนการวาดรูปสี่เหลี่ยมผืนผ้าเมื่อเลือกตัวเลือกต่างๆ สำหรับ Rectangle Tool: 1 - Unconstrained; 2 - ไม่จำกัด + จากศูนย์; 3 - สแควร์; 4 - สี่เหลี่ยม + จากตรงกลาง; 5 - ขนาดคงที่; 6 - ขนาดคงที่ + จากศูนย์; 7 - สัดส่วน; 8 - สัดส่วน + จากศูนย์

ปุ่มลัด

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

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

กระบวนการวาดรูปสี่เหลี่ยมผืนผ้าโดยใช้ปุ่มลัด: 1 - Shift; 2 - อัลท์; 3 - Alt + Shift; 4-Space

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

ต่อไปนี้จะสาธิตเทคนิคทั้งหมดที่อธิบายไว้ในบทความนี้ ซึ่งสามารถนำมาใช้เมื่อวาดรูปสี่เหลี่ยมผืนผ้าโดยใช้เครื่องมือสี่เหลี่ยมผืนผ้าใน Photoshop

วิดีโอสำหรับบทความ

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

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

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

Photoshop มีเครื่องมือ 6 อย่างที่ให้คุณวาดรูปร่างได้ - Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool, Line " (Line Tool) และ "Custom Shape" (Custom Shape Tool) พวกเขาอยู่ในที่เดียวบนแถบเครื่องมือ

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

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

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

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

หลังจากเลือกเครื่องมือสี่เหลี่ยมผืนผ้าแล้ว ไอคอนหกไอคอนจะปรากฏในแถบตัวเลือกซึ่งแสดงถึงเครื่องมือต่างๆ ในกลุ่มรูปร่าง เครื่องมือจะถูกวางจากซ้ายไปขวาในลำดับเดียวกันกับที่ปรากฏในแถบเครื่องมือ ดังนั้นเราจึงเห็นเครื่องมือ Rectangle, Rounded Rectangle, Ellipse, Polygon, Line และ Freeform อีกครั้ง ในการเลือกเครื่องมือที่ต้องการ ให้คลิกที่ไอคอนใดไอคอนหนึ่ง:

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

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

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

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

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

ในการวาดรูปร่างเวกเตอร์ ให้เลือกตัวเลือกชั้นรูปร่าง

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ตัวเลือกสำหรับเครื่องมือในกลุ่ม Shapes

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

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

คลิกที่ลูกศรเล็กๆ เพื่อดูตัวเลือกเพิ่มเติมสำหรับ Rectangle Tool

ชั้นรูปร่าง

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

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

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

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

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

เลือกสีที่แตกต่างจากจานสี

แค่ย้อนกลับไปเมื่อใดก็ได้และเปลี่ยนสีของรูปร่างก็เพียงพอแล้ว

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ยิ่งค่ารัศมีมาก มุมก็จะยิ่งกลม

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

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

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

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

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

หากเราคลิกที่ลูกศรเล็กๆ ในแถบตัวเลือกเพื่อเปิดเมนูตัวเลือกขั้นสูงสำหรับเครื่องมือ Rounded Rectangle เราจะเห็นว่าตัวเลือก Free, Square และ From Center จะเหมือนกับตัวเลือก Rectangle Tool และอีกครั้ง เรารู้วิธีเลือกตัวเลือกเหล่านี้โดยใช้แป้นพิมพ์ลัดและแป้นแต่ละแป้นแล้ว:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

รูปหลายเหลี่ยมจากสิบสองปาร์ตี้

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

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

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

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

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

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

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

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

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

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

วาดลูกศรง่ายๆ ด้วยเครื่องมือ Line

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

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

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

ลูกศรพร้อมตั้งค่าความโค้งเป็น 50%

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

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

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

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

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

แปล: Ksenia Rudenko

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

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

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

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

กดปุ่มขวาของเมาส์ค้างไว้เราวาดเหนือพื้นที่ทำงาน

สี่เหลี่ยมพร้อม! หากต้องการกำจัดขอบสีดำบาง ๆ ให้แรสเตอร์เลเยอร์ Rasterization สามารถพบได้ในหน้าต่างเลเยอร์

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ตอนนี้ มาเรียนรู้วิธีกำหนดขนาดสี่เหลี่ยมผืนผ้ากัน

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

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

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

มีขอบตัด

ลองทำภาพสี่เหลี่ยมโดยตัดขอบส่วนเกินออก
1. เปิด Photoshop เราโหลดรูปภาพลงในโปรแกรมแล้วไปที่เครื่องมือ "Frame"

2. กดปุ่ม Shift ค้างไว้ คลิกด้านหลังขอบมุมของรูปภาพ หรือด้านหลังดีกว่านั้น และกดแป้น Shift และปุ่มซ้ายของเมาส์ค้างไว้ วาดกรอบสี่เหลี่ยมขึ้นจากขอบของรูปภาพหนึ่งจากขอบของรูปภาพ ปล่อยปุ่มเมาส์และเปลี่ยน

3. ตอนนี้ใช้ลูกศรบนแป้นพิมพ์เพื่อเลื่อนไปในทิศทางที่ต้องการสำหรับการครอบตัดแล้วกด Enter

เมื่อบันทึกเป็น "JPEG" ให้เลือกคุณภาพ 12 (ดีที่สุด) แล้วคลิก "ตกลง"

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

ไม่มีขอบตัด

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

2. หลังจากนั้น ในกล่องโต้ตอบ ไปที่ "รายละเอียด" และดูขนาดของรูปภาพ ในกรณีของฉัน ด้านใดด้านหนึ่งใหญ่กว่า 640 พิกเซล และมี 72 พิกเซล จากนั้นเราจะสร้างสี่เหลี่ยมจัตุรัสใน Photoshop 640x640 พิกเซล ไม่ใช่ 425 x 425 เราจะตั้งค่าความละเอียดเป็น 72 พิกเซลด้วย บันทึกข้อมูลนี้

3. สร้างสี่เหลี่ยมสีขาวที่ว่างเปล่า เปิด Photoshop แล้วไปที่ File > New

4. ในกล่องโต้ตอบที่ปรากฏขึ้น ให้กรอกข้อมูล ในกรณีของฉัน ความกว้างและความสูงจะเป็น 640px ความละเอียด 72. และคุณดูที่คุณสมบัติของภาพของคุณ เรากด "ตกลง"

5. เราได้สร้างสี่เหลี่ยมสีขาว

6. ตอนนี้ เราใช้และลากรูปภาพของคุณไปยัง Photoshop ลงในช่องนี้

7. จากนั้นกด Enter

นั่นคือทั้งหมดที่ เราสร้างภาพสี่เหลี่ยมจัตุรัสโดยไม่มีการครอบตัดหรือบิดเบือน ตอนนี้มันยังคงอยู่เพื่อบันทึก วิธีการทำเช่นนี้อธิบายไว้ข้างต้น

วิธียืดเหยียด

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

1. อัปโหลดรูปภาพ ไปที่ รูปภาพ > ขนาดรูปภาพ

2. ในกล่องโต้ตอบ ให้ยกเลิกการเลือกช่องทำเครื่องหมาย "รักษาสัดส่วน" ทันที เราใส่ตัวเลขเดียวกันใน "ความกว้าง" และ "ความสูง" ในกรณีของเรา ถ้าเราตั้งค่า 425x425 ความกว้างจะแคบลง และหากเราตั้งค่า 640x640 ภาพจะขยายความสูง หลังจากป้อนข้อมูลให้คลิก "ตกลง"

3. ฉันตั้งค่า 425x425 และรูปภาพจะแคบลงในความกว้าง เราประหยัด ผลลัพธ์อยู่ด้านล่าง