วิธีแทรกรูปร่างใน Photoshop เครื่องมือรูปร่างอิสระใน Photoshop

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

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

ในความเป็นจริง Photoshop ใช้งานได้กับรูปร่างเหล่านี้ทั้งหมดและอื่นๆ อีกมากมาย และช่วยให้เราเพิ่มมันลงในภาพได้อย่างง่ายดายเช่นเดียวกับที่เราเพิ่มวงกลมและสี่เหลี่ยม ในโปรแกรม รูปร่างที่ซับซ้อนกว่านี้เรียกว่ารูปร่างอิสระ และเราสามารถวาดมันได้โดยใช้คำสั่ง " รูปฟรี"(Custom Shape Tool) ซึ่งเราจะมาทำความรู้จักกันในบทเรียนนี้

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

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

คลิกไอคอนเครื่องมือสี่เหลี่ยมผืนผ้าค้างไว้ จากนั้นเลือกเครื่องมือรูปร่างอิสระจากเมนูที่ปรากฏขึ้น

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

หากคุณมีเครื่องมืออื่นในกลุ่ม Shapes ที่ใช้งานอยู่ คุณสามารถเลือกเครื่องมือ Free Shape ในแผงการตั้งค่าได้

การเลือกรูปร่างของร่างโดยพลการ

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

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

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

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

หากต้องการเลือกรูปร่าง เพียงคลิกที่ภาพขนาดย่อ จากนั้นคลิกที่ปุ่ม เข้า(ชนะ) / กลับ(Mac) เพื่อปิดจานสี หรือดับเบิลคลิกที่รูปขนาดย่อของรูปร่าง ซึ่งจะเลือกรูปร่างและปิดจานสีนั้นเอง ฉันจะเลือกรูปหัวใจ:

เลือกรูปหัวใจจากจานสี "รูปร่างที่กำหนดเอง"

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

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

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

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

จากจานสี ให้เลือกสีสำหรับรูปทรงรูปหัวใจ

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

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

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

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

คลิกเพื่อกำหนดจุดเริ่มต้น จากนั้นลากเพื่อวาดรูปร่าง

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

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

การวาดรูปตามสัดส่วนที่ถูกต้อง

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

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

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

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

ปล่อยปุ่ม Shift หลังจากที่คุณปล่อยปุ่มเมาส์เท่านั้น

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

คลิกที่ภาพขนาดย่อของโน้ตดนตรีเพื่อเลือกรูปร่าง

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

ขณะที่ฉันเลื่อนเคอร์เซอร์ ฉันจะกดปุ่ม Shift ค้างไว้เพื่อรักษาสัดส่วนของรูปให้ถูกต้อง

จากนั้นฉันจะปล่อยปุ่มเมาส์เพื่อเสร็จสิ้นกระบวนการวาดภาพ จากนั้น Photoshop จะเติมรูปร่างด้วยสีเดียวกับที่ฉันเลือกสำหรับรูปร่างก่อนหน้า:

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

เปลี่ยนสีเติมของรูปร่างที่วาด

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

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

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

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

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

เราสามารถเปลี่ยนสีของรูปร่างเวกเตอร์ได้ตลอดเวลา

กำลังโหลดชุดรูปร่างเพิ่มเติม

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

คลิกที่ลูกศรเล็กๆ ที่มุมขวาบนของชุดสีรูปร่าง

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

ชุดรูปร่างเพิ่มเติมทั้งหมดนี้ได้รับการติดตั้งในโปรแกรม แต่จะต้องโหลดลงในจานสีด้วยตนเอง

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

เลือกชื่อ "ทั้งหมด" เพื่อโหลดชุดแบบฟอร์มเพิ่มเติมทั้งหมด

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

หากต้องการโหลดรูปร่างใหม่เมื่อบันทึกรูปร่างดั้งเดิมลงในจานสี ให้เลือก "เพิ่ม" (ผนวก)

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

ตอนนี้จานสี Shapes โหลดรูปร่างเพิ่มเติมทั้งหมดที่มีอยู่ใน Photoshop แล้ว

ด้านล่างนี้เป็นตัวอย่างรูปร่างบางส่วนที่เราสามารถวาดในโปรแกรมได้:

