วาดรูปสี่เหลี่ยมว่างใน Photoshop วิธีการวาดรูปสี่เหลี่ยมใน Photoshop การวาดภาพการเลือกรูปสี่เหลี่ยมผืนผ้า

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

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

วิธีที่ 1: เครื่องมือสี่เหลี่ยมผืนผ้า

เครื่องมือนี้อยู่ในกลุ่ม "รูปทรง"บนแผงด้านซ้าย

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

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

วิธีที่ 2: พื้นที่ที่เลือก

เครื่องมือนี้ใช้เพื่อสร้างสี่เหลี่ยม “พื้นที่สี่เหลี่ยม”จากกลุ่ม "การคัดเลือก".

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

“พื้นที่สี่เหลี่ยม”ต้องการการกรอก เมื่อต้องการทำเช่นนี้ คุณสามารถกดแป้นพิมพ์ลัดได้ SHIFT+F5และกำหนดประเภทการเติม

คุณยังสามารถใช้เครื่องมือนี้ได้ "เติม".

ผลลัพธ์:

การเลือกสามารถลบออกได้โดยใช้ปุ่ม CTRL+D. สำหรับพื้นที่สี่เหลี่ยม คุณยังกำหนดขนาดหรือสัดส่วนได้ตามใจชอบ (เช่น 3x4)

นอกจากนี้ยังสามารถสร้างการเลือกตามสัดส่วนที่กำหนดได้ เช่น 3x4

วันนี้มันเป็นเรื่องของสี่เหลี่ยม ตอนนี้คุณรู้วิธีสร้างมันแล้วและในสองวิธี

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

มีขอบตัด

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

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

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

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

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

ไม่มีขอบตัด

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

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

3. สร้างสี่เหลี่ยมสีขาวที่ว่างเปล่า เปิด Photoshop แล้วไปที่ “ไฟล์” > “ใหม่”

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

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

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

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

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

วิธียืด

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

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

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

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

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

มาทำความเข้าใจพื้นฐานของคอมพิวเตอร์กราฟิกกันดีกว่า

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

  • "สี่เหลี่ยมผืนผ้า";
  • "สี่เหลี่ยมผืนผ้าที่มีมุมโค้งมน";
  • "วงรี";
  • "รูปหลายเหลี่ยม";
  • "เส้น";
  • "ร่างโดยพลการ"

ตัวแก้ไขมีรูปแบบคลาสสิกและฟรีหลายรูปแบบ

มีโหมดการวาดภาพทั้งหมดสามโหมด:

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

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

ไม่มีอะไรง่ายไปกว่าการวาดเส้น ใช้เครื่องมือชื่อเดียวกันนี้

สำหรับวงกลม ให้ใช้ปุ่ม Shift หรือเมนูการตั้งค่าเพิ่มเติม

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

เราวาดองค์ประกอบที่สวยงามโดยใช้เครื่องมือมาตรฐาน

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

ลูกศรที่จุดเริ่มต้นหรือจุดสิ้นสุดสามารถตั้งค่าได้ในคุณสมบัติของเครื่องมือ

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

เทมเพลตที่รวมอยู่ในแพ็คเกจแอปพลิเคชันมาตรฐาน

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

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

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

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

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


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



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


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

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


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


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


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

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



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



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


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


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


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

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


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


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

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

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


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


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


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

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


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



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

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

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

คลิกซ้ายที่เครื่องมือ -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 ตั้งชื่อรูปร่างใหม่

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

นี่เป็นการสรุปบทเรียน ครั้งต่อไปเราจะจัดการกับโครงร่างและรูปภาพแรสเตอร์