วิธีการวาดรูปสี่เหลี่ยมมุมฉากใน Photoshop การซ่อนโครงร่างรอบรูปร่าง
แม้ว่าสี่เหลี่ยมจัตุรัสและสี่เหลี่ยมผืนผ้าจะเป็นรูปทรงเรขาคณิตที่ง่ายที่สุด แต่ในการวาดภาพด้วย Photoshop คุณต้องใช้ความพยายามและมีความรู้พื้นฐาน ผู้เริ่มต้นที่ไม่มีการฝึกอบรมที่เหมาะสมมักจะไม่สามารถรับมือกับงานนี้ได้
ในบทความนี้เราจะดู 3 วิธียอดนิยมในการวาดรูปสี่เหลี่ยมผืนผ้าหรือสี่เหลี่ยมจัตุรัสใน Photoshop
แต่ก่อนที่คุณจะเริ่มเลือกวิธีการวาดคุณต้องตัดสินใจเกี่ยวกับพารามิเตอร์ในอนาคต สี่เหลี่ยมผืนผ้า/สี่เหลี่ยมสามารถ:
- เต็มไปด้วยสีทึบหรือวาดเส้นขอบเท่านั้น
- โดยพลการหรือมีขนาดที่ระบุอย่างแม่นยำ
- ด้วยความสามารถในการเปลี่ยนขนาดได้ตลอดเวลาโดยไม่สูญเสียคุณภาพ
วิธีที่ 1. เครื่องมือรูปร่างฟรี
ในวิธีนี้ สี่เหลี่ยมหรือสี่เหลี่ยมจัตุรัสจะถูกวาดด้วยสีทึบ หากคุณต้องการแค่เส้นขอบ ให้ไปยังสองวิธีถัดไป
จากแถบเครื่องมือ ให้เลือกเครื่องมือ จากนั้น มีสองสถานการณ์ที่เป็นไปได้:
ตัวเลือกที่ 1 สี่เหลี่ยมจัตุรัสหรือสี่เหลี่ยมผืนผ้าที่มีความสามารถในการปรับขนาดเพิ่มเติมโดยไม่สูญเสียคุณภาพ
แน่นอนว่านี่หมายถึงการใช้รูปเวกเตอร์ หากต้องการวาดคุณต้องเลือกตัวเลือก ชั้นรูปร่าง:
ในอนาคตคุณสามารถเปลี่ยนขนาดของตัวเลขนี้ได้โดยไม่สูญเสียคุณภาพ เมื่อต้องการทำสิ่งนี้ ให้ใช้เครื่องมือ - Ctrl + T และใช้เครื่องหมายมุมเพื่อเปลี่ยนขนาด
สำหรับผู้ที่ไม่ทราบ: รูปร่างเวกเตอร์ไม่ประกอบด้วยพิกเซล แต่เป็นสูตรทางคณิตศาสตร์พิเศษ ดังนั้น การปรับขนาดจึงไม่ใช่กระบวนการยืด/บีบอัดพิกเซล แต่เป็นการคำนวณทางคณิตศาสตร์ที่ซับซ้อนใหม่ จึงไม่สูญเสียคุณภาพ
ตัวเลือก 2 สี่เหลี่ยมจัตุรัส/สี่เหลี่ยมผืนผ้ามาตรฐาน (แรสเตอร์)
หากต้องการวาดรูปแรสเตอร์ทันที ให้ใช้การตั้งค่าในแถบตัวเลือก เติมพิกเซล- แต่ก่อนที่คุณจะเริ่มวาดมัน - !
แต่ในความเป็นจริง คุณสามารถวาดเวกเตอร์ได้พร้อมกัน แล้วค่อยวาดมัน ตอนนี้เลือกด้วยตัวคุณเอง
วิธีทำสี่เหลี่ยมจตุรัส
กฎปกติของการกดปุ่ม Shift ที่มีรูปร่างตามใจชอบจะไม่ทำงาน ดังนั้นคุณต้องใช้แผงตัวเลือกเครื่องมือและเลือกการตั้งค่าเพื่อให้ Photoshop วาดรูปสี่เหลี่ยม
โปรดทราบว่าในแผงเดียวกัน คุณสามารถระบุขนาดที่แน่นอนของสี่เหลี่ยม/สี่เหลี่ยมจัตุรัสที่ต้องการ หรือวาดตามสัดส่วนที่กำหนดไว้ล่วงหน้าได้
ตามค่าเริ่มต้น ขนาดจะถูกกำหนดโดยพิกเซล หากคุณต้องการเปลี่ยนหน่วยการวัด ให้ป้อนค่าลงในช่องก่อนแล้วจึงคลิกขวาที่ค่านั้น หน้าต่างเลือกหน่วยจะปรากฏขึ้น มีให้เลือก: พิกเซล นิ้ว เซนติเมตร มิลลิเมตร จุด และพิกะ
สี่เหลี่ยมหรือสี่เหลี่ยมที่มีมุมโค้งมน
เพื่อให้ได้หุ่นสวยด้วย มุมโค้งมนให้ทำเช่นเดียวกับที่อธิบายไว้ข้างต้น แต่เลือกเครื่องมือตั้งแต่ต้น สี่เหลี่ยมผืนผ้ามีขอบโค้งมน- ในแถบตัวเลือกเครื่องมือ คุณจะต้องระบุเท่านั้น รัศมีการปัดเศษ
วิธีที่ 2: ลากเส้นบริเวณที่เลือก
วิธีนี้ง่ายพอ ๆ กับ 5 kopecks เลือกเครื่องมือแล้ววาดรูปสี่เหลี่ยมผืนผ้าด้วยเส้นประ หากต้องการวาดสี่เหลี่ยม ให้กดปุ่ม Shift ค้างไว้
ตอนนี้คุณต้องร่างขอบเขตของพื้นที่ที่เลือกนี้ โดยไปที่ เรียบเรียง - โรคหลอดเลือดสมอง.
จากนั้นในหน้าต่างใหม่ ให้กำหนดค่าประเภทของเส้นโครงร่าง: ระบุความหนาของเฟรม สีที่ต้องการ และทำเครื่องหมายว่าจะดำเนินการอย่างไร:
- ข้างใน— หมายความว่าเฟรมจะวางอยู่ด้านในของพื้นที่ที่เลือก
- อยู่ตรงกลาง— นี่หมายความว่าเฟรมจะถูกแบ่งเท่าๆ กันเป็นส่วนที่ทำงานภายในส่วนที่เลือกและส่วนที่อยู่ด้านนอก
- ข้างนอก- หมายความว่ากรอบจะพันรอบเส้นประของส่วนที่เลือก
ต่อไปนี้คือสิ่งที่จะเกิดขึ้น:
ในภาพหน้าจอด้านบน ฉันไม่ได้ตั้งใจลบเส้นประออก เนื่องจากมันจะไม่หายไปสำหรับคุณเช่นกัน หากต้องการกำจัดมันออกไปในที่สุด ให้กด Ctrl+D
ในวิธีนี้ เพื่อวาดรูปร่างที่มีขนาดที่แน่นอน คุณต้องระบุในแถบตัวเลือกเครื่องมือก่อน สไตล์ — ขนาดที่ระบุหรือ สัดส่วนที่กำหนดหลังจากนี้ ฟิลด์ต่างๆ จะเริ่มทำงานโดยที่คุณป้อนค่าความกว้างและความสูงเป็นพิกเซล การคลิกขวาที่ช่องใดช่องหนึ่งจะแสดงเมนูสำหรับเปลี่ยนหน่วยการวัด
วิธีที่ 2.1 การทาสีแบบเลือก
วิธีทั่วไปในการวาดรูปสี่เหลี่ยมผืนผ้าคือการวาดกรอบเลือก (ตามที่อธิบายไว้ข้างต้น) แล้วทาสีด้วยสีใดก็ได้ ที่นี่คุณมีสี่เหลี่ยมหรือสี่เหลี่ยมจัตุรัส
วิธีที่ 3: การปรับเปลี่ยนการเลือก
ในความเป็นจริงฉันชอบวิธีนี้อย่างน้อยที่สุดเนื่องจากมีข้อเสียที่ชัดเจน - มุมของสี่เหลี่ยมผืนผ้าจะถูกครอบตัดและขอบของเฟรมจะไม่สามารถมีอิทธิพลต่อข้อเท็จจริงเหล่านี้ได้
ดังนั้นคุณต้องเลือกเครื่องมืออีกครั้ง วาดกรอบสำหรับสี่เหลี่ยมผืนผ้าหรือสี่เหลี่ยมจัตุรัสในอนาคต (ด้วยปุ่ม Shift) จากนั้นไปที่เมนู การคัดเลือกและเลือกทีม การปรับเปลี่ยน - เส้นขอบ.
หน้าต่างใหม่จะปรากฏขึ้นซึ่งในกรณีของเราเราจะระบุความกว้างของเส้นขอบสี่เหลี่ยมผืนผ้า สมมติว่าฉันระบุ 7 พิกเซล เราได้รับผลลัพธ์ดังต่อไปนี้:
ตอนนี้คุณเพียงแค่ต้องทาสีทับกรอบผลลัพธ์ เหมาะสำหรับสิ่งนี้ โดยวิธีนี้ คุณสามารถเข้าถึงปัญหาได้อย่างสร้างสรรค์มากขึ้นและทาสีทับ เช่น สีที่ต่างกัน- ผลลัพธ์:
สิ่งที่เหลืออยู่คือการลบส่วนที่เลือก - Ctrl+D ฉันคิดว่าวิธีนี้เหมาะสำหรับงานเฉพาะที่หายากเท่านั้น เนื่องจากการแรเงาและมุมครอบตัดจะทำให้ทุกอย่างเสียเท่านั้น
หากคุณสังเกตเห็นข้อผิดพลาดในข้อความ ให้เลือกข้อผิดพลาดนั้นแล้วกด Ctrl + Enter ขอบคุณ!
เครื่องมือวาดภาพช่วยให้คุณสร้างและแก้ไขรูปร่างเวกเตอร์ได้ ทำให้ง่ายต่อการสร้างองค์ประกอบต่างๆ สำหรับหน้าเว็บ
เครื่องมือตระกูลถัดไปช่วยให้คุณสร้างรูปทรงเรขาคณิตที่มีรูปร่างแตกต่างกันได้
รสี่เหลี่ยมผืนผ้า (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 รูปใดก็ได้- ตั้งชื่อรูปร่างใหม่
ตอนนี้รูปร่างของเราได้ปรากฏในแผงการเลือกรูปร่างแบบกำหนดเองแบบเลื่อนลงแล้ว
ใน Photoshop คุณสามารถวาดรูปสี่เหลี่ยมจัตุรัสได้หลายเวอร์ชัน สี่เหลี่ยมจัตุรัสเต็มและสี่เหลี่ยมจัตุรัสพร้อมกรอบ เป็นการดีกว่าที่จะวาดสี่เหลี่ยมโดยใช้วัตถุเวกเตอร์ โดยเฉพาะผ่าน “เครื่องมือสี่เหลี่ยมผืนผ้า” ( เครื่องมือสี่เหลี่ยมผืนผ้า).
เครื่องมือสี่เหลี่ยมผืนผ้า
เลือกรูปร่าง (ปุ่มแนวนอน U) จากนั้นเลือกเครื่องมือสี่เหลี่ยมผืนผ้า (เครื่องมือสี่เหลี่ยมผืนผ้า) ดูภาพหน้าจอด้านล่าง
ตั้งค่าคุณสมบัติ "เติมพิกเซล"
เลือกสีเติมของสี่เหลี่ยมจัตุรัส (สีแรกในแถบเครื่องมือ) วาดรูปสี่เหลี่ยมโดยกดปุ่ม Shift ค้างไว้
ทรงสี่เหลี่ยมพร้อมกรอบ
ควรวาดสี่เหลี่ยมจัตุรัสบนเลเยอร์ว่างใหม่โดยไม่ต้องเติมใดๆ คุณสามารถสร้างเลเยอร์ใหม่ได้โดยการกดปุ่ม Alt + Ctrl + Shift + N พร้อมกัน
- ติดตั้ง Paths (เส้นทางในภาษารัสเซีย);
- วาดรูปสี่เหลี่ยมโดยกดปุ่ม Shift ค้างไว้
แปลงเวกเตอร์สแควร์เป็นตัวเลือก (เลือก) โดยกด Ctrl + Enter
ทาสีทับส่วนที่เลือก (ใน ในกรณีนี้สีขาว).
Alt + ← BackSpace - สีที่เลือกเป็นสีแรก
Ctrl + ← BackSpace - สีที่สองที่เลือก
คลิกขวาที่เลเยอร์สี่เหลี่ยมแล้วเลือก Blending Options
ในรูปแบบ ให้เลือก "Stroke" และตั้งค่าความหนาของเฟรมเป็นพิกเซลและสีของเฟรม คุณสามารถทดลองกับตัวเลือกอื่นได้
ผลลัพธ์ที่ได้คือสี่เหลี่ยมจัตุรัสที่มีขอบสีแดงหนา 3 พิกเซล
เครื่องมือวาดภาพช่วยให้คุณสร้างและแก้ไขรูปร่างเวกเตอร์ได้ ทำให้ง่ายต่อการสร้างองค์ประกอบต่างๆ สำหรับหน้าเว็บ
สร้างไฟล์การฝึกอบรมใหม่
คลิกซ้ายที่เครื่องมือ -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 โดยใช้ดินสอและแปรง เส้นแบบอิสระนั้นยอดเยี่ยม แต่บ่อยครั้งที่คุณต้องถ่ายทอดรูปทรงเรขาคณิตที่เท่ากัน ไม้บรรทัดและวงเวียนกลายเป็นอดีตไปแล้ว และตอนนี้คุณสามารถทำได้โดยใช้ เครื่องมือง่ายๆบรรณาธิการ
หากต้องการเลือกรายการใดรายการหนึ่ง ให้คลิกไอคอนรูปร่างบนแถบเครื่องมือ
ไม่ว่าคุณจะเลือกเครื่องมือกลุ่มใด รายการต่อไปนี้ซึ่งจะปรากฏในแถบตัวเลือกซึ่งพบได้ทั่วไปในทุกรูปร่าง
- เลือกโหมดเครื่องมือที่นี่คุณสามารถเลือกหนึ่งในสาม
- รูป.ค่านี้ถูกกำหนดเป็นค่าเริ่มต้น และสร้างรูปทรงเรขาคณิตเวกเตอร์บนเลเยอร์ที่แยกจากกัน นั่นคือสิ่งที่คุณคาดหวังจากเครื่องมือจะเกิดขึ้น
- เซอร์กิต.ร่างของร่างถูกวาดโดยไม่ต้องเติม
- พิกเซลมันไม่ได้สร้างเวกเตอร์ แต่เป็นร่างแรสเตอร์
- การกรอกให้คุณปรับแต่งสีและประเภท (การไล่ระดับสี การแรเงา) ของภาพที่วาดได้
- จังหวะ.การตั้งค่าโครงร่างรูปร่าง: ความหนา ประเภท สี
- ความกว้างและความสูงช่วยให้คุณสามารถชี้แจงขนาดของร่างได้เมื่อไม่อนุญาตให้ทำ "ด้วยตา"
และเช่นเคย ให้สร้างเอกสารใหม่ที่มีพื้นหลังสีขาว พารามิเตอร์ที่เหลือสามารถปล่อยให้เป็นค่าเริ่มต้นหรือเลือกตามดุลยพินิจของคุณ
สี่เหลี่ยมผืนผ้า
เลือกรูปร่างสี่เหลี่ยมผืนผ้า และในการวาด ให้คลิกบนผืนผ้าใบ จากนั้นลากตัวชี้ในขณะที่กดปุ่มเมาส์ค้างไว้ จุดที่คุณคลิกจะเป็นมุมของรูปร่าง
บนแถบตัวเลือก คลิกไอคอน หน้าต่างการตั้งค่าเรขาคณิตจะเปิดขึ้น
ตามค่าเริ่มต้น สวิตช์จะถูกตั้งค่าเป็นสี่เหลี่ยมผืนผ้า หากคุณตั้งค่าเป็นสี่เหลี่ยมจัตุรัส เมื่อวาดคุณจะได้รูปทรงที่มีความยาวด้านเท่ากันเสมอ คุณสามารถบรรลุเอฟเฟกต์ที่คล้ายกันได้โดยไม่ต้องกดช่องทำเครื่องหมาย: หากต้องการรับสี่เหลี่ยมจัตุรัสขณะวาดรูปสี่เหลี่ยมผืนผ้า เพียงกดปุ่ม Shift ค้างไว้
หากทราบพารามิเตอร์ของสี่เหลี่ยมผืนผ้าของคุณล่วงหน้า ให้ตั้งสวิตช์ไปที่ตำแหน่งขนาดที่ระบุ และระบุค่าที่ต้องการในช่อง รูปจะถูกวาดให้สมบูรณ์ทันทีที่คุณคลิกบนผืนผ้าใบด้วยปุ่มเมาส์
หลังจากตั้งค่าสวิตช์ไปที่ตำแหน่งกำหนดสัดส่วนแล้ว ในช่องป้อนข้อมูลที่พร้อมใช้งาน คุณสามารถระบุอัตราส่วนภาพของรูปภาพที่สร้างขึ้นได้
ช่องทำเครื่องหมายจากศูนย์กลางทำให้คุณสามารถวาดรูปสี่เหลี่ยมผืนผ้าจากจุดศูนย์กลาง แทนที่จะวาดจากจุดด้านนอกสุด
สี่เหลี่ยมผืนผ้าที่มีมุมโค้งมน
รายการถัดไปในรายการ รูปทรงเรขาคณิต- เห็นได้ชัดว่ามันแตกต่างจากปกติในการปัดเศษมุม ดังนั้นการตั้งค่าสำหรับรูปนี้และสี่เหลี่ยมจึงเกือบจะเหมือนกัน รัศมีเนื้อสามารถระบุได้ในช่องที่เกี่ยวข้องในแถบตัวเลือก
วงรี
พารามิเตอร์เหมือนกับสี่เหลี่ยม แต่คุณสามารถวาดวงกลมแทนสี่เหลี่ยมได้ ในการดำเนินการนี้ ในหน้าต่างการตั้งค่ารูปทรงเรขาคณิต ให้เลือกช่องวงกลมหรือกดปุ่ม Shift ค้างไว้ขณะวาด
รูปหลายเหลี่ยม
ด้วยเครื่องมือนี้ คุณสามารถวาดรูปสามเหลี่ยม สิบสองหน้า ไอโคซาเฮดรอน ดาว หรือรูปทรงใดๆ ที่มีด้านตั้งแต่สามถึงหนึ่งร้อยด้าน หมายเลขของพวกเขาสามารถตั้งค่าได้ในช่องป้อนข้อมูลปาร์ตี้ซึ่งอยู่บนแผงพารามิเตอร์
หน้าต่างการตั้งค่าทางเรขาคณิตแตกต่างอย่างเห็นได้ชัดจากตัวเลขก่อนหน้านี้
- รัศมี.ฟิลด์นี้ระบุรัศมีของรูปหลายเหลี่ยมในอนาคต
- มุมด้านนอกเรียบหากทำเครื่องหมายในช่อง มุมจะถูกปัดเศษ หากไม่ มุมจะคมชัดเหมือนในรูปหลายเหลี่ยมแบบคลาสสิก
- ดาว.ทำเครื่องหมายที่ช่องหากคุณต้องการรับดาวเป็นเอาต์พุต
- ความลึกของรังสีช่องป้อนข้อมูลนี้ระบุว่ารังสีจะมีความยาวเท่าใด
- เรียบมุมด้านในทำเครื่องหมายที่ช่องนี้หากคุณต้องการให้มุมด้านในโค้งมน ดังที่แสดงในภาพด้านล่าง
เส้น
ใช้เครื่องมือนี้เพื่อสร้างเส้นตรงอย่างแท้จริง - ด้วยมือเปล่านั้นใช้งานไม่ได้จริง เพื่อให้เกิดความแม่นยำสูงสุด ให้กำหนดค่าพารามิเตอร์ทางเรขาคณิตในหน้าต่างที่เหมาะสม
- เริ่ม.หากทำเครื่องหมายที่ช่องทำเครื่องหมาย แทนที่จะเป็นเส้น คุณจะได้รับลูกศรที่จะวาดที่ตำแหน่งที่คุณคลิกปุ่มเมาส์
- จบ.เลือกช่องทำเครื่องหมายเพื่อเพิ่มลูกศรที่ท้ายบรรทัด
- ความกว้าง.ระบุเป็นเปอร์เซ็นต์ที่สัมพันธ์กับความหนา (สามารถตั้งค่าได้ในแผงพารามิเตอร์ในช่องชื่อเดียวกัน)
- ความยาว.คำนวณในลักษณะเดียวกับความกว้าง - สัมพันธ์กับความหนาเป็นเปอร์เซ็นต์
- ความโค้ง.ค่าจะอยู่ในช่วง -50% ถึง 50% และกำหนดว่าส่วนที่กว้างที่สุดของลูกศรจะโค้งงอมากน้อยเพียงใด รูปภาพแสดงลูกศรที่มีความโค้ง 0%, 30% และ 50% (จากบนลงล่าง)
รูปฟรี
เพื่อไม่ให้สร้างเครื่องมือแยกต่างหากสำหรับแต่ละรูปร่างที่เหลืออยู่หลายสิบรูปร่าง นักพัฒนาจึงได้รวมรูปร่างเหล่านั้นไว้ที่นี่ คุณคุ้นเคยกับองค์ประกอบทั้งหมดของแผงพารามิเตอร์แล้วยกเว้นองค์ประกอบที่สำคัญที่สุด - ปุ่มรูปร่างซึ่งจะเปิดหน้าต่างการเลือกรูปร่าง
หากคุณคลิกที่เฟืองที่อยู่ทางด้านขวาของหน้าต่าง เมนูตัวเลือกเพิ่มเติมจะเปิดขึ้นพร้อมหมวดหมู่ของรูปร่างจะเปิดขึ้น
ด้วยเครื่องมือที่กล่าวถึง คุณสามารถวาดได้ด้วยการคลิกสองครั้ง จำนวนมากตัวเลขที่ต้องใช้เวลาค่อนข้างนานในการสร้างด้วยมือ