ตอนนี้จานสี Shapes สะท้อนถึงรูปร่างเพิ่มเติมทั้งหมดที่มีอยู่ใน Photoshop

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

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

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

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

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

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

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

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

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

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

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

  • สไตล์และสีของรูป

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

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

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

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

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

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

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

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

เลือกรูปร่างที่สอง - สี่เหลี่ยมผืนผ้าที่มีมุมโค้งมน ในแผง ให้เลือกโหมด - เลเยอร์รูปร่าง รัศมีมุม - เช่น 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 CS6 ขึ้นไป โดยคลิกที่ช่องเติมในแถบตัวเลือก:



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

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

  • ไม่มีสี(ไม่มีสี) - สี่เหลี่ยมสีขาวมีเส้นทแยงสีแดงไม่มีการเติม
  • สีบริสุทธิ์(สีทึบ) - เติมสีทึบ
  • การไล่ระดับสี(Gradient) - เติมด้วยการไล่ระดับสี
  • ลวดลาย(Pattern) - เติมลวดลายด้วย Photoshop (Pattern)



วิธีการต่างๆการกรอกแบบฟอร์ม

ไม่มีสี

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

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



รูปร่างสี่เหลี่ยมผืนผ้าโดยไม่ต้องเติมหรือลากเส้น

สีทึบ

หากต้องการกรอกแบบฟอร์มของคุณด้วยสีทึบ ให้เลือกตัวเลือกสีทึบ ไอคอนที่สองจากด้านซ้าย:



ตัวเลือกสีทึบเพื่อเติมรูปร่างด้วยสีทึบ

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



เลือกสีโดยคลิกที่ตัวอย่าง

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



คลิกที่ไอคอนตัวเลือกสีเพื่อเลือกสีของคุณเอง

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

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



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

การเติมไล่ระดับ

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



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

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



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

การเติมลวดลาย (Patterns)

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

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



รูปร่างเหมือนเดิมแต่คราวนี้เต็มไปด้วยรูปแบบ Photoshop มาตรฐาน

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

เพิ่มเส้นขีดให้กับรูปร่างเวกเตอร์

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

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


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

ซึ่งจะเปิดหน้าต่างพร้อมตัวเลือกที่เราสามารถเลือกสีเส้นโครงร่าง รวมถึงตั้งค่าตัวเลือกอื่นๆ อีกมากมาย

ที่ด้านบนของหน้าต่าง เรามีไอคอนสี่ไอคอนเหมือนกันสำหรับเลือกประเภทการเติมสำหรับเส้นขีด ซึ่งได้แก่ ไม่มีสี สีทึบ การไล่ระดับสี และลวดลาย ตัวเลือกเริ่มต้นคือ ไม่มีสี ฉันจะเลือกประเภทสีทึบ เลือกและกำหนดสีเส้นโครงร่างในลักษณะเดียวกับสีเติมตามที่อธิบายไว้ข้างต้น

การเปลี่ยนความหนาของจังหวะ

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


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

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

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

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

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


ปุ่มในหน้าต่างสำหรับเลือกคุณสมบัติเพิ่มเติม - การเลือกเส้นขีด - ทึบ, จุด, จุด ฯลฯ

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



หน้าต่างโต้ตอบ พารามิเตอร์เพิ่มเติมจังหวะ

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

  1. ขีดสิ้นสุดที่ขอบเขตของความยาวที่กำหนดและปลายมีรูปทรงสี่เหลี่ยมผืนผ้า
  2. ปลายเป็นรูปครึ่งวงกลมและยื่นออกมาครึ่งหนึ่งของความกว้างเกินขอบของความยาวขีดที่กำหนดในแต่ละด้าน
  3. ปลายเป็นรูปสี่เหลี่ยมผืนผ้าและยื่นออกมาครึ่งหนึ่งของความกว้างเกินความยาวเส้นขีดที่ระบุในแต่ละด้าน

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

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



เส้นขีดภายในรูปร่างที่ใช้เส้นขีดสองประเภท ได้แก่ เส้นและจุด

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

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

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

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

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

ฉันจะสร้างรูปทรงอิสระจาก Gingerbread Man น่ารักตัวนี้:

มนุษย์ขนมปังขิง

