วาดรูปสี่เหลี่ยมใน Photoshop โดยไม่ต้องเลือกขอบ เครื่องมือรูปร่างเวกเตอร์: เครื่องมือสี่เหลี่ยมผืนผ้า

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

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

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

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

สร้างไฟล์การฝึกอบรมใหม่

คลิกซ้ายที่ เครื่องมือ - รูปร่าง -บนแถบเครื่องมือ หน้าต่างการเลือกเครื่องมือจะเปิดขึ้น:

ต่อไปนี้เป็นรูปร่างพื้นฐานที่เราสามารถใช้ได้ เลือกอันใดอันหนึ่งและดูที่แผงตัวเลือก:

สำหรับรูปร่างใด ๆ คุณสามารถเลือก:

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


• ตั้งค่าพารามิเตอร์เฉพาะสำหรับตัวเลขนี้

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

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

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

ตอนนี้คุณสามารถตั้งค่าพารามิเตอร์ทางเรขาคณิตได้:

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

ตอนนี้เลือก -โดยพลการ- และยืดสี่เหลี่ยมของคุณบนผืนผ้าใบด้วยเมาส์ ตัวอย่างเช่น นี่คือสิ่งที่ฉันได้รับเมื่อใช้สไตล์: บัทตัน, กลาสบัทตันและเว็บสไตล์.

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

วาดรูปสี่เหลี่ยมด้วย มุมโค้งมน

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

นี่คือสิ่งที่เกิดขึ้นกับฉัน การรวมกันต่างๆรัศมีและสไตล์

ทำไมไม่บล็อกข่าวและปุ่มเมนูล่ะ?

การวาดวงกลม

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

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

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

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

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

ตัวอย่างเช่น:

รูปหกเหลี่ยมแรกมีรัศมี 3 ซม. กล่องที่เหลือจะไม่ถูกเลือก

รูปหกเหลี่ยมที่สองมีรัศมี 3 ซม. มีเครื่องหมายถูกที่ -star- ความลึกของรังสีคือ 25% ช่องทำเครื่องหมายที่เหลือจะไม่ถูกทำเครื่องหมาย

รูปหกเหลี่ยมที่สามมีรัศมี 3 ซม. ความลึกของรังสีคือ 50% มีการทำเครื่องหมายในช่องทั้งหมด

ล้วนมีสไตล์ที่ปรับใช้กับพวกเขา

การวาดเส้น

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

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

• เริ่ม- ลูกศรที่จุดเริ่มต้นของบรรทัด
• จบ- ลูกศรที่ท้ายบรรทัด
• ความกว้าง- สัดส่วนของลูกศรเข้า เปอร์เซ็นต์ถึงความหนาของเส้น (ตั้งแต่ 10% ถึง 1,000%)
• ความยาว- สัดส่วนของลูกศรเป็นเปอร์เซ็นต์ของความหนาของเส้น (ตั้งแต่ 10% ถึง 5,000%)
• ความโค้ง- กำหนดระดับความโค้งของส่วนที่กว้างที่สุดของลูกศรตรงจุดที่ตรงกับเส้น (ตั้งแต่ -50% ถึง +50%)

ตัวอย่างเช่น:

บรรทัดแรกไม่ได้ทำเครื่องหมายในช่องทั้งหมด, ความกว้าง - 500%, ความยาว - 1,000%, ความหนา - 2 พิกเซล

สำหรับบรรทัดที่สอง ทุกอย่างจะเหมือนเดิม แต่มีเครื่องหมายถูกที่ -จุดเริ่มต้น- และความโค้งคือ 5%

สำหรับบรรทัดที่สาม ทุกอย่างจะเหมือนกัน แต่ -end- ถูกทำเครื่องหมายไว้ และ -beginning- จะไม่ถูกทำเครื่องหมาย

บรรทัดที่สี่มีทั้งช่องทำเครื่องหมาย ความกว้าง - 500% ความยาว - 1,000% ความโค้ง - 15% ความหนา - 5 พิกเซล

ล้วนมีสไตล์ที่ปรับใช้กับพวกเขา

การวาดรูปร่างตามใจชอบ

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

การวาดหลายรูปทรงในชั้นเดียว

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

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

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

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

บันทึกรูปร่าง

สมมติว่าเราชอบรูปร่างล่าสุดที่เราสร้างขึ้นและต้องการใช้มันในอนาคต ในการดำเนินการนี้ คุณจะต้องบันทึกข้อมูลดังกล่าว สำหรับเมนูนี้ Edit -> Define Custom Shape ตั้งชื่อรูปร่างใหม่

ตอนนี้รูปร่างของเราได้ปรากฏในแผงการเลือกรูปร่างแบบกำหนดเองแบบเลื่อนลงแล้ว

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

วงรี

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

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

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

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

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

เส้น

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

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

รูปฟรี

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

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

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

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

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

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

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

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

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

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

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

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

คุณสามารถเลือกเครื่องมือ 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 Corners:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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