เริ่มกันเลย!

ขั้นตอนที่ 1: เลือกเครื่องมือปากกา

ตามที่ฉันได้กล่าวไปแล้ว คุณสามารถสร้างรูปร่างอิสระโดยใช้เครื่องมือ Shapes พื้นฐาน เช่น สี่เหลี่ยมผืนผ้าหรือวงรี แต่ถ้าคุณพยายามติดตาม Gingerbread Man ของเราด้วยเครื่องมือเหล่านี้ รูปร่างส่วนใหญ่จะยังคงอยู่ในนั้น สถานการณ์กรณีที่ดีที่สุดไม่มีหัว (ขออภัยที่ประชดเล็กน้อย) สิ่งที่เราต้องการจริงๆ คือ Pen Tool ดังนั้นให้เลือกจากแผงเครื่องมือ:

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

คุณยังสามารถเลือกเครื่องมือปากกาได้ด้วยการกดปุ่ม P

ขั้นตอนที่ 2: เลือกตัวเลือก "Shape Layer" ในแถบตัวเลือก

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

ไอคอนสามไอคอนในแถบตัวเลือกที่ให้เราเลือกวิธีใช้เครื่องมือปากกาได้

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

หากต้องการวาดรูปร่างโดยใช้เครื่องมือปากกา ให้เลือกตัวเลือก Shape Layer

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

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

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

ขั้นตอนที่ 3: เริ่มวาดรูปร่าง

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

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

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

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

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

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

ขั้นตอนที่ 5: ติดตามภาพต่อไป

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

โครงร่างของภาพเสร็จสมบูรณ์แล้ว

หากเราดูเลเยอร์รูปร่างในแผงเลเยอร์ เราจะเห็นว่ามีรูปร่าง Gingerbread Man ที่แตกต่างกันปรากฏขึ้น:

ตอนนี้ร่างของมนุษย์ของเรามองเห็นได้ชัดเจนในแผงเลเยอร์

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

ขั้นตอนที่ 6: เลือกเครื่องมือวงรี

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

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

ขั้นตอนที่ 7: เลือกตัวเลือก "ลบออกจากพื้นที่รูปร่าง"

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

บนแผงการตั้งค่า คลิกไอคอนตัวเลือก "ลบออกจากพื้นที่รูปร่าง":

ขั้นตอนที่ 8: วาดรูปร่างแต่ละรูปทรงเพื่อแยกออกจากภาพเงาที่ร่างไว้

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

วาดรูปวงรีรอบดวงตาซ้ายโดยกดปุ่มเมาส์ค้างไว้

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

ตอนนี้ตาซ้ายถูก "ตัด" ออกจากโครงร่างดั้งเดิมของรูปภาพ ส่งผลให้ดวงตามองเห็นได้ในภาพต้นฉบับด้านล่างภาพเงาโครงร่าง

ฉันจะทำเช่นเดียวกันกับตาขวา ในการเริ่มต้น ฉันจะวาดรูปวงรีรอบดวงตา:

วาดรูปวงรีรอบดวงตาขวา

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

รูที่สองปรากฏขึ้นบนร่าง ซึ่งมองเห็นดวงตาของมนุษย์ได้

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

วาดรูปวงรีรอบๆ ปุ่มด้านบน

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

มีรูในรูปซึ่งมองเห็นปุ่มด้านบนได้

ตอนนี้ ฉันจะทำแบบเดียวกันกับปุ่มด้านล่าง โดยเริ่มจากการวาดรูปวงรีรอบๆ ปุ่ม:

วาดรูปวงรีรอบๆ ปุ่มด้านล่าง

เมื่อฉันปล่อยปุ่มเมาส์ รูที่สี่จะปรากฏขึ้นในโครงร่าง:

ตอนนี้ปุ่มทั้งสองถูกตัดออกจากรูปร่างที่ร่างไว้แล้ว

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

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

ขั้นตอนที่ 9: แยกรายละเอียดที่เหลือออกจากภาพเงาร่างโดยใช้เครื่องมือปากกา

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

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

ในภาพด้านล่าง คุณจะเห็นเส้นขีดพร้อมกับภาพ Gingerbread Man ต้นฉบับที่มองผ่านรูที่ฉันสร้างขึ้น:

ตอนนี้ทั้งปากและหูกระต่ายถูกตัดออกจากรูปร่าง Gingerbread Man ที่ร่างไว้โดยใช้เครื่องมือปากกา

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

การใช้เครื่องมือปากกา ตัดรอยผงน้ำตาลบนมือซ้ายของชายคนนั้นออก

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

ตอนนี้รอยน้ำตาลผงที่ขาและแขนถูกตัดออกจากภาพเงาที่ร่างไว้แล้ว

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

ภาพขนาดย่อของเลเยอร์รูปร่างในแผงเลเยอร์สะท้อนถึงรายละเอียดทั้งหมดที่ถูกตัดออกจากโครงร่างดั้งเดิมของรูปร่าง Gingerbread Man

ดังนั้นฟิกเกอร์ Gingerbread Man จึงพร้อมแล้ว! เราใช้เครื่องมือ Pen เพื่อสร้างลายเส้นเริ่มต้นของรูปร่าง จากนั้นใช้เครื่องมือ Pen และ Ellipse ร่วมกับตัวเลือก Subtract from Shape Area เพื่อเพิ่มรายละเอียดเล็กๆ น้อยๆ ให้กับรูปร่าง

ขั้นตอนที่ 10: เพิ่มความทึบของเลเยอร์รูปร่างเป็น 100%

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

เพิ่มความทึบของเลเยอร์รูปร่างเป็น 100%

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

คลิกที่ไอคอนการมองเห็นเลเยอร์เพื่อซ่อนเลเยอร์พื้นหลังไม่ให้มองเห็นชั่วคราว

และนี่คือลักษณะของรูปร่างมนุษย์ขนมปังขิงที่ฉันสร้างขึ้นหลังจากซ่อนเลเยอร์พื้นหลังจากมุมมองและเพิ่มความทึบของเลเยอร์รูปร่างเป็น 100%:

ฟิกเกอร์ Gingerbread Man ที่สร้างเสร็จแล้ววางอยู่บนพื้นหลังโปร่งใส

หลังจากผ่านไปหลายขั้นตอน ในที่สุดเราก็สร้างหุ่นของเราขึ้นมาได้! แต่นี่ไม่ใช่จุดสิ้นสุด ตอนนี้เราจำเป็นต้องคิดตามอำเภอใจ และนั่นคือสิ่งที่เราจะทำต่อไป

ขั้นตอนที่ 11: กำหนดรูปร่างเป็นรูปร่างอิสระ

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

หากจำเป็น ให้คลิกที่ภาพขนาดย่อของเลเยอร์รูปร่างเพื่อเลือก

หมายเหตุ: หากคุณต้องการซ่อนโครงร่างของรูปร่างของคุณ เพียงคลิกที่ภาพขนาดย่อของเลเยอร์อีกครั้งเพื่อยกเลิกการเลือก

หลังจากเลือกเลเยอร์รูปร่างและเลือกภาพขนาดย่อของเลเยอร์แล้ว ให้ไปที่เมนูแก้ไขที่ด้านบนของหน้าจอ และเลือกกำหนดรูปร่างที่กำหนดเอง:

เลือก “การแก้ไข” > “กำหนดรูปร่างอิสระ”

การกระทำนี้จะเปิดกล่องโต้ตอบชื่อรูปร่าง ซึ่งคุณจะต้องป้อนชื่อรูปร่างของคุณ ฉันจะตั้งชื่อร่างของฉันว่า "Gingerbread Man":

ป้อนชื่อรูปร่างของคุณในส่วนที่เหมาะสมของกล่องโต้ตอบชื่อรูปร่าง

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

ขั้นตอนที่ 12: สร้างเอกสารใหม่ใน Photoshop

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

สร้างเอกสารเปล่าใหม่ใน Photoshop

ขั้นตอนที่ 13: เลือกเครื่องมือรูปร่างอิสระ

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

คลิกไอคอนเครื่องมือสี่เหลี่ยมผืนผ้าค้างไว้ จากนั้นเลือกเครื่องมือรูปร่างอิสระจากเมนูที่ปรากฏขึ้น

ขั้นตอนที่ 14: เลือกรูปร่างที่เรากำหนดเอง

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

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

ขั้นตอนที่ 15: การวาดรูปร่างของเรา

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

ในระหว่างขั้นตอนการวาดภาพ คุณจะเห็นเพียงโครงร่างบาง ๆ ของรูปร่างในอนาคต:

ขณะที่คุณวาดรูปร่าง จะมีโครงร่างบางๆ ปรากฏขึ้น

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

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

ขั้นตอนที่ 16: ดับเบิลคลิกที่ภาพขนาดย่อของเลเยอร์รูปร่างเพื่อเปลี่ยนสีรูปร่าง

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

ดับเบิลคลิกที่ภาพขนาดย่อของเลเยอร์รูปร่าง (ไอคอนตัวอย่างสี) ที่อยู่ทางด้านซ้ายเพื่อเปลี่ยนสีของรูปร่าง

การดำเนินการนี้จะเปิดเครื่องมือเลือกสีซึ่งคุณสามารถเลือกสีใหม่สำหรับรูปร่างของคุณได้ สำหรับ Gingerbread Man ของฉัน ฉันอยากจะเลือกสีน้ำตาล:

หากต้องการเลือกสีใหม่ ให้ใช้เครื่องมือเลือกสี

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

ตอนนี้สีของร่างเปลี่ยนไปแล้ว

คุณสามารถเปลี่ยนสีรูปร่างของคุณได้บ่อยเท่าที่คุณต้องการ เมื่อใดก็ตามที่คุณต้องการ!

ขั้นตอนที่ 17: หากจำเป็น ให้เปลี่ยนขนาดของรูปร่างโดยใช้คำสั่ง "Free Transform"

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

ปรับขนาดรูปร่างโดยใช้กรอบ Free Transform

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

คลิกนอกกรอบการเปลี่ยนแปลงแล้วเลื่อนเคอร์เซอร์เพื่อหมุนรูปร่าง

กด Enter (Win) / Return (Mac) เมื่อคุณปรับขนาดรูปร่างเสร็จแล้วเพื่อยืนยันการเปลี่ยนแปลงครั้งสุดท้าย

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

เพิ่มสำเนาของรูปร่างที่คุณกำหนดเองลงในเอกสารได้มากเท่าที่คุณต้องการ โดยเปลี่ยนสี ขนาด และมุมการหมุนของแต่ละรูปร่าง

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

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

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

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

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

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

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

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

ฉันจะสร้างรูปทรงอิสระจาก Gingerbread Man น่ารักตัวนี้:

มนุษย์ขนมปังขิง

เริ่มกันเลย!

ขั้นตอนที่ 1: เลือกเครื่องมือปากกา

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

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

คุณยังสามารถเลือกเครื่องมือปากกาได้ด้วยการกดปุ่ม P

ขั้นตอนที่ 2: เลือกตัวเลือก "Shape Layer" ในแถบตัวเลือก

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

ไอคอนสามไอคอนในแถบตัวเลือกที่ให้เราเลือกวิธีใช้เครื่องมือปากกาได้

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

หากต้องการวาดรูปร่างโดยใช้เครื่องมือปากกา ให้เลือกตัวเลือก Shape Layer

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

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

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

ขั้นตอนที่ 3: เริ่มวาดรูปร่าง

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

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

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

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

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

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

ขั้นตอนที่ 5: ติดตามภาพต่อไป

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

โครงร่างของภาพเสร็จสมบูรณ์แล้ว

หากเราดูเลเยอร์รูปร่างในแผงเลเยอร์ เราจะเห็นว่ามีรูปร่าง Gingerbread Man ที่แตกต่างกันปรากฏขึ้น:

ตอนนี้ร่างของมนุษย์ของเรามองเห็นได้ชัดเจนในแผงเลเยอร์

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

ขั้นตอนที่ 6: เลือกเครื่องมือวงรี

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

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

ขั้นตอนที่ 7: เลือกตัวเลือก "ลบออกจากพื้นที่รูปร่าง"

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

บนแผงการตั้งค่า คลิกไอคอนตัวเลือก "ลบออกจากพื้นที่รูปร่าง":

ขั้นตอนที่ 8: วาดรูปร่างแต่ละรูปทรงเพื่อแยกออกจากภาพเงาที่ร่างไว้

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

วาดรูปวงรีรอบดวงตาซ้ายโดยกดปุ่มเมาส์ค้างไว้

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

ตอนนี้ตาซ้ายถูก "ตัด" ออกจากโครงร่างดั้งเดิมของรูปภาพ ส่งผลให้ดวงตามองเห็นได้ในภาพต้นฉบับด้านล่างภาพเงาโครงร่าง

ฉันจะทำเช่นเดียวกันกับตาขวา ในการเริ่มต้น ฉันจะวาดรูปวงรีรอบดวงตา:

วาดรูปวงรีรอบดวงตาขวา

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

รูที่สองปรากฏขึ้นบนร่าง ซึ่งมองเห็นดวงตาของมนุษย์ได้

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

วาดรูปวงรีรอบๆ ปุ่มด้านบน

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

มีรูในรูปซึ่งมองเห็นปุ่มด้านบนได้

ตอนนี้ ฉันจะทำแบบเดียวกันกับปุ่มด้านล่าง โดยเริ่มจากการวาดรูปวงรีรอบๆ ปุ่ม:

วาดรูปวงรีรอบๆ ปุ่มด้านล่าง

เมื่อฉันปล่อยปุ่มเมาส์ รูที่สี่จะปรากฏขึ้นในโครงร่าง:

ตอนนี้ปุ่มทั้งสองถูกตัดออกจากรูปร่างที่ร่างไว้แล้ว

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

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

ขั้นตอนที่ 9: แยกรายละเอียดที่เหลือออกจากภาพเงาร่างโดยใช้เครื่องมือปากกา

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

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

ในภาพด้านล่าง คุณจะเห็นเส้นขีดพร้อมกับภาพ Gingerbread Man ต้นฉบับที่มองผ่านรูที่ฉันสร้างขึ้น:

ตอนนี้ทั้งปากและหูกระต่ายถูกตัดออกจากรูปร่าง Gingerbread Man ที่ร่างไว้โดยใช้เครื่องมือปากกา

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

การใช้เครื่องมือปากกา ตัดรอยผงน้ำตาลบนมือซ้ายของชายคนนั้นออก

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

ตอนนี้รอยน้ำตาลผงที่ขาและแขนถูกตัดออกจากภาพเงาที่ร่างไว้แล้ว

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

ภาพขนาดย่อของเลเยอร์รูปร่างในแผงเลเยอร์สะท้อนถึงรายละเอียดทั้งหมดที่ถูกตัดออกจากโครงร่างดั้งเดิมของรูปร่าง Gingerbread Man

ดังนั้นฟิกเกอร์ Gingerbread Man จึงพร้อมแล้ว! เราใช้เครื่องมือ Pen เพื่อสร้างลายเส้นเริ่มต้นของรูปร่าง จากนั้นใช้เครื่องมือ Pen และ Ellipse ร่วมกับตัวเลือก Subtract from Shape Area เพื่อเพิ่มรายละเอียดเล็กๆ น้อยๆ ให้กับรูปร่าง

ขั้นตอนที่ 10: เพิ่มความทึบของเลเยอร์รูปร่างเป็น 100%

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

เพิ่มความทึบของเลเยอร์รูปร่างเป็น 100%

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

คลิกที่ไอคอนการมองเห็นเลเยอร์เพื่อซ่อนเลเยอร์พื้นหลังไม่ให้มองเห็นชั่วคราว

และนี่คือลักษณะของรูปร่างมนุษย์ขนมปังขิงที่ฉันสร้างขึ้นหลังจากซ่อนเลเยอร์พื้นหลังจากมุมมองและเพิ่มความทึบของเลเยอร์รูปร่างเป็น 100%:

ฟิกเกอร์ Gingerbread Man ที่สร้างเสร็จแล้ววางอยู่บนพื้นหลังโปร่งใส

หลังจากผ่านไปหลายขั้นตอน ในที่สุดเราก็สร้างหุ่นของเราขึ้นมาได้! แต่นี่ไม่ใช่จุดสิ้นสุด ตอนนี้เราจำเป็นต้องคิดตามอำเภอใจ และนั่นคือสิ่งที่เราจะทำต่อไป

ขั้นตอนที่ 11: กำหนดรูปร่างเป็นรูปร่างอิสระ

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

หากจำเป็น ให้คลิกที่ภาพขนาดย่อของเลเยอร์รูปร่างเพื่อเลือก

หมายเหตุ: หากคุณต้องการซ่อนโครงร่างของรูปร่างของคุณ เพียงคลิกที่ภาพขนาดย่อของเลเยอร์อีกครั้งเพื่อยกเลิกการเลือก

หลังจากเลือกเลเยอร์รูปร่างและเลือกภาพขนาดย่อของเลเยอร์แล้ว ให้ไปที่เมนูแก้ไขที่ด้านบนของหน้าจอ และเลือกกำหนดรูปร่างที่กำหนดเอง:

เลือก “การแก้ไข” > “กำหนดรูปร่างอิสระ”

การกระทำนี้จะเปิดกล่องโต้ตอบชื่อรูปร่าง ซึ่งคุณจะต้องป้อนชื่อรูปร่างของคุณ ฉันจะตั้งชื่อร่างของฉันว่า "Gingerbread Man":

ป้อนชื่อรูปร่างของคุณในส่วนที่เหมาะสมของกล่องโต้ตอบชื่อรูปร่าง

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

ขั้นตอนที่ 12: สร้างเอกสารใหม่ใน Photoshop

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

สร้างเอกสารเปล่าใหม่ใน Photoshop

ขั้นตอนที่ 13: เลือกเครื่องมือรูปร่างอิสระ

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

คลิกไอคอนเครื่องมือสี่เหลี่ยมผืนผ้าค้างไว้ จากนั้นเลือกเครื่องมือรูปร่างอิสระจากเมนูที่ปรากฏขึ้น

ขั้นตอนที่ 14: เลือกรูปร่างที่เรากำหนดเอง

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

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

ขั้นตอนที่ 15: การวาดรูปร่างของเรา

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

ในระหว่างขั้นตอนการวาดภาพ คุณจะเห็นเพียงโครงร่างบาง ๆ ของรูปร่างในอนาคต:

ขณะที่คุณวาดรูปร่าง จะมีโครงร่างบางๆ ปรากฏขึ้น

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

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

ขั้นตอนที่ 16: ดับเบิลคลิกที่ภาพขนาดย่อของเลเยอร์รูปร่างเพื่อเปลี่ยนสีรูปร่าง

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

ดับเบิลคลิกที่ภาพขนาดย่อของเลเยอร์รูปร่าง (ไอคอนตัวอย่างสี) ที่อยู่ทางด้านซ้ายเพื่อเปลี่ยนสีของรูปร่าง

การดำเนินการนี้จะเปิดเครื่องมือเลือกสีซึ่งคุณสามารถเลือกสีใหม่สำหรับรูปร่างของคุณได้ สำหรับ Gingerbread Man ของฉัน ฉันอยากจะเลือกสีน้ำตาล:

หากต้องการเลือกสีใหม่ ให้ใช้เครื่องมือเลือกสี

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

ตอนนี้สีของร่างเปลี่ยนไปแล้ว

คุณสามารถเปลี่ยนสีรูปร่างของคุณได้บ่อยเท่าที่คุณต้องการ เมื่อใดก็ตามที่คุณต้องการ!

ขั้นตอนที่ 17: หากจำเป็น ให้เปลี่ยนขนาดของรูปร่างโดยใช้คำสั่ง "Free Transform"

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

ปรับขนาดรูปร่างโดยใช้กรอบ Free Transform

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

คลิกนอกกรอบการเปลี่ยนแปลงแล้วเลื่อนเคอร์เซอร์เพื่อหมุนรูปร่าง

กด Enter (Win) / Return (Mac) เมื่อคุณปรับขนาดรูปร่างเสร็จแล้วเพื่อยืนยันการเปลี่ยนแปลงครั้งสุดท้าย

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

เพิ่มสำเนาของรูปร่างที่คุณกำหนดเองลงในเอกสารได้มากเท่าที่คุณต้องการ โดยเปลี่ยนสี ขนาด และมุมการหมุนของแต่ละรูปร่าง

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

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